A date picker is an input control that allows users to select a date or a range of dates from a calendar.

Core Component & Variants

Untitled

Nested Components

Untitled

Single Date

Nested Components
Property Name Property Type Property Value
Active Variant False
True
State Variant Enabled
Hover
Pressed
Disabled

Variant: States

Untitled

Examples

Untitled

Figma Link