# Day Range

## Content



InputDateRange lets you to customize the dropdown calendar to show a limited set of days in the visible calendar month(s) and restrict the selection to the specified range of dates from the calendar. This can be done using the **RangeMin** and **RangeMax** properties. The **RangeMin** and **RangeMax** properties allow you to limit the minimum and maximum number of days to be displayed in the selected date range at runtime, respectively.

**![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/inputdaterange-day-range.gif)**

The following code uses the RangeMin and RangeMax properties to display a minimum three days and maximum five days in the selected date range in the control:

```csharp
@{
    var today = DateTime.Now.Date;
    var rangeEnd = today.AddDays(3);
}
<c1-input-date-range id="demoControl" value="@today" range-end="@rangeEnd" close-on-selection="false" selection-mode="Range" range-min="3" range-max="5" placeholder="Enter no.of days for the range">
</c1-input-date-range>
```