[TimePicker] How to set minutes current date after select hour

[Kwunnnnn]

TimePicker suggests minutes to '00' after selecting the hour row but '00' has disabled minutes. I want to not set default minutes at '00' I want the current minute. How can I do it?

Example: https://codesandbox.io/s/mui-x-issue-ls7npj

Expect: I want to select the hour as '19' and minutes auto-select at '30'

[flaviendelangle]

Hi,

You can use the referenceDate prop to change the default minutes (see this example)

But the default behavior should probably be smarter (cc @LukasTy)

[Kwunnnnn]

Thank you, It's work 🚀🚀🚀

[flaviendelangle]

I'll keep the issue open to track the progress of the built-in support (if we want to improve it)

[Kwunnnnn]

I have one more question. If I want to reset row minute after select new hour value, How can I do?

[flaviendelangle]

You could probably analyse the value passed to onChange and when the hour changes between the old and the new value, you reset the minutes.
But there is no specific API to help you do that 👍

[LukasTy]

But the default behavior should probably be smarter

Good point. We could add a similar improvement as we have with the DateCalendar, where it will look for the closest non-disabled date when navigating the calendar.

[flaviendelangle]

That would be a great improvement 👌