🎉 Material UI v4 is out now! Check out the announcement blog post →
Pickers

Pickers

Pickers provide a simple way to select a single value from a pre-determined set.

  • On mobile, pickers are best suited for display in confirmation dialog.
  • For inline display, such as on a form, consider using compact controls such as segmented dropdown buttons.

Notice

We are falling back to native input controls.

⚠️ Native input controls support by browsers isn't perfect. Have a look at the complementary projects for richer solutions.

Date pickers

A native date picker example with type="date", it can be used as a calendar too.

Date & Time pickers

A native date & time picker example with type="datetime-local".

Time pickers

A native time picker example with type="time".

Complementary projects

For more advanced use cases you might be able to take advantage of.

material-ui-pickers

stars npm downloads

material-ui-pickers provides date and time controls that follow the Material Design spec.

Other