Blazor | ComponentOne
Controls / DateTime Editors / DateRangePicker / Date Formatting
In This Topic
    Date Formatting
    In This Topic

    DateRangePicker allows you to set the date format for displaying the date range in a specified format. You can use Format property of the C1DateRangePicker class to set the standard date format or any other date format of your choice for the DateRangePicker control.

    Date format set in the DateRangePicker control

    The following code showcases the use of Format property to set "dd-MMM-yy" date format for the displayed date range in the control.

    Index.razor
    Copy Code
    <C1DateRangePicker Format="dd-MMM-yy"></C1DateRangePicker>