# 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.                       |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/daterangepicker/keyboard/source.txt)

## Navigation Scenarios

When the popup of the DateRangePicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the [Calendar](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/calendar/keyboard-navigation).

When the inputs of the DateRangePicker is focused, it adopts the same keyboard shortcuts as the keyboard shortcuts of the [DateInput](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/dateinput/keyboard-navigation).

## Suggested Links

* [API Reference of the DateRangePicker](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/daterangepickerprops)
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/daterangepicker/accessibility/wai-aria-support)