fixed dayjs another local and calendar

packages/@mantine/dates/src/components/Day/Day.tsx

@@ -139,7 +139,7 @@ export const Day = factory<DayFactory>((_props, ref) => {
       unstyled={unstyled}
       {...others}
     >
-      {renderDay?.(date) || date.getDate()}
+      {renderDay?.(date) || dayjs(date).date()}
     </UnstyledButton>
   );
 });

packages/@mantine/dates/src/components/Month/Month.tsx

@@ -23,7 +23,6 @@ import { getMonthDays } from './get-month-days/get-month-days';
 import { getWeekNumber } from './get-week-number/get-week-number';
 import { isAfterMinDate } from './is-after-min-date/is-after-min-date';
 import { isBeforeMaxDate } from './is-before-max-date/is-before-max-date';
-import { isSameMonth } from './is-same-month/is-same-month';
 import classes from './Month.module.css';
 
 export type MonthStylesNames =
@@ -216,7 +215,7 @@ export const Month = factory<MonthFactory>((_props, ref) => {
 
   const rows = dates.map((row, rowIndex) => {
     const cells = row.map((date, cellIndex) => {
-      const outside = !isSameMonth(date, month);
+      const outside = !dayjs(date).isSame(dayjs(month), 'month');
       const ariaLabel =
         getDayAriaLabel?.(date) ||
         dayjs(date)

packages/@mantine/dates/src/components/Month/get-date-in-tab-order/get-date-in-tab-order.ts

@@ -2,7 +2,6 @@ import dayjs from 'dayjs';
 import { DayProps } from '../../Day/Day';
 import { isAfterMinDate } from '../is-after-min-date/is-after-min-date';
 import { isBeforeMaxDate } from '../is-before-max-date/is-before-max-date';
-import { isSameMonth } from '../is-same-month/is-same-month';
 
 export function getDateInTabOrder(
   dates: Date[][],
@@ -21,7 +20,7 @@ export function getDateInTabOrder(
         isAfterMinDate(date, minDate) &&
         !excludeDate?.(date) &&
         !getDateControlProps?.(date)?.disabled &&
-        (!hideOutsideDates || isSameMonth(date, month))
+        (!hideOutsideDates || dayjs(date).isSame(dayjs(month), 'month'))
     );
 
   const selectedDate = enabledDates.find((date) => getDateControlProps?.(date)?.selected);

packages/@mantine/dates/src/components/Month/get-end-of-week/get-end-of-week.ts

@@ -1,12 +1,13 @@
+import dayjs from 'dayjs';
 import type { DayOfWeek } from '../../../types';
 
 export function getEndOfWeek(date: Date, firstDayOfWeek: DayOfWeek = 1) {
-  const value = new Date(date);
-  const lastDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
+  let value = dayjs(date);
 
-  while (value.getDay() !== lastDayOfWeek) {
-    value.setDate(value.getDate() + 1);
+  const lastDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
+  while (value.day() !== lastDayOfWeek) {
+    value = value.add(1, 'day');
   }
 
-  return value;
+  return value.toDate();
 }

packages/@mantine/dates/src/components/Month/get-month-days/get-month-days.ts

@@ -1,3 +1,4 @@
+import dayjs from 'dayjs';
 import { DayOfWeek } from '../../../types';
 import { getEndOfWeek } from '../get-end-of-week/get-end-of-week';
 import { getStartOfWeek } from '../get-start-of-week/get-start-of-week';
@@ -13,9 +14,10 @@ export function getMonthDays({
   firstDayOfWeek = 1,
   consistentWeeks,
 }: GetMonthDaysInput): Date[][] {
-  const currentMonth = month.getMonth();
-  const startOfMonth = new Date(month.getFullYear(), currentMonth, 1);
-  const endOfMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0);
+  const day = dayjs(month).subtract(dayjs(month).date() - 1, 'day');
+  const start = dayjs(day.format('YYYY-M-D'));
+  const startOfMonth = start.toDate();
+  const endOfMonth = start.add(+start.daysInMonth() - 1, 'day').toDate();
   const endDate = getEndOfWeek(endOfMonth, firstDayOfWeek);
   const date = getStartOfWeek(startOfMonth, firstDayOfWeek);
   const weeks: Date[][] = [];

packages/@mantine/dates/src/components/Month/get-start-of-week/get-start-of-week.ts

@@ -1,11 +1,11 @@
+import dayjs from 'dayjs';
 import type { DayOfWeek } from '../../../types';
 
 export function getStartOfWeek(date: Date, firstDayOfWeek: DayOfWeek = 1) {
-  const value = new Date(date);
-
-  while (value.getDay() !== firstDayOfWeek) {
-    value.setDate(value.getDate() - 1);
+  let value = dayjs(date);
+  while (value.day() !== firstDayOfWeek) {
+    value = value.subtract(1, 'day');
   }
 
-  return value;
+  return value.toDate();
 }

packages/@mantine/dates/src/components/Month/index.ts

@@ -1,7 +1,6 @@
 export { getEndOfWeek } from './get-end-of-week/get-end-of-week';
 export { getStartOfWeek } from './get-start-of-week/get-start-of-week';
 export { getMonthDays } from './get-month-days/get-month-days';
-export { isSameMonth } from './is-same-month/is-same-month';
 
 export { Month } from './Month';
 export type { MonthProps, MonthSettings, MonthStylesNames, MonthFactory } from './Month';