Keyboard Navigation
Keyboard Navigation Example. This example was made to keep keyboard navigation simple and respects the calendar options and properties. For example, the focus will not go to an unselectable date. Please note, when changing the default behavior or the keyboard navigation, the user might have issues with the new functionality. This is why keyboard navigation is not included by default.

When the input field has focus, the following keys will work as below (left and right are reversed for RTL languages)
  • Left: moves the focus one day back
  • Right: moves the focus one day forward
  • Up: moves focus one week back
  • Down: moves focus one week forward
  • Shift and Left or Up: moves the focus one month back
  • Shift and Right or Down: moves the focus one month forward
  • Shift+Ctrl and Left or Up: moves the focus one year back
  • Shift+Ctrl and Right or Left: moves the focus one year forward
  • Page Up: moves the focus to the first date of the current month
  • Page Down: moves the focus to the last date of the current month
  • Home: moves the focus to the start date
  • End: moves the focus to the end date
  • Enter (with open calendar): selects the focused date
Demo: