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
Edit in Theme Builder

Keyboard navigation

Select date & time:


Closed popup:

  • enter triggers change event
  • esc closes the popup
  • 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

Opened popup (time view):

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

JSP source

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

Support & learning resources

DateTimePicker for other technologies