Skip to content
DATE TIME · FREE

TimeField

A time box in the format of the user's language.

The bare time text box that the time pickers are built on, writing times in the format of the user's language.

Why it helps

  • Culture-based time entry
  • Compact
  • Reusable

Where it fits

  • Custom time inputs
  • Tables
  • Inline editing
TimeField control in a RayCraft page

Example

<label for="time-field-demo">Start</label>
<TimeField id="time-field-demo" @bind-Value="_time" StepSeconds="900" />
<span>Selected: @(_time?.ToString(@"hh\:mm") ?? "none")</span>

@code {
    private TimeSpan? _time = new(14, 0, 0);
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation