Keyboard Navigation

The keyboard support of the DatePicker is always available.

The DatePicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Access Key+w Focuses the DatePicker.

When the popup is opened, the DatePicker 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 DatePicker 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
Change Theme:

## Suggested Links

* [Kendo UI DatePicker for jQuery](https://docs.telerik.com/kendo-ui/controls/editors/datepicker/overview)
* [API Reference of the DatePicker](https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker)


export const _frontmatter = {"title":"Keyboard Navigation","page_title":"Keyboard Navigation - DatePicker - Kendo UI for Vue","description":"Explore the keyboard navigation options provided by the Kendo UI DatePicker wrapper for Vue.","slug":"keyboardnavigation_datepicker","position":6}

In this article

Not finding the help you need?