New to Kendo UI for Vue? Start a free 30-day trial
Keyboard Navigation
By default, the keyboard navigation of the DateRangePicker is enabled.
The DateRangePicker supports the following keyboard shortcuts:
| Shortcut | Description |
|---|---|
Alt+Down Arrow | Opens the popup. |
Tab | Moves the focus from the start input to the end input, or from the end input to the calendar element. |
Esc | Closes the popup and moves the focus to the start or to an empty input element. |
Example
View Source
Change Theme:
Navigation Scenarios
When the popup of the DateRangePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the Calendar.
When the inputs of the DateRangePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the DateInput.
