Keyboard Navigation

The keyboard support of the DateTimePicker is always available.

The DateTimePicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Access Key+w Focuses the DateTimePicker.

When the popup is opened, the DateTimePicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Left Arrow Highlights the previous day part.
 Right Arrow Highlights the next day part.
 Up Arrow Highlights the same day from the previous week.
 Down Arrow Highlights the same day from the next week.
 Ctrl+Left ArrowNavigates to the previous month.
 Ctrl+Right ArrowNavigates to the next month.
 Ctrl+Up ArrowNavigates to the previous view.
 Ctrl+Down ArrowNavigates to the next view.
 HomeHighlights the first day of the month.
 EndHighlights the last day of the month.
 Enter or SpaceIf in the month view, selects the highlighted day. In other views, navigates to lower view.

When the popup is closed, the DateTimePicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Enter Triggers the change event.
 Esc Closes the popup.
 Alt+Up Arrow Closes the popup.
 Alt+Down Arrow Opens the popup.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?