When to use this pattern
Use the date input component when you need to let users enter a specific date in the past or future.
To ensure the number format the customer needs to use to enter the date is clear, include helper text with an example day above 13, a month below 09 and a four digit year.
How it works
When to use the calendar tool
Calendar tools can be difficult to use with assistive technology. Only use the calendar input if the user needs to:
- pick a date within one week in the past or future
- know the day of the week as well as the date
- be able to see dates in relation to other dates
When using a calendar tool, always also include an alternative date input option so that people who cannot use the calendar are able to enter the date manually.