Search results

Disable the DateRangePicker Component in Blazor DateRangePicker component

28 Jul 2021 / 1 minute to read

DateRangePicker can be inactivated on a page. By setting Enabled value to false will disable the component completely from all the user interactions including in the form post. The following code demonstrates the disabled component.

Copied to clipboard
@using Syncfusion.Blazor.Calendars

<SfDateRangePicker TValue="DateTime?" Enabled=false StartDate="@Start" EndDate="@End"></SfDateRangePicker>

@code {
    public DateTime? Start { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 20);
    public DateTime? End { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month + 1, 25);
}

The output will be as follows.

DateRangePicker

You can refer to our Blazor Date Range Picker feature tour page for its groundbreaking feature representations. You can also explore our Blazor Date Range Picker example to understand how to present and manipulate data.