New to Kendo UI for Vue? Start a free 30-day trial
Keyboard Navigation
By default, the keyboard navigation of the DatePicker is enabled.
The DatePicker supports the following keyboard shortcuts:
| Shortcut | Description |
|---|---|
Alt+Down Arrow | Opens the popup and moves the focus to the displayed calendar. |
Alt+Up Arrow | Closes the popup and moves the focus to the input element. |
Esc | Closes the popup and moves the focus to the input element. |
Example
View Source
Change Theme:
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.
