How can I filter multiple date range in kendo grid

[Golam Mustaque]

I have a date list which is binding in kendo grid. I what to filter multiple date range like 1st January 2025 to 31st January 2025 and 1st May 2025 - 31st May 2025. Can kendo grid support multi date range filter? If support, then how to implement it.

[Georgi]

Hi Golam Mustaque,

Thank you very much for the details provided.

From what I understand from your question, you are currently utilizing the Kendo UI for Angular Grid together with its built-in filtering functionality and are looking for an approach that would allow you to filter the component by multiple date ranges. Please, let me know if I misinterpreted the query.

One possible approach that would allow the developer to implement the desired feature would be to utilize the built-in FilterCellTemplateDirective, render the desired number of Kendo UI for Angular Date Range components, and programmatically apply the filtering so that it considers the number of date ranges:

• https://stackblitz.com/edit/angular-v7mctyfx

For more detailed information about implementing custom filtering components, please check out our designated Custom Filter Row Components article, and more precisely, the Using DateRange section:

• https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#using-daterange

In case the requirement for the implementation is to implement this type of filtering in a filter menu, what I would suggest would be to follow the approach suggested in our Filter Menu with Popup article and extend the logic similarly to the StackBlitz demo from above.

I hope the provided information sheds some light on the matter. Please, let me know if I am missing out on something.

Regards,
Georgi
Progress Telerik

[Ashutosh]

Hi Georgi,

Thank you for your valuable comments. But is not fulfill our requirement.  I need a date filter similar to excel filter where we can add multiple date ranges like I want to filter for Month January and May. So my date range will be 1st Jan 2025 to 31st Jan 2025 and 1st May 2025 to 31st May 2025.

I have attached an example. Please let me know if we can achieve with kendo grid date filter and how.

[Georgi]

Hi Ashutosh,

Thank you very much for the screenshot provided.

An answer to the same question has already been provided in a private support thread that was posted from the same account.

In these lines of words, I would ask you to post questions that are related to the same topic, either as a private support thread or as a post in our public Forum. This would help us track the support history of the account better and provide better support in general.

Regards,
Georgi
Progress Telerik