New to Kendo UI for Vue? Start a free 30-day trial
Keyboard Navigation
By default, the keyboard navigation of the DateTimePicker is enabled.
The DateTimePicker supports the following keyboard shortcuts:
| Shortcut | Description |
|---|---|
Alt+Down Arrow | Opens the popup and moves the focus to the displayed date-time selector. |
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. |
Alt+Right Arrow | Move the focus to the time part of the date-time selector. |
Alt+Left Arrow | Move the focus to the date part of the date-time selector. |
Example
View Source
Change Theme:
Navigation Scenarios
When the popup of the DateTimePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the Calendar or the time part.
When the input of the DateTimePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the DateInput.
