An accessible date picker

Guidance

• Use a short, explicit label.
• Use sentence case for the label and support text, with the exception of titles or names.
• Ensure the support text and formatting are localised.
• Use a sensible default date where possible.
• The form control must convey the required format - dd/mm/yyyy.
• The form control must allow the user to also enter the value through keyboard input.
• The form control should have only one input type, and should not be divided into fields for each information (day, month, year).
• Use for dates where a customer may know the day or date, but not necessarily both (e.g. the Friday after next).
• For date ranges, use the date range pattern.

Examples

Default

With error validation

Date range default