[pickers] Support calendar/adapter switching

[fakhamatia]

Summary 💡

I want a dynamic calendar with two calendar type (dateAdapter)
When I click switch button, it's switch calendar. But the month of calendar is not the specific date.
If I close and open again, it's show right month.
How can I re-render view? I use two DatePicker element but with useMemo.

Examples 🌈

CodeSandbox

Screencast.from.2023-10-02.15-33-30.webm

Motivation 🔦

No response

Search keywords: re-render datepicker

[alexfauquette]

I'm not sure it's a question of renderer, because the calendar is already rerendering in your example.

The issue with the calendar month is that when you open calendar, the internal currentMonth is the start of the month

The start date of the 1402/07/09 (October 1st 2023) is the 1402/07/09 (September 23th 2023) so When you switch to Gregorian calendar, the displayed month is September, and not October

What bothers me a bit more is that the field does not update.

But in both cases, I don't see how we could/should support that use case. I sounds like a big topic: "Support calendar switching"

[LukasTy]

We decided to explore updating the dependencies list:

mui-x/packages/x-date-pickers/src/internals/hooks/useField/useFieldState.ts

Line 426 in a66f4af

}, [format, utils.locale]); // eslint-disable-line react-hooks/exhaustive-deps

from utils.locale to utils would help and not cause any unwanted effects.