Create a Date-Range Filter in the Grid

Environment

Description

How can I filter date ranges in the Grid.

Also, how to make Grid custom range filter working with Odata and show default value and a different format?

Solution

This requires using the filterCell property of the Grid column to add two DatePickers/DateInputs that will allow the user to select a start and an end date. The format can be changed by configuring the format. Use the defaultValue to pass a default value for the custom DatePicker component.