New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the DateTimePicker is always available.
The DateTimePicker supports the following keyboard shortcuts:
| Shortcut | Description |
|---|---|
Alt+Down Arrow | Opens the popup and moves the focus to the displayed Calendar or TimePicker. |
Alt+Up Arrow | Closes the popup and moves the focus to the input element. |
Esc | Discards the selection and closes the popup. |
Enter | Enters in time edit if calendar is the target. Otherwise, accepts the selected time and closes the popup. |
Alt+Right Arrow | When the popup is open, switches to the Time tab and focuses the TimePicker. |
Alt+Left Arrow | When the popup is open, switches to the Date tab and focuses the Calendar. |
Example
View Source
Change Theme:
Navigation Scenarios
The DateTimePicker utilizes the keyboard shortcuts of its focused internal component. For more information on the available commands, refer to the respective articles for the DateInput, Calendar, and TimePicker components.
