DatePicker

API docs for the Toolpad DatePicker component.

The MUI X Date Picker component.

The date picker lets the user select a date.

Properties

Name	Type	Default	Description
value	string	""	The currently selected date.
format	string	""	The format of the date in the UI. The value for the bindings will always be in the YYYY-MM-DD format. Leave empty to let the end-user locale define the format.
defaultValue	string	""	A default value for the date picker.
label	string		A label that describes the content of the date picker. e.g. "Arrival date".
name	string		Name of this input. Used as a reference in form data.
variant	string	"outlined"	One of the available MUI TextField variants. Possible values are outlined, filled or standard
size	string	"small"	The size of the component. One of small, or medium.
fullWidth	boolean		Whether the button should occupy all available horizontal space.
disabled	boolean		The date picker is disabled.
isRequired	boolean	false	Whether the input is required to have a value.
isInvalid	boolean	false	Whether the input value is invalid.
sx	object		The sx prop is used for defining custom styles that have access to the theme. All MUI System properties are available via the sx prop. In addition, the sx prop allows you to specify any other CSS rules you may need.