All Components
Theme

Themes

    DateTimePicker / Keyboard navigation

    Select date & time:

    Focus:

    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

    ASP.NET MVC source

    Also available for:

    • keyboard_navigation.cshtml
    • Keyboard_NavigationController.cs

    Support & learning resources

    DateTimePicker for other technologies