Keyboard Navigation

The keyboard navigation of the Telerik UI for ASP.NET Core DateRangePicker is always available.

For a complete example, refer to the demo on keyboard navigation of the DateRangePicker.

The DateRangePicker supports the following shortcuts:

SHORTCUT	DESCRIPTION
Access key + w	Focuses the component.
Enter	Triggers the change event of the component.
Alt + Up Arrow	Closes the popup.
Alt + Down Arrow	Opens the popup.
Left Arrow	Highlights the previous day in the popup.
Right Arrow	Highlights the next day in the popup.
Up Arrow	Highlights the same day from the previous week in the popup.
Down Arrow	Highlights the same day from the next week in the popup.
Shift + Arrow	Performs range selection in the popup
Ctrl + Left Arrow	Navigates to the previous set of views in the popup.
Ctrl + Right Arrow	Navigates to the next month in the popup.
Ctrl + Up Arrow	Navigates to the previous view in the popup.
Ctrl + Down Arrow	Navigates to the next view in the popup.
Home	Highlights the first day of the month.
End	Highlights the last day of the month.
Esc	Closes the popup.
T	Select the current date in the component.

See Also

• Keyboard Navigation by the DateRangePicker HtmlHelper for ASP.NET Core (Demo)
• Accessibility in the DateRangePicker HtmlHelper for ASP.NET Core