Status
The status of the component
Component checklist
Ready for use!
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
Code Sandbox
The Date Picker is the same component as the Date & Time Picker, configured without the time selection functionality. For more detailed information—including usage guidelines, component anatomy, properties, and accessibility—see the Date & Time Picker documentation.
Usage
Use labels
Do
A label provides context. It is also important to note that labels are built-in for the range selection option already.
Don't
Using no labels takes away context.
Use the range selection for the selection of ranges
Do
Use the range selection option when a range of dates is the required selection type.
Don't
Do not manually combine two single date selections for range selection.
Use a Date Picker for date selections
Do
Use the default date picker when the user needs to select a single date.
