Time Format in Blazor TimePicker Component

29 Dec 20221 minute to read

The time format can be used to specify how the time value is displayed or entered in a TimePicker control

By default, the TimePicker’s format is based on the culture. You can also set the own Custom Format or Standard Format by using the Format property.

Once the date format property has been defined, it will be applied consistently to all cultures, regardless of their conventions for representing the date value. In other words, the date format property serves as a standardized way of representing the date value, ensuring that it is displayed and entered consistently regardless of the culture or region in which the application is used.

RAZOR

@using Syncfusion.Blazor.Calendars

<SfTimePicker TValue="DateTime?" Format="HH:mm:ss" @bind-Value="@Value"></SfTimePicker>


@code {
    public DateTime? Value { get; set; } = new DateTime(2022, 12, 11, 11, 30, 00);
}