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

<div>
    <vn-horizontal class="header">
        <vn-auto>
            <vn-icon
                icon="keyboard_arrow_left"
                class="pointer"
                ng-click="$ctrl.movePrevious($ctrl.skip)"
                ng-show="$ctrl.displayControls"/>
            </vn-icon>
        </vn-auto>
        <vn-one>
            <strong>
                <span translate>{{$ctrl.defaultDate | date: 'MMMM'}}</span>
                <span>{{$ctrl.defaultDate | date: 'yyyy'}}</span>
            </strong>
        </vn-one>
        <vn-auto>
            <vn-icon
                icon="keyboard_arrow_right"
                class="pointer"
                ng-click="$ctrl.moveNext($ctrl.skip)"
                ng-show="$ctrl.displayControls">
            </vn-icon>
        </vn-auto>
    </vn-horizontal>

    <vn-vertical class="body">
        <vn-horizontal class="weekdays">
            <section class="day" ng-click="$ctrl.selectAll(1)">
                <span>L</span>
            </section>
            <section class="day" ng-click="$ctrl.selectAll(2)">
                <span>M</span>
            </section>
            <section class="day" ng-click="$ctrl.selectAll(3)">
                <span>X</span>
            </section>
            <section class="day" ng-click="$ctrl.selectAll(4)">
                <span>J</span>
            </section>
            <section class="day" ng-click="$ctrl.selectAll(5)">
                <span>V</span>
            </section>
            <section class="day" ng-click="$ctrl.selectAll(6)">
                <span>S</span>
            </section>
            <section class="day" ng-click="$ctrl.selectAll(0)">
                <span>D</span>
            </section>
        </vn-horizontal>
        <vn-horizontal class="days">
            <section ng-repeat="day in $ctrl.days" class="day {{day.event.className || day.className}}"
                ng-click="$ctrl.select($index)" 
                ng-style="{'color': day.event.style.color}">
                <span ng-if="day.event" vn-tooltip="{{day.event.title}}" 
                    ng-style="{'background-color': day.event.style.background}">
                    {{::day.dated | date: 'd'}}
                </span>
                <span ng-if="!day.event">{{::day.dated | date: 'd'}}</span>
            </section>
        </vn-horizontal>
    </vn-vertical>
</div>