R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      DateRangePicker / Keyboard navigation

      Select date range:

      Focus:

      • Alt + w focuses the widget

      Closed popup:

      • enter triggers change event
      • esc closes the popup
      • alt down arrow opens the popup
      • alt up arrow closes the popup

      Opened popup (date view):

      • 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
      • shift arrow performs range selection
      • ctrl left arrow navigates to previous set of views
      • ctrl right arrow navigates to next set of views
      • 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

      Description

      This example shows how the keyboard navigation functionality is supported in Kendo UI DateRangePicker widget.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • keyboard-navigation.html
      • Widget configuration

      Support & learning resources

      DateRangePicker for other technologies