[pickers] Date time picker upon clicking on field white space cursor focuses on month

[arjaym-dev]

The problem in depth 🔍

Here's the live example of the said odd behavior https://codesandbox.io/s/date-time-picker-behavior-ptxpkp?file=/src/Demo.js

Above image show that if i try to click the white space in date time picker the cursor focuses on the month, is there any way to handle it so that if i try to click on the white space the cursor stays on the end of date time text which is the :mm

In the codesandbox i try removing the inputProps but it does not go well as it need due to its ref,

Your environment 🌎

`npx @mui/envinfo`

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

Search keywords: date time picker
Order ID: 70493

[LukasTy]

Hello, could you confirm why you find this behavior odd?
This is exactly the same behavior as the native date input as seen in this video.

Screen.Recording.2023-11-10.at.09.24.00.mov

With the field components, we are trying to keep their behavior as close to native pickers behavior wise, as possible, while extending their capabilities. 🤔

[arjaym-dev]

Ahhh i see, i just thought that mui were using different type of input such as text to handle it. So basically it was using the date input. This helps alot thankss @LukasTy i'll now close this .

[LukasTy]

So basically it was using the date input.

Not exactly. We have our own implementation that we call Field and it is by default using a TextField internally.
I just mentioned that we try to mimic the behavior of the native date input where it makes sense. 😉