Time pickers
Time pickers help users select and set a specific time. There are two types of time pickers: dial and input.
Overview · Specs · Guidelines · Accessibility
- Time pickers are modal and cover the main content
- Two variants: dial and input
- People can select hours, minutes, or periods of time
- Make sure time can easily be selected by hand on a mobile device
- Time picker dial
- Time picker input
Availability & resources
| Type | Resource | Status |
|---|---|---|
| Design | Design Kit (Figma) | Available |
| Implementation | Flutter | Available |
| Implementation | Jetpack Compose | Available |
| Implementation | Android Views (MDC-Android) | Available |
| Implementation | Web | Unavailable |
Differences from M2
- Color: New color mappings and compatibility with dynamic color
M2: Time pickers had different color mappings
M3: Time pickers have new color mappings compatible with dynamic color