[pickers] DateTimePicker - disablePast not working properly on mobile

[adi-zz]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:

1. Open https://mui.com/x/react-date-pickers/validation/#past-and-future-validation on mobile; alternatively you can use https://codesandbox.io/s/distracted-shirley-u93sqq?file=/demo.tsx; note the param disablePast of the component DateTimePicker
2. Tap the DateTimePicker control
3. Select the current day
4. Note that in the time tab, only future hours are available - OK
5. Select tomorrow

Current behavior 😯

In the time tab, only the hours from the above step 4 are available - NOK

Expected behavior 🤔

All hours should be available.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Order ID or Support key 💳 (optional)

No response

[LukasTy]

Hello, thank you for reporting this issue. It does seem like an actual bug because the validation differs between the field and picker view behavior. The most logical fix/alignment does seem as you described—making the clock validation date aware. 👍

[LukasTy]

@adi-zz Just informing, you that in the meantime, you can use the disableIgnoringDatePartForTimeValidation prop if that does not impact your use case, to make the visual validation correct. 😉