pattern-library 1 linked patterns checked
U.S. Web Design System: Date picker
Documents date picker as a single-date calendar control for scheduling and day-of-week context, with manual date typing, visible mm/dd/yyyy hinting, min and max date settings, accessibility testing, keyboard navigation across days, weeks, months, and years, and guidance against auto-submission.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Date picker | Choose date picker for single-date scheduling when calendar position, weekday, or availability changes the decision. | Opening the calendar moves focus to the current, selected, or first available date without losing the labelled input context. | USWDS date picker guidance supports scheduling use, day-of-week context, manual typing, format hints, min and max dates, keyboard navigation, accessibility tests, and avoiding auto-submission. |
Comparisons supported by this source
- Date picker vs date input vs select vs text input
USWDS supports date picker use for scheduling, day-of-week context, manual typing, min and max bounds, keyboard navigation, and avoiding auto-submission.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: U.S. Web Design System. Last checked: .