: Issue with Manual Input in Date Picker Causing App Freeze

Ask the community
1

Hi,

We’re currently using date pickers for selecting dates in our application. However, we’ve encountered a problem: when users manually type a date (instead of using the calendar icon), the app freezes.

I found the cause to be the onValueChange event handler, which is triggered on every keypress. This leads to performance issues and freezing.

I see two potential solutions that would work in combination:

  • Support Update on Keypress for Date Picker (as done for text edits). Unfortunately, this doesn’t seem to be currently supported for date pickers.
  • Support onLostFocus in addition to onValueChange for triggering event handlers, which would avoid the issue.

As a workaround, I considered using a text input formatted as a date. This approach supports onLostFocus and allows disabling update on keypress. However, we prefer the date picker’s UI since it includes weekday labels and a cleaner design.

I understand that the limitations with date pickers are related to Appfarm’s use of MUI 4. Has MUI 6 been implemented yet, as it was scheduled for release by the end of 2024?

From a user experience standpoint, it’s important that users are able to manually enter dates in a date picker without issues. The current behavior feels broken.

Please let me know if any fixes to the date picker are possible or if you can fix this as soon as possible.

Thanks :blush:

2

Hi!

I have verified that the date picker when typing using the keyboard behaves as when “Update on key press” is set to true - the onValueChange action is triggered on every keypress.

Thanks for great suggestions. I’ll register a challenge on this! I’ll let you know more when we have a timeline for this.

1 Like