RayCraftDocs
v1.0.3 raycraft.dev
On this page

TimeField

Free

The bare time text box that TimePicker, TimeRangePicker and DateTimeRangePicker are built on. Use it when you need your own label and layout. It shows the time in the format of the current language, accepts typed times and moves by the step with the arrow keys.

Example

TimeField control

Parameters

ParameterTypeDescription
AriaLabelstringAccessible name when there is no visible label.
ClassstringExtra CSS classes added to the root element.
DisabledboolDisables interaction.
InvalidboolMarks the field as invalid.
ReadOnlyboolShows the value but does not allow changes.
StepSecondsintStep of the arrow keys in seconds (below 60 also shows seconds).
StylestringInline style added to the root element.
ValueTimeSpan?Current value. Use with @bind-Value.

Events

EventTypeDescription
FailedChangedEventCallback<bool>Raised with true when the typed text is not a time, and false when it is valid again.
ValueChangedEventCallback<TimeSpan?>Raised when the value changes.

Package

TimeField is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.