Menu
Components
Date input
The date input allows users to enter a full date in the correct format.
UX Owner: Jo Welling
UI Owner: Steven Roberts
Note: This component doesn't yet exist in Storybook, preliminary image(s) shown.
On this page
Example
When to use
The date input can be used where:
- You are asking a user to input a full date in the standard format
- When the exact date is likely to be known by users
- When a user is not in need of any weekday prompts (i.e. Mon, Tue, Wed etc.)
When not to use
The date input should be avoided where:
- The date provided is likely to be within the next 4 weeks. In this scenario, a calendar component would be more appropriate as it has the added benefit of conveying day of the week.
Anatomy
Accessibility behaviour
- User's focus should not jump as they type
- On tab, users focus should jump between the three internal fields before jumping into the next element on the page
Coming soon
- Interaction states
- Error validation
Similar states
There are a range of components that resemble the date input, either visually or in their functionality:
Where to find this component
Documentation version history
Last updated Tuesday, 29th June 2021 22:09 by Gemma D.