TimePicker
FreeTime 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

Parameters
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Disabled | bool | Disables interaction. |
DisplayName | string | Name used in validation messages. |
HelperText | string | Hint shown below the field. |
Label | string | Visible label text (charts: accessible name; IconButton: accessible name and tooltip). |
ReadOnly | bool | Shows the value but does not allow changes. |
StepSeconds | int | Step of the arrow keys in seconds (below 60 also shows seconds). |
Style | string | Inline style added to the root element. |
Value | TimeSpan? | Current value. Use with @bind-Value. |
Events
| Event | Type | Description |
|---|---|---|
ValueChanged | EventCallback<TimeSpan?> | Raised when the value changes. |
Package
TimePicker is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3