33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<vn-card>
|
|
<div class="header">
|
|
<vn-button
|
|
icon="navigate_before"
|
|
ng-click="$ctrl.step(-1)"
|
|
class="flat">
|
|
</vn-button>
|
|
<div>
|
|
<span translate>{{$ctrl.firstDay | date:'MMMM'}}</span>
|
|
<span>{{$ctrl.firstDay | date:'yyyy'}} -</span>
|
|
<span translate>{{$ctrl.lastDay | date:'MMMM'}}</span>
|
|
<span>{{$ctrl.lastDay | date:'yyyy'}}</span>
|
|
</div>
|
|
<vn-button
|
|
icon="navigate_next"
|
|
ng-click="$ctrl.step(1)"
|
|
class="flat">
|
|
</vn-button>
|
|
</div>
|
|
<div class="calendars vn-pa-md">
|
|
<vn-calendar
|
|
ng-repeat="date in $ctrl.months track by date.getTime()"
|
|
default-date="date"
|
|
display-controls="false"
|
|
hide-contiguous="true"
|
|
has-events="$ctrl.hasEvents($day)"
|
|
get-class="$ctrl.getClass($day)"
|
|
on-selection="$ctrl.onSelection($days, $type, $weekday)"
|
|
class="vn-pa-md"
|
|
style="min-width: 250px; flex: 1;">
|
|
</vn-calendar>
|
|
</div>
|
|
</vn-card> |