New to KendoReact? Start a free 30-day trial
Keyboard Navigation
Managing the Focus
Initial focus is on the selected date.
Keyboard Shortcuts
Actions applied to the DateInput:
The DatePicker implements the keyboard shortcuts for the DateInput component:
Apart from that, it also features the following shortcuts related to ist Popup:
| Shortcut | Behavior |
|---|---|
Esc | Closes the popup |
Alt/Opt(Mac) + Down | Opens the popup |
Alt/Opt(Mac) + Up | Closes the popup |
Actions applied to the Calendar:
Ones the popup is open, navigation is handled through the Calendar component:
Resources
ARIA Authoring Practices: Date Picker Dialog
Change Theme
Theme
Loading ...
Navigation Scenarios
When the popup of the DatePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the Calendar.
When the input of the DatePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the DateInput.