Date Format in Blazor DatePicker Component

9 Mar 20221 minute to read

Date format is a way of representing the date value in different string formats in text box.

By default, the DatePicker’s format is based on the culture. You can also set the own custom format by using the Format property.

Once the date format property has been defined, it will be common for all the cultures.

The following code demonstrates the DatePicker with the custom format (yyyy-MM-dd).

@using Syncfusion.Blazor.Calendars

<SfDatePicker TValue="DateTime?" Value='@DateValue' Format='yyyy-MM-dd'></SfDatePicker>

@code {
    public DateTime? DateValue {get;set;} = DateTime.Now;

Date Format in Blazor DatePicker