pattern-library 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.
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. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: U.S. Web Design System. Last checked: .