# Date Formatting Format the date and time values of the DateTimePicker control in Blazor Edition. Learn more about the date and time formatting in Blazor documentation. ## Content DateRangePicker allows you to set the date format for displaying the date range in a specified format. You can use [Format](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.C1DateRangePicker.Format.html) property of the [C1DateRangePicker](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.C1DateRangePicker.html) 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](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/daterangepicker-date-format.png) The following code showcases the use of **Format** property to set "dd-MMM-yy" date format for the displayed date range in the control. ```razor ```