Date Picker

The Date Picker component allows the user to select a date. Date Picker components display in dialogs on mobile devices and text drop-downs on desktops. It is used independently or as a form component within a Form Block.

Properties

Name	Type	Default	Description
name	string		Specifies the name of the component (form component only).
value	any		Specifies a value for the component.
label	node		Specifies a label for the component.
initialDate	string		Specifies an initial date in the form of a string.
format	string		Specifies a date format in the form of a string.
readOnly	bool	false	If true, the date picker is read only.
disabled	bool	false	If true, the date picker is disabled.
disableFuture	bool	false	If true, future days are disabled, and only past days are selectable.
disablePast	bool	false	If true, past days are disabled, and only future days are selectable.

Style Attributes

Name	Type	Default	Description
inputVariant	standard outlined filled string	outlined	Specifies the display type of the component.

For more detail on the Date Picker component, see the MUI developer docs.