Merge branch 'main' into fix/issue-2912

Author: gpbl

.changeset/fix-locale-subpath-imports.md

@@ -39,6 +39,23 @@
     }
   },
   "overrides": [
+    {
+      "includes": ["packages/react-day-picker/src/locale/*.ts"],
+      "linter": {
+        "rules": {
+          "style": {
+            "noRestrictedImports": {
+              "level": "error",
+              "options": {
+                "paths": {
+                  "date-fns/locale": "Import each locale from its date-fns locale subpath."
+                }
+              }
+            }
+          }
+        }
+      }
+    },
     {
       "includes": ["**/*.test.ts", "**/*.test.tsx"],
       "linter": {

biome.json

@@ -533,6 +533,33 @@ describe("when the `month` is changed programmatically", () => {
   });
 });
 
+describe("when the timeZone changes after mount", () => {
+  const defaultMonth = new Date("2024-01-01T00:30:00.000Z");
+  let rerender: ReturnType<typeof render>["rerender"];
+
+  beforeEach(() => {
+    ({ rerender } = render(
+      <DayPicker defaultMonth={defaultMonth} timeZone="America/New_York" />,
+    ));
+  });
+
+  test("displays the month in the initial time zone", () => {
+    expect(grid("December 2023")).toBeInTheDocument();
+  });
+
+  describe("when the instant falls in the following month in the new time zone", () => {
+    beforeEach(() => {
+      rerender(
+        <DayPicker defaultMonth={defaultMonth} timeZone="Europe/Berlin" />,
+      );
+    });
+
+    test("displays the month in the new time zone", () => {
+      expect(grid("January 2024")).toBeInTheDocument();
+    });
+  });
+});
+
 test("extends the default locale", () => {
   render(
     <DayPicker

packages/react-day-picker/src/DayPicker.test.tsx

@@ -1,4 +1,4 @@
-import { af as dateFnsAf } from "date-fns/locale";
+import { af as dateFnsAf } from "date-fns/locale/af";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";

packages/react-day-picker/src/locale/af.ts

@@ -1,4 +1,4 @@
-import { arDZ as dateFnsArDZ } from "date-fns/locale";
+import { arDZ as dateFnsArDZ } from "date-fns/locale/ar-DZ";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";

packages/react-day-picker/src/locale/ar-DZ.ts

@@ -1,4 +1,4 @@
-import { arEG as dateFnsArEG } from "date-fns/locale";
+import { arEG as dateFnsArEG } from "date-fns/locale/ar-EG";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";

packages/react-day-picker/src/locale/ar-EG.ts

@@ -1,4 +1,4 @@
-import { arMA as dateFnsArMA } from "date-fns/locale";
+import { arMA as dateFnsArMA } from "date-fns/locale/ar-MA";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";

packages/react-day-picker/src/locale/ar-MA.ts

@@ -1,4 +1,4 @@
-import { arSA as dateFnsArSA } from "date-fns/locale";
+import { arSA as dateFnsArSA } from "date-fns/locale/ar-SA";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";

packages/react-day-picker/src/locale/ar-SA.ts

@@ -1,4 +1,4 @@
-import { arTN as dateFnsArTN } from "date-fns/locale";
+import { arTN as dateFnsArTN } from "date-fns/locale/ar-TN";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";

packages/react-day-picker/src/locale/ar-TN.ts

@@ -1,4 +1,4 @@
-import { ar as dateFnsAr } from "date-fns/locale";
+import { ar as dateFnsAr } from "date-fns/locale/ar";
 
 import type { DateLibOptions, DayPickerLocale } from "../classes/DateLib.js";
 import { DateLib } from "../classes/DateLib.js";