RayCraftDocs
v1.0.3 raycraft.dev
On this page

TimePicker

Free

Time field written in the format of the current RayCraft language (9:30 AM in English, 9:30 in Bulgarian), so it looks the same in every browser. Type a time such as 3:45 pm, or use the arrow keys (by the step) and PageUp and PageDown (by an hour). Text that is not a time shows an error.

Example

TimePicker control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
DisabledboolDisables interaction.
DisplayNamestringName used in validation messages.
HelperTextstringHint shown below the field.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
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
ValueChangedEventCallback<TimeSpan?>Raised when the value changes.

Package

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