...
Two time pickers can be used, for start and end times, to allow the user to enter a time range.
...
Usage & Behavior
General guidelines
...
A time field with a warning will have an orange border and a warning icon, as displayed below:
...
A time field with an error will have a red border and an error icon, as displayed below:
...
Best practices
Use when:
You want the user to select or set a time.
You want the user to select a time range. In this case, one time picker can be used to set the start time and a second one to set the end time.
...