R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      DateTimePicker / Keyboard navigation

      Select date & time:

      Focus:

      Closed popup:

      • enter triggers change event
      • alt down arrow toggles popups
      • alt up arrow closes the opened 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
      • 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 if in "month" view selects the highlighted day. In other views navigates to a lower view
      • esc closes the popup

      Opened popup (time view):

      • up arrow selects previous available time
      • down arrow selects next available time

      ASP.NET Core source

      Also available for:

      • keyboard_navigation.cshtml
      • Keyboard_NavigationController.cs

      Support & learning resources

      DateTimePicker for other technologies