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 |
|---|---|---|
| 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
