client-ui/source/templates/datepicker/day.tpl.html

Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront

<div class="datePickerBorder">
    <table role="grid" aria-labelledby="{{::uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
        <thead>
            <tr>
                <th>
                    <a type="button" class="pull-left show-pointer" ng-click="move(-1)" tabindex="-1">
                        <i class="fa fa-chevron-left"></i>
                    </a>
                </th>
                <th colspan="{{::5 + showWeeks}}">
                    <h6 id="{{::uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="text-center" ng-disabled="datepickerMode === maxMode" tabindex="-1" style="width:100%;">
                            <strong>{{title}}</strong>
                        </h6>
                </th>
                <th>
                    <a type="button" class="pull-right show-pointer" ng-click="move(1)" tabindex="-1">
                        <i class="fa fa-chevron-right"></i>
                    </a>
                </th>
            </tr>
            <tr style="border-top:1px solid #AAAAAA;">
                <th ng-if="showWeeks" class="text-center"></th>
                <th ng-repeat="label in ::labels track by $index" class="text-center">
                    <small aria-label="{{::label.full}}">{{::label.abbr}}</small>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="row in rows track by $index">
                <td ng-if="showWeeks" class="text-center h6">
                    <em>{{ weekNumbers[$index] }}</em>
                </td>
                <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{::dt.uid}}" ng-class="::dt.customClass">
                    <button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1">
                        <b><span class="days" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}">{{::dt.label}}</span></b>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
</div>