In KendoReact Grid v4.8.0, the date picker in the filter does not work as expected

2 Answers 8 Views
Filter  Grid
Muppalla
Top achievements
Rank 1
Iron
Muppalla asked on 03 Jun 2025, 05:29 AM | edited on 03 Jun 2025, 05:49 AM

Hi 
In KendoReact Grid version 4.8.0, the date picker used in the filter menu exhibits inconsistent behavior. e.g. When a date is selected from the calendar (as shown in the first image, April 14, 2025), the value is not accurately applied to the filter input field. Instead, a different date (7/14/2025) appears in the input field (second image), which does not match the user's selection.

This creates confusion and leads to incorrect filtering of data, as the input field reflects a date that the user did not choose.
Refer this Images

2 Answers, 1 is accepted

Sort by
0
Muppalla
Top achievements
Rank 1
Iron
answered on 04 Jun 2025, 06:58 AM

Subject: Month Selection Displays Incorrect Month After Changing to Previous Month

Description:
We are experiencing a consistent issue with the month selection functionality in our application. Below is the detailed behavior:


🐛 Issue Flow:

  1. Initially, a specific month is selected — for example, April.

  2. The user then changes the selection to a previous month, such as March.

  3. Instead of displaying March, the UI incorrectly updates and shows May (the next month after the original selection — April).

This behavior suggests that the component retains or incorrectly calculates the newly selected value based on the original selection, rather than respecting the user’s most recent input.


Expected Behavior:

When a user selects a new month — whether it is before or after a previous selection — the interface should immediately and accurately reflect the newly selected month.


🔁 Steps to Reproduce:

  1. Select a future month (e.g., April).

  2. Change the selection to a past month (e.g., March).

  3. Observe the displayed month — it incorrectly shows May, not the user-selected March.


🎯 Impact:

This issue disrupts user experience, especially in workflows that rely on accurate month-based selection and filtering, such as reports or time-specific data visualizations.


🧪 Additional Notes:

We reviewed your provided reply and tested it using the StackBlitz link you shared. The issue can be replicated in the example code you provided:

StackBlitz Example:
https://stackblitz.com/edit/react-nvawjrbv?file=app%2Fapp.tsx

Please try the same reproduction steps described above in this example. The behavior appears to be consistent with the bug in our implementation as well.


Looking forward to your assistance in identifying the root cause and providing a resolution.

Thank you,
[Your Name]

Yanko
Telerik team
commented on 04 Jun 2025, 11:49 AM

Hello, Muppalla,

Thank you very much for the detailed steps for reproduction. I have successfully reproduced the issue.

After an extensive search in our bug log, I found that this exact behaviour was caused by a bug that was fixed in v5.14.1. You can check the discussion around the topic from the item in our public GitHub repo:

The suggested solution is to upgrade your packages to a newer version. You can check the following article about Keeping your KendoReact packages Up to Date:

Please do not hesitate to ask in case further assistance is required.

-1
Yanko
Telerik team
answered on 03 Jun 2025, 02:57 PM

Hi, Muppalla,

I created an example using KendoReact Grid v4.8.0 and Kendo theme default v4.41.2 to test the described issue and reproduce it, but to no avail. Can you provide a runnable example of the issue? You can modify the example I tested to replicate the issue if it would be easier for you:

Looking forward to your reply.

Regards,
Yanko
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.

Tags
Filter  Grid
Asked by
Muppalla
Top achievements
Rank 1
Iron
Answers by
Muppalla
Top achievements
Rank 1
Iron
Yanko
Telerik team
Share this question
or