48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<ng-template [cdkPortalOutlet]="_calendarHeaderPortal"></ng-template>
|
|
|
|
<div class="mat-calendar-content" cdkMonitorSubtreeFocus tabindex="-1">
|
|
@switch (currentView) {
|
|
@case ('month') {
|
|
<mat-month-view
|
|
[(activeDate)]="activeDate"
|
|
[selected]="selected"
|
|
[dateFilter]="dateFilter"
|
|
[maxDate]="maxDate"
|
|
[minDate]="minDate"
|
|
[dateClass]="dateClass"
|
|
[comparisonStart]="comparisonStart"
|
|
[comparisonEnd]="comparisonEnd"
|
|
[startDateAccessibleName]="startDateAccessibleName"
|
|
[endDateAccessibleName]="endDateAccessibleName"
|
|
(_userSelection)="_dateSelected($event)"
|
|
(dragStarted)="_dragStarted($event)"
|
|
(dragEnded)="_dragEnded($event)"
|
|
[activeDrag]="_activeDrag"></mat-month-view>
|
|
}
|
|
|
|
@case ('year') {
|
|
<mat-year-view
|
|
[(activeDate)]="activeDate"
|
|
[selected]="selected"
|
|
[dateFilter]="dateFilter"
|
|
[maxDate]="maxDate"
|
|
[minDate]="minDate"
|
|
[dateClass]="dateClass"
|
|
(monthSelected)="_monthSelectedInYearView($event)"
|
|
(selectedChange)="_goToDateInView($event, 'month')"></mat-year-view>
|
|
}
|
|
|
|
@case ('multi-year') {
|
|
<mat-multi-year-view
|
|
[(activeDate)]="activeDate"
|
|
[selected]="selected"
|
|
[dateFilter]="dateFilter"
|
|
[maxDate]="maxDate"
|
|
[minDate]="minDate"
|
|
[dateClass]="dateClass"
|
|
(yearSelected)="_yearSelectedInMultiYearView($event)"
|
|
(selectedChange)="_goToDateInView($event, 'year')"></mat-multi-year-view>
|
|
}
|
|
}
|
|
</div>
|