salix/front/core/components/calendar/index.html

<div>
    <div class="header">
        <vn-button
            icon="keyboard_arrow_left"
            class="flat"
            ng-click="$ctrl.movePrevious()"
            translate-attr="::{title: 'Previous'}"
            ng-if="$ctrl.displayControls"/>
        </vn-button>
        <div class="title">
            <span translate>{{$ctrl.defaultDate | date: 'MMMM'}}</span>
            <span ng-hide="::$ctrl.hideYear">{{$ctrl.defaultDate | date: 'yyyy'}}</span>
        </div>
        <vn-button
            icon="keyboard_arrow_right"
            class="flat"
            ng-click="$ctrl.moveNext()"
            translate-attr="::{title: 'Next'}"
            ng-if="$ctrl.displayControls">
        </vn-button>
    </div>
    <div class="weekdays">
        <section
            ng-repeat="day in ::$ctrl.weekDays"
            translate-attr="::{title: day.name}" 
            ng-click="$ctrl.selectWeekDay(day.index)">
            <span>{{::day.localeChar}}</span>
        </section>
    </div>
    <div
        class="days"
        ng-class="{'hide-contiguous': $ctrl.hideContiguous}">
        <section
            ng-repeat="day in $ctrl.days"
            class="day"
            ng-class="::$ctrl.getDayClasses(day)"
            vn-repeat-last
            on-last="$ctrl.repeatLast()">
            <div
                class="day-number"
                ng-click="$ctrl.select(day)">
                {{::day | date: 'd'}}
            </div>
        </section>
    </div>
</div>