Back

TimeRange

Basic

From
To

With Live Validation

Change the "To" time to before the "From" time to see the error.

From
To

Select a valid time window

Required

From
To

Disabled

From
To

Error State

From
To

Please select a valid time range

Usage

@forms.TimeRange(forms.TimeRangeProps{
    Name:       "shift",      // form field base name (_start / _end suffixes)
    Label:      "Shift Hours",
    StartValue: "09:00",      // initial HH:MM value
    EndValue:   "17:00",
    Required:   true,
    Hint:       "Select work hours",
})