Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Calendar / Keyboard navigation

      Pick a date

      Focus

      • Alt + w focuses the widget

      Supported keys and user actions

      • left arrow highlights previous day
      • right arrow highlights next day
      • up arrow highlights same day from the previous week
      • down arrow highlights same day from the next week
      • ctrl left arrow navigates to previous month
      • ctrl right arrow navigates to next month

       

      • ctrl up arrow navigates to previous view
      • ctrl down arrow navigates to next view
      • home highlights first day of the month
      • end highlights last day of the month
      • enter or space if in "month" view selects the highlighted day. In other views navigates to lower view

      Multiple Selection mode

      • ctrl enter or space adds the highlighted day to the current selection. If that day was already selected it is removed from the selection.
      • shift left arrow or right arrow adds the next/previous date to the selected items.
      • shift up arrow or down arrow extend selection up/down one row in month view.
      • shift enter or space perform range selection, selects all dates between the last selected one (with ENTER/SPACE or mouse click) and the one holding the focused cell.

      JSP source

      Also available for:

      • keyboard-navigation.jsp
      • KeyboardNavigationController.java
      • Widget configuration

      Support & learning resources

      Calendar for other technologies