Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 32x 32x 66x 32x 32x 66x 32x 32x 66x 32x 32x 66x 32x 32x 32x | <div class="header">
<si-calendar-direction-button
direction="left"
[ariaLabel]="previousLabel()"
[disabled]="isPreviousButtonDisabled()"
(clicked)="changeVisibleYearRange(-1)"
/>
<span class="year-range-label flex-fill mx-4 si-h4 text-secondary calendar-button">
{{ fromYear() | date: 'yyyy' }} - {{ toYear() | date: 'yyyy' }}
</span>
<si-calendar-direction-button
direction="right"
[ariaLabel]="nextLabel()"
[disabled]="isNextButtonDisabled()"
(clicked)="changeVisibleYearRange(1)"
/>
</div>
<div class="calendar-table">
<table class="px-9" role="grid">
<tbody
si-calendar-body
[focusedDate]="focusedDate()"
[compareAdapter]="compareAdapter"
[startDate]="startDate()"
[endDate]="endDate()"
[enableRangeSelection]="isRangeSelection()"
[previewRange]="previewRange()"
[rows]="yearCells"
(selectedValueChange)="emitSelectedValue($event)"
(keydown)="calendarBodyKeyDown($event)"
>
</tbody>
</table>
</div>
<div class="footer"></div>
|