Figma Date Picker
Figma Date Picker
Preview
Figma Date Picker
Figma Date Picker Component
The Date Picker component enables users to enter, edit, and select dates using a text-based input with or without a Calendar or a Calendar sheet pop-up.
Date Input Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| DatePickerRange | 24 | Type Default, SecondarySize Small, Medium, LargeState Default, Disabled, Hover, Focused | |
| DatePicker | 24 | Type Default, SecondarySize Small, Medium, LargeState Default, Disabled, Hover, Focused |
Figma Date Picker
Date Picker
calendar picker
date input
date picker component
Interactive component
