Figma Time Picker
Figma Time Picker
Preview
Figma Time Picker
Figma Time Picker Component
The time picker component allows users to select a specific time of day. It is included in default and compact mobile-friendly variants. Time pickers are used in scheduling interfaces, Calendar blocks, and appointment forms where precise time selection is needed.
Time Picker Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| TimePicker | 24 | Type Secondary, DefaultSize Large, Medium, SmallState Disabled, Focused, Hover, Default | |
| TimePickerCompact | 6 | Type Tabs, SelectSize Small, Medium, Large |
Figma Time Picker
Time Picker
time picker
time picker component
figma time picker
Interactive component
