Keyboard interaction

KeyAction
DigitsType into the segment. It moves on once no other digit could follow.
Up and down arrowsStep the segment; Page Up and Page Down step further.
Left and right arrows, TabPrevious or next segment.
BackspaceClear the segment, then go back one.
A and PSet AM or PM.

Accessibility notes

  • A field is a group: name it with aria-label or aria-labelledby. Each segment is a spinbutton named for its part, which reads months by name and empty segments as “Empty”.
  • Segments are editable text, so touch keyboards open on digits.
  • The picker’s button is named “Choose a date”, and its popover is a dialog. Picking a date returns focus to the button.
  • The calendar inside works as the calendar does.