pattern-library 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.
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. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Shopify Polaris. Last checked: .