Time Ranges

The TimePicker provides options for displaying time ranges.

You can control the range of time values by setting the min and max properties. When the min and max properties are configured and the selected time value is out of this range, the component triggers a validation error.

Alternatively, to prevent typing an out-of-range value, you can render the input in a read-only state, allowing the user to choose a value only from the popup (see example).

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?