Set the Placeholder in Blazor DateRangePicker Component

17 Aug 20211 minute to read

The following code demonstrates how to set Placeholder in the DateRangePicker component.

Using Placeholder, you can display a short hint in the input element.

@using Syncfusion.Blazor.Calendars

<SfDateRangePicker TValue="DateTime?" Placeholder="Choose a date range"></SfDateRangePicker>

The output will be as follows.

Blazor DateRangePicker with Hint Element

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.