Pickers provide a simple way to select a single value from a pre-determined set. Users can also input a Date Time value by using the DateTimePicker's input field.


On mobile, pickers are best suited for display in a confirmation dialog.

Tiles hold content, and can vary in height within a list.

Date pickers

A dialog picker is used to select a single date on desktop or mobile.

The selected day is indicated by a filled circle. The current day is indicated by a different color and type weight.

Swipe left to right to navigate through the months. Touch the year in the title bar to transition to the year view.

Time Picker