pattern-library 1 linked patterns checked
Carbon Design System: Date picker
Documents date picker anatomy, labels, manually typed date fields, calendar icons, calendar menus, month and year controls, previous and next month controls, weekday rows, open and error states, validation, localization, and use of calendar pickers for scheduling or date relationships.
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 picker | Choose date picker for single-date scheduling when calendar position, weekday, or availability changes the decision. | Opening the calendar moves focus to the current, selected, or first available date without losing the labelled input context. | Carbon date picker guidance supports calendar anatomy, open state, month controls, day grid states, validation, localization, and simple date input distinction. |
Comparisons supported by this source
- Date picker vs date input vs select vs text input
Carbon supports date picker anatomy, calendar menu open state, month and year controls, calendar day states, validation, and localization.
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: .