Skip to content
+

DatePicker

API docs for the Toolpad Studio 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 is 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, for example "Arrival date".
name string Name of this input. Used as a reference in form data.
variant string "outlined" One of the available Material UI 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.
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.