2019-10-23 15:38:35 +00:00
|
|
|
<vn-card>
|
|
|
|
|
<div class="header">
|
|
|
|
|
<vn-button
|
|
|
|
|
icon="navigate_before"
|
|
|
|
|
ng-click="$ctrl.step(-1)"
|
|
|
|
|
class="flat">
|
|
|
|
|
</vn-button>
|
2019-11-15 06:35:51 +00:00
|
|
|
<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>
|
2019-10-23 15:38:35 +00:00
|
|
|
<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)"
|
2020-02-26 06:02:03 +00:00
|
|
|
on-selection="$ctrl.onSelection($event, $days, $type, $weekday)"
|
2019-10-23 15:38:35 +00:00
|
|
|
class="vn-pa-md"
|
|
|
|
|
style="min-width: 250px; flex: 1;">
|
|
|
|
|
</vn-calendar>
|
|
|
|
|
</div>
|
|
|
|
|
</vn-card>
|
