# Date Formatting

## Content



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

![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/daterange-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
@{
    var today = DateTime.Now.Date;
    var rangeEnd = today.AddDays(4);
}
<c1-input-date-range id="demoControl" value="@today" range-end="@rangeEnd" format="dd-MMM-yy">
</c1-input-date-range>
```