Blazor Calendar Example - Keyboard Navigation
August 2024
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 28 | 29 | 30 | 31 | 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 |
Calendar functionalities can be accessed interactively through keyboard shortcuts. Various key combinations enable efficient interaction with the Calendar component.
Focus Navigation:
- Alt + J — Focuses on the first component of the sample
Date Selection:
- Enter — Selects the currently focused date
Calendar Navigation:
- Up Arrow — Focuses the same day on the previous week
- Down Arrow — Focuses the same day on the next week
- Left Arrow — Focuses the previous day
- Right Arrow — Focuses the next day
- Home — Focuses the first day of the month
- End — Focuses the last day of the month
- Page Up — Focuses the same date on the previous month
- Page Down — Focuses the same date on the next month
- Shift + Page Up — Focuses the same date on the previous year
- Shift + Page Down — Focuses the same date on the next year
- Ctrl + Home — Focuses the first date of the current year
- Ctrl + End — Focuses the last date of the current year
View Navigation:
- Ctrl + Up Arrow — Moves to inner view level (month to year, year to decade)
- Ctrl + Down Arrow — Moves to outer view level (decade to year, year to month)