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:

ShortcutDescription
Alt+Down ArrowOpens the popup and moves the focus to the displayed Calendar or TimePicker.
Alt+Up ArrowCloses the popup and moves the focus to the input element.
Alt+Right ArrowWhen the popup is open, switches to the Time tab and focuses the TimePicker.
Alt+Left ArrowWhen the popup is open, switches to the Date tab and focuses the Calendar.
Up/Down/Left/Right ArrowSelects the adjacent date or time entry in the specified direction.
Page UpScrolls to the previous month.
Page DownScrolls to the next month.
EscDiscards the selection and closes the popup.
EnterAccepts the selected date and closes the popup.
Example
View Source
Edit In Stackblitz  
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.

In this article

Not finding the help you need?