Basic Usage
<MudTimePicker Label="12 hours" AmPm="true" @bind-Time="_time" /> <MudTimePicker Label="12 hours custom format" AmPm="true" TimeFormat="h:mm tt" @bind-Time="_time" /> <MudTimePicker Label="24 hours" @bind-Time="_time" /> <MudTimePicker Label="24 hours (editable)" Editable="true" @bind-Time="_time" />
@code{ private TimeSpan? _time = new TimeSpan(00, 45, 00); }
Read Only
If ReadOnly is set to true, the TimePicker can be used but the value will remain unchanged regardless of the actions performed or the values entered.
<MudTimePicker Label="12 hours" AmPm="true" @bind-Time="_time" ReadOnly="@_readOnly" /> <MudSwitch @bind-Value="_readOnly" Color="Color.Tertiary">ReadOnly</MudSwitch>
@code{ private TimeSpan? _time = new TimeSpan(00, 45, 00); private bool _readOnly; }