46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
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> |