One field for date and time: a date picker and a time picker side by side that together bind a single value.
Why it helps
- One value, two pickers
- Language-aware formats
- Works with forms
Where it fits
- Appointments
- Deadlines
- Event start
Example
<DateTimePicker @bind-Value="_when" Label="Meeting starts" />
<p>Value: @(_when?.ToString("g") ?? "none")</p>
@code {
private DateTime? _when = DateTime.Today.AddHours(9);
}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.