issue: focus not set to MUI date inputs when validation failed

[Mario-Eis]

Version Number

7.67.0

Codesandbox/Expo snack

https://codesandbox.io/p/devbox/nifty-lumiere-5jnwkg?workspaceId=ws_Q8FtixA3WEZW4dYkGFmhL2

Steps to reproduce

1. Go to provided code sandbox
2. Click on 'submit'

Expected behaviour

The focus should be set to the date field. But it just flickers and the focus is moved away from the field again.
Setting the focus to a date input programatically works fine. Below the example I added a button and a second date field. Click on the button "set focus" and the focus will be set as expected.
There is something going on when submitting, that steals away the focus.

Update: Even more interestingly, I found out, that validating the form with "trigger" and shouldFocus: true works fine.
I updated the sandbox.

What browsers are you seeing the problem on?

Chrome

Relevant log output

Code of Conduct

• I agree to follow this project's Code of Conduct

[Abolfazl26s]

Hi, can I take this issue?
I can reproduce the bug and submit a fix for the example/documentation.

[Appof]

Hi there! Experiencing similar issue

MUI DatePicker v8 + react-hook-form

Environment:

• react-hook-form: 7.65.0
• @mui/x-date-pickers: 8.5.3
• DateAdapter: Moment

Problem

MUI DatePicker v8 doesn't auto-focus when validation fails during handleSubmit().

What was tried to fix(didn't help)

• Point ref to slotProps inputRef(see the screenshot)

Is there a recommended way to programmatically focus MUI v8 DatePicker's contenteditable sections, or will this require changes in react-hook-form's core focus mechanism to support non-input focusable elements?