Types
Day
- Default variant (used most often)
- Desktop and native app
- Single or multi-select
- Fixed width
Date
- Native app only
- Use only when the date is relevant (otherwise, use the day variant)
Date variants
Split months & split years
Lean on the title to describe the presented timeframe.
Indicators
Use to communicate the existence of an event or occurrence. Use only when it helps the user focus their attention.
Navigation interaction
The user may navigate from one week to the next using by tapping on the chevrons or swiping along the weekday picker itself. Use both, not one or the other.
Title size: Large vs small
Use the size that matches the rest of the form.
Examples
Day
Date
Resources
(internal only)