# Range Date Filter

## Range Date Filter

The range date filter is a control available in the filter and editable panels. This control can filter the associated grid for a range of dates in two ways: you can filter the date field either with "between operator" or with "between operator excluding the date limits".

In an editable panel you can use this control for selecting the start and end date for any usage.

#### Configuration and use

You can configure the control in the Input Controls folder (Range Date type) and select the "Between" or "Between (excluding date limits)" operator.

![](https://4214754289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M2cc5AJ8EgXTkoN9U07%2Fuploads%2FlkzZzYBa7O5BGJ0GDjMH%2Fimage.png?alt=media\&token=bd8e7400-abcd-4113-8d20-52d09757445a)

In the application you can view a control with two calendars for the selection of the start and end date, composing the date range.

![](https://4214754289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M2cc5AJ8EgXTkoN9U07%2Fuploads%2F3ri74L5Kjc38Aelue3Cw%2Fimage.png?alt=media\&token=dcd6b2b6-c634-4c56-884b-463443cf81d0)

You can set other properties through the "Additional configuration" property of a control:

**minDate** (default 1970/01/01): lower limit selectable

**maxDate** (default 2999/12/31): upper limit selectable

**showTopbar** (default false): on the upper part of the calendar you can show a top bar with three buttons for the selections of start date, end date or range date.

**showToday** (default true): show or not the Today's buttons

**format**: you can specify the date format  in the control after selection

**hideValidationButton** (default false): if true it hides the "Confirm" button

**dateSeparator** (default ' - '): you can specify the date separator in the control



If you want to set a default value you can write a string with start and end date with the specified format.

![](https://4214754289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M2cc5AJ8EgXTkoN9U07%2Fuploads%2FfSm0bEkfT7DQMqbbpec2%2Fimage.png?alt=media\&token=2988605b-a19c-42d9-ac3f-b3fe375ad84d)
