pattern-library 1 linked patterns checked
U.S. Web Design System: Date range picker
Documents date range picker as two labelled start and end date fields with calendar support, mm/dd/yyyy hints, scheduling and day-of-week use cases, manual typing, min and max date bounds, accessibility testing, no auto-submission, and known typing issues.
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 range picker | Choose date range picker when the answer is a continuous start-to-end period and users need to see the included days. | Opening the picker reveals both endpoint fields, presets when available, and a calendar that keeps the current range visible. | USWDS date range picker guidance supports two labelled endpoints, manual date entry, scheduling and weekday context, min/max bounds, accessibility testing, and no auto-submission. |
Comparisons supported by this source
- Date range picker vs date picker vs date input vs filter panel
USWDS supports two labelled date fields, manual typing, format hints, scheduling use, min and max range bounds, accessibility testing, 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: .