[pickers] Calendar UI bug when using dayjs and it's daylight savings

[giavinh79]

Steps to reproduce

https://stackblitz.com/edit/react-smshgm-ywvhu3?file=Demo.tsx

Steps:

1. Set local timezone to EST
2. Set dayjs timezone to a timezone behind EST
3. Open dayjs calendar in March

Current behavior

When the dayjs timezone (in this case, set to US/Arizona in the sandbox) is behind the local timezone, the March calendar for the DatePicker component has some UI issues (there are two dates labeled the 9th, the spacing is odd, and the first couple of days are labeled incorrectly).

Expected behavior

This issue cannot be reproduced using the moment adapter (the bottom calendar) which has the expected behaviour.

Context

No response

Your environment

npx @mui/envinfo

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

Search keywords: dayjs, datepicker, daylight savings, timezones

[alexfauquette]

Thanks for reporting this. I'm closing because it's a duplicate of #10584

A PR has been open 2 weeks ago to work on this topic, please follow the other issue to get news about the fix

[github-actions]

⚠️ This issue has been closed.
If you have a similar problem, please open a new issue and provide details about your specific problem.
If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.

How did we do @giavinh79?
Your experience with our support team matters to us. If you have a moment, please share your thoughts through our brief survey.