Date Picker

Lab component

DatePicker allows users to specify a single day or range of dates by typing directly into an input field or selecting one from a calendar.

Density
Mode

The default date picker allows the user to pick a single date, which is committed when it has been typed into the field or selected from the calendar.