[pickers] DatePicker missing onValidDate prop

[david-ic3]

When using the DatePicker I'm missing a callback property that will only be called when the date is valid :

• Manually entered date is a valid date
• Date is inbounds (min,max), if defined

What i get is, onChange called with invalid dates and dates out of bounds. onAccept is called when a date is clicked in the popper calendar.

The second parameter of onChange is returning the input value (not the pickerSelectionState)

You can check console logs using this demo (demo.tsx)

https://codesandbox.io/s/basicdatepicker-material-demo-forked-izqnh

[eps1lon]

Thanks for the feedback.

Could you elaborate what kind of UI/UX you would like and why you need an onValid callback for that?

[david-ic3]

One scenario. I have a page with a date picker and a table that shows some results based on 'date picker' value. Each time the users selects a new valid date the table will show new results (calculations done in a server).

From a 'date picker component' user point of view I'm only interested on new valid dates to trigger a request to the server. I don't care if the user entered an invalid date or if he is entering a new date manually as I will keep my table with 'old' results.

hope it helps

[flaviendelangle]

On the pickers in @mui/x-date-pickers and @mui/x-date-pickers-pro you can look at the 2nd param of onChange which tells you if the value is valid or not.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@david-ic3 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.