Customization in Blazor DateRangePicker Component

17 Aug 20211 minute to read

The DateRangePicker is available for UI customization that can be achieved by using the available properties and events in the component.

First day of week

Start day in a week will differ based on the culture, but you can also customize this based on the application needs. For this, use the FirstDayOfWeek property. By default, first day of a week in en-US is Sunday. In the following example, it is customized to Wednesday with the help of this property.

@using Syncfusion.Blazor.Calendars

<SfDateRangePicker TValue="DateTime?" Placeholder="Select a range" FirstDayOfWeek=3></SfDateRangePicker>

The output will be as follows.

Customization in Blazor 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.