pattern-library 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.

Open source

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.

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: IBM Carbon Design System. Last checked: .