New to Telerik UI for Blazor? Download Free 30-day trial

Calendar - Keyboard Navigation

Today
SuMoTuWeThFrSa
            1
2345678
9101112131415
16171819202122
23242526272829
3031         
  • Keyboard-navigation.razor
Loading the demo source code...please wait.

Focus

  • Alt + W focuses the first component in the example

Supported keys and user actions

  • Up arrow moves focus to the upward cell, or navigates the view if the currently focused date is at the top row of the current view period.
  • Down arrow moves focus to the downward cell, or navigates the view if the currently focused date is in the last row of the current view period.
  • Left arrow moves focus to the previous cell.
  • Right arrow moves focus to the next cell.
  • Enter toggles the current date selection. If Shift is pressed and multiple selection is enabled, selects a range of dates. If Ctrl is pressed and multiple selection is enabled, toggles the current date selection leaving the other selection intact.
  • Ctrl + Up Arrow navigates to the upper view (e.g., from current month days, to the year).
  • Ctrl + Down Arrow navigates to the lower view (e.g., from the months in the year to the days of the month).
  • Ctrl + Right Arrow navigates to the next period.
  • Ctrl + Left Arrow navigates to the previous period.
  • Tab moves focus between the different navigation elements - view selection, previous/next buttons, today button, and the grid with dates/months/years. When
  • Shift is pressed, goes backwards through these focusable elements, like regular tab order.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload