Time Picker

The Time Picker component allows the user to select a single time. It renders a modal dialogue on a mobile device and a text field with a popover on a desktop.

The Time Picker component 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 the value of the component.
label	node		Specifies a label for the component.
format	HH:mm:ss any	HH:mm:ss	Specifies the time format to display.
maxTime	HH:mm:ss HH:mm HH any	HH:mm:ss	Specifies a maximum time.
minTime	HH:mm:ss HH:mm HH any	HH:mm:ss	Specifies a minimum.
minutesStep	number	1	Specifies the Step over minutes value.
responsiveness	mobile desktop static string	desktop	Specifies the device the time picker is optimized for.
showToolbar	bool	true	If true, the toolbar is enabled.
orientation	portrait landscape string	portrait	Specifies the orientation of the component.
ampm	bool	true	If true, AM/PM will display 12/24 view for clock selection.
ampmInClock	bool	false	If true, AM/PM will display on either side of the analog clock.
readOnly	bool	false	If true, the time picker is read only.
disabled	bool	false	If true, the time picker is disabled.
openTo	hours minutes seconds string	hours	Specifies the initial view to display.
hoursView	bool	true	If true, the component will display the hour view.
minutesView	bool	true	If true, the component will display the minute view.
secondsView	bool	false	If true, the component will display the seconds view.

Style Attributes

Name	Type	Default	Description
inputVariant	Filled Outlined Standard string	Outlined	Specifies the display type of the component.

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