Use this pattern when you want to ask users for a specific date, e.g their date of birth or when something was issued to them.
Note: If you need users to select from a few specific dates, we recommend that you use the radio button component to allow them to choose easily.
Below you will find a General Date Format you can use, along with the code needed to build this element.
Please enter your date of birth E.g 01 01 1990
When you require users to fill in dates for your services
- State clearly how the data should be filled (e.g. Day Month Year)
- Give an example of how the date should be filled in (e.g. 01 01 2020 vs 1 1 2020)
When you request users to fill in memorable dates
For example, asking for Date-Of-Birth means you should always have the
autocompleteattribute for these 3 fields,
bday-yearto bring convenience to users.
- You will need to include the
autocompleteattribute to meet WCAG 2.1 AA for production.
Having troubles with the guide? Please give us more details and we'll get back to you soon.Chat with the team