Calendar

Keyboard

Use the arrow keys to move between dates and Enter to select a date.

Semantics

Show the selected date in the field or nearby text, and give DatePickerContent an accessible name.

Checklist

• Check arrow-key navigation and date selection. Distinguish the selected date, today and unavailable dates.
• After changing the month or year, check that focus and date announcements match the view.
• Announce both ends of a range. Keep your app's timezone, date formatting and values consistent.
• When DatePicker closes, return focus to the Trigger and expose the selected date in its name or value.

For contrast, zoom and screen reader checks, see the common accessibility checklist.