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:

ShortcutDescription
Alt+Down ArrowOpens the popup and moves the focus to the displayed date-time selector.
Alt+Up ArrowCloses the popup and moves the focus to the input element.
EscCloses the popup and moves the focus to the input element.
Alt+Right ArrowMove the focus to the time part of the date-time selector.
Alt+Left ArrowMove the focus to the date part of the date-time selector.
Example
View Source
Edit In Stackblitz  
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.

In this article

Not finding the help you need?