The Time Clock component lets the user select a time without any input or popper / modal.
The value of the component can be uncontrolled or controlled.
The component can contain three views:
By default, only the
minutes views are enabled.
You can customize the enabled views using the
Views will appear in the order they're included in the
"hours", "minutes" and "seconds"
"minutes" and "seconds"
The component uses the hour format of the locale's time setting, i.e. the 12-hour or 24-hour format.
You can force a specific format using the
You can find more information about 12h/24h format in the Date localization page.
Locale default behavior (enabled for enUS)
AM PM enabled
AM PM disabled
You can find the documentation in the Validation page.
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.