pattern-library 1 linked patterns checked
Carbon Design System: Date picker range variant
Documents range calendar picker behavior with start and end dates, manually typed endpoint fields, selected start date, days in range, end-date hover and focus, next and previous month movement, range selection by two clicks or keyboard, min and max dates, and calendar close after end date.
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. | Carbon date picker guidance supports range endpoints, manual endpoint fields, selected start, days in range, end hover/focus, two-click or keyboard selection, and min/max dates. |
Comparisons supported by this source
- Date range picker vs date picker vs date input vs filter panel
Carbon supports start and end endpoints, manually typed endpoint fields, selected start, days in range, end hover and focus, two-click or keyboard range selection, and min/max constraints.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: IBM Carbon Design System. Last checked: .