diff --git a/packages/x-date-pickers/src/DateCalendar/DayCalendar.tsx b/packages/x-date-pickers/src/DateCalendar/DayCalendar.tsx index 3765e095c0d63..2576f39770510 100644 --- a/packages/x-date-pickers/src/DateCalendar/DayCalendar.tsx +++ b/packages/x-date-pickers/src/DateCalendar/DayCalendar.tsx @@ -535,6 +535,12 @@ export function DayCalendar(inProps: DayCalendarP const weeksToDisplay = React.useMemo(() => { let currentMonthWithTimezone = utils.setTimezone(currentMonth, timezone); + /** + * This addresses a potential issue that arises when switching timezones + * changes the month. The calendar will renders days of the month currentmonth - 1, + * but will only consider the days of currentMonth as the current ones. + * @link https://github.com/mui/mui-x/issues/10804 + */ if (utils.getMonth(currentMonth) !== utils.getMonth(currentMonthWithTimezone)) { currentMonthWithTimezone = utils.setMonthYearDate( currentMonthWithTimezone,