DatePicker

Source page in Figma: DatePicker · 11 component sets · 5 standalone components

Index: ../component-registry.md · Workflows: ../workflows.md

Component Sets (11)

Name	Key	Variants	Properties
Date picker	5591ebcf3686a303d28fab2e49d137646b25fcaf	3	State=Year | Day | month (default Day)
Date picker/Grey style/Date range (New)	b236e6c276862eb28e739290b7ade61e1de4dc42	11	Label outside#21193:0=bool (default False) State=Default | Hover | Focus | Disable | Error (default Default) Breakpoint=Default | Start date End date | 639 -> 375 (default Default) Filled=No | Yes (default No)
Date picker/Grey style/Month range	09104e753ecfd1e60bce27e0ad6007db713eabfa	7	Label outside#21193:0=bool (default False) State=Default | Hover | Focus | Disable | Error (default Default) Breakpoint=Default | Start date End date (default Default) Filled=No | Yes (default No)
Date picker/Grey style/Single Date (New)	9a2d3c6e0031a71e2fba91de9608eb4ca23ef5cb	12	State=Default | Hover | Focus | Disable | Error (default Default) Breakpoint=Default | Start date End date | 639 -> 375 (default Default) Filled=No | Yes (default No)
Date picker/Light style/Date range (New)	0f2075b3ff2395be1caca35875477c5d44d08424	11	Label outside#21193:0=bool (default False) State=Default | Hover | Focus | Disable | Error (default Default) Breakpoint=Default | Start date End date | 639 -> 375 (default Default) Filled=No | Yes (default No)
Date picker/Multi mode	e0c13cacf82fb576e1bb3d8d1945cc7b6457acdc	4	Mode=Year | Month | Quarter | Half year (default Month)
Date picker/Quick select	f63d49e7be483b322abdd30fcfccf8f825f70194	3	State=Default | Hover | Active (default Default)
Date picker/Title button	43ddf677c77c2c7d838d531def6e7c627ff9aefa	2	State=Default | Hover (default Default)
Date picker/Title button (new)	64cc1ea7d49428068f29b7dd951b32a07c8d11cb	2	Hover=no | yes (default no)
Quater picker	63cf7c382e18fe4d82ed3d36dcad2ae6ea5be5ea	2	Property 1=Year | month (default month)
date-picker	844fa3b4bdbf62eed91d9b2da4243df406bdb059	30	Date=False | True (default True) Value=current-month | inactive-month | range | today (default current-month) State=7 opts (default default)

Standalone Components (5)

Name	Key
Date picker / Date Range dropdown	acbbe2fb90c470598a8b51dcd22666675b7e7caa
Date picker / Date Range dropdown advance	977e64f70f6e3471e534abc418eb7de27315445e
Date picker / Date Range dropdown advance (new)	9d0487c7b164c3f65331be6ff3c138dee6a6127d
Date picker with input	039e71ffa168b551f4348ceaa26913d54b7cfda5
master/date-picker/value	9745b82d4e140ad8d58f5c78174dd5a52039711f