DateOnly Support in Blazor DateRangePicker Component

29 Dec 20221 minute to read

The DateOnly type is a new type in .NET 6 that allows you to represent a date without a time component. To use it with the Blazor DateRangePicker component, set the type parameter to DateOnly.

Blazor DateRangePicker Component supports DateOnly type in .NET 7 and above version only, even though it introduced in .NET 6 itself due to serialization problem.

RAZOR

@using Syncfusion.Blazor.Calendars

<p>Start Date : @Value</p>

<p>End Date : @Value1</p>
    
<SfDateRangePicker TValue="DateOnly" @bind-StartDate="@Value" @bind-EndDate="@Value1" Width="230px"></SfDateRangePicker>

@code
{
    public DateOnly Value { get; set; } = new DateOnly(2022, 11, 12);

    public DateOnly Value1 { get; set; } = new DateOnly(2022, 11, 20);
}