feat(date-input, date-range): upgrade react-day-picker to v9

Upgrades react-day-picker to remove the dependency on React 18
Sage · Nov 20, 2024 · 24eb141 · 24eb141
1 parent f22f539
commit 24eb141
Show file tree

Hide file tree

Showing 19 changed files with 711 additions and 456 deletions.
diff --git a/jest.config.ts b/jest.config.ts
@@ -1,4 +1,5 @@
 import { Config } from "jest";
+
 import coverageThresholds from "./coverage-thresholds.json";
 
 const esmOnlyPackages = [

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -195,7 +195,7 @@
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
-    "react-day-picker": "~7.4.10",
+    "react-day-picker": "^9.3.2",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-is": "^17.0.2",

diff --git a/playwright/components/date-input/index.ts b/playwright/components/date-input/index.ts
@@ -1,9 +1,10 @@
 import type { Page } from "@playwright/test";
+
 import { DAY_PICKER_WRAPPER, DAY_PICKER_HEADING } from "./locators";
 
 // component preview locators
 
 export const dayPickerWrapper = (page: Page) =>
   page.locator(DAY_PICKER_WRAPPER);
 export const dayPickerHeading = (page: Page) =>
-  page.locator(DAY_PICKER_HEADING).locator("div");
+  page.locator(DAY_PICKER_HEADING);
diff --git a/playwright/components/date-input/locators.ts b/playwright/components/date-input/locators.ts
@@ -1,3 +1,3 @@
 // component preview locators
-export const DAY_PICKER_WRAPPER = 'div[class="DayPicker-wrapper"]';
-export const DAY_PICKER_HEADING = ".DayPicker-Caption";
+export const DAY_PICKER_WRAPPER = 'div[class="rdp-root"]';
+export const DAY_PICKER_HEADING = 'span[class="rdp-caption_label"]';