Skip to content

Time Field

The Time Field component lets the user select a time with the keyboard.

Basic usage

Press Enter to start editing

Uncontrolled vs. controlled value

The value of the component can be uncontrolled or controlled.

Press Enter to start editing


See the Date format and localization and Translated components documentation pages for more details.

Customize the time format

Press Enter to start editing


See the Validation documentation page for more details.


See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.