pattern-library 1 linked patterns checked
Shopify Polaris: Date range picking pattern
Documents date range selection for analytics and multi-day events, with quick option lists, text inputs for large custom ranges, calendar selection for narrower scopes, two-month display for cross-month ranges, explicit Apply and Cancel controls, disabled date indication, and nonexistent-date recovery.
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. | Shopify Polaris date range guidance supports presets, custom endpoint fields, calendar ranges, multi-month spans, explicit Apply and Cancel, disabled dates, and invalid-date recovery. |
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Shopify Polaris. Last checked: .