Skip to content
DATE TIME · FREE

TimePicker

Enter a time in the format your users expect.

Enter a time in the format your users expect: 9:30 AM in English, 9:30 in Bulgarian.

Why it helps

  • Follows the language
  • Typed or picked
  • Works with forms

Where it fits

  • Opening hours
  • Reminders
  • Appointments
TimePicker control in a RayCraft page

Example

<TimePicker @bind-Value="_time" Label="Meeting time" />
<span>Selected: @(_time?.ToString(@"hh\:mm") ?? "none")</span>

@code {
    private TimeSpan? _time = new(9, 30, 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