GridColumnMenuFilter does not work for a date column

Progress® Kendo® UI for Vue Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 31 Jan 2022 16:47 by ADMIN

Deborah

Created on: 04 Nov 2021 14:20

Category: Grid

Type: Bug Report

GridColumnMenuFilter does not work for a date column

If a date column has a GridColumnMenuFilter, the filter drop down closes as soon as you attempt to open the date.

Reproduction steps:

Add a GridColumnMenuFilter to a column that is defined as a date. Upon opening the filter and attempting to select a date, the filter immediately closes.

This example has the problem reproduced. https://stackblitz.com/edit/zdmtjk?

4 comments

ADMIN

Plamen

Posted on: 31 Jan 2022 16:47

Hello,

Yes indeed - in order to have the date filter working correctly we need to compared dates to dates. Currently in the products file we had dates as strings and the date check could not be performed correctly. Ones I added the dates as javascript Date the comparison was correct - https://stackblitz.com/edit/zdmtjk-skly76?file=src%2Fmain.vue

If you have your data stored in strings and you want to show it in the Kendo Grid so that it can later be filtered by date you can use the technique applied in this KB example and transform the data before it is passed to the Kendo Grid.

Regards,
Plamen
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Deborah

Posted on: 31 Jan 2022 14:24

That change does fix the issue with the drop down closing, but the filter still isn't working. I attempted to filter using before today (1/31/2022) and it resulted in an empty grid.

ADMIN

Plamen

Posted on: 31 Jan 2022 10:35

Hello,

In order to have the scenario work correctly we need to add and handle filterfocus event of the GridColumnMenuFilter as it is done inn this example - https://stackblitz.com/edit/zdmtjk-7saju5?file=src%2FColumnMenu.vue

Hope this will help you solve the issue. if you still observe it please don't hesitate to let us know.

Regards,
Plamen
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN

Plamen

Posted on: 08 Nov 2021 05:38

Hello,

It seems like a bug indeed. Thank you for reporting it and please excuse us for inconvenience caused by the issue.

It is added in the planning and we will do our best to fix it as soon as possible.

Regards,
Plamen
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.