From 40d812664dba594444ce9d1e571e5718c055a78a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicole=20Miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Tue, 20 May 2025 09:40:36 +0200
Subject: [PATCH] pl-fe: Update react-datepicker, add portal id to date pickers
 in modals
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Nicole Mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/package.json                   |  2 +-
 .../compose/components/schedule-form.tsx      |  1 +
 .../src/modals/edit-announcement-modal.tsx    |  1 +
 packages/pl-fe/yarn.lock                      | 44 ++++++++++---------
 4 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index ac7f0f781..43f7ee3a9 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -112,7 +112,7 @@
     "query-string": "^9.1.1",
     "react": "^18.3.1",
     "react-color": "^2.19.3",
-    "react-datepicker": "^7.5.0",
+    "react-datepicker": "^8.3.0",
     "react-dom": "^18.3.1",
     "react-error-boundary": "^4.1.2",
     "react-helmet-async": "^2.0.5",
diff --git a/packages/pl-fe/src/features/compose/components/schedule-form.tsx b/packages/pl-fe/src/features/compose/components/schedule-form.tsx
index da4b3b054..93d86bae8 100644
--- a/packages/pl-fe/src/features/compose/components/schedule-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/schedule-form.tsx
@@ -77,6 +77,7 @@ const ScheduleForm: React.FC<IScheduleForm> = ({ composeId }) => {
             className={clsx({
               'has-error': !isValidTime(scheduledAt),
             })}
+            portalId='plfe'
           />
         </Suspense>
         <IconButton
diff --git a/packages/pl-fe/src/modals/edit-announcement-modal.tsx b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
index 16d8bc933..a752ea089 100644
--- a/packages/pl-fe/src/modals/edit-announcement-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
@@ -108,6 +108,7 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
             selected={startTime}
             onChange={onChangeStartTime}
             isClearable
+            portalId='plfe'
           />
         </FormGroup>
         <FormGroup
diff --git a/packages/pl-fe/yarn.lock b/packages/pl-fe/yarn.lock
index ca9c956bb..422f8bd5d 100644
--- a/packages/pl-fe/yarn.lock
+++ b/packages/pl-fe/yarn.lock
@@ -1367,15 +1367,6 @@
   dependencies:
     "@floating-ui/dom" "^1.0.0"
 
-"@floating-ui/react@^0.26.23":
-  version "0.26.28"
-  resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.26.28.tgz#93f44ebaeb02409312e9df9507e83aab4a8c0dc7"
-  integrity sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==
-  dependencies:
-    "@floating-ui/react-dom" "^2.1.2"
-    "@floating-ui/utils" "^0.2.8"
-    tabbable "^6.0.0"
-
 "@floating-ui/react@^0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.27.2.tgz#901a04e93061c427d45b69a29c99f641a8b3a7bc"
@@ -1385,11 +1376,25 @@
     "@floating-ui/utils" "^0.2.8"
     tabbable "^6.0.0"
 
+"@floating-ui/react@^0.27.3":
+  version "0.27.8"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.27.8.tgz#6d7f4bf7bfe2065934ba18d54f7383b777f87dd5"
+  integrity sha512-EQJ4Th328y2wyHR3KzOUOoTW2UKjFk53fmyahfwExnFQ8vnsMYqKc+fFPOkeYtj5tcp1DUMiNJ7BFhed7e9ONw==
+  dependencies:
+    "@floating-ui/react-dom" "^2.1.2"
+    "@floating-ui/utils" "^0.2.9"
+    tabbable "^6.0.0"
+
 "@floating-ui/utils@^0.2.8":
   version "0.2.8"
   resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
   integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
 
+"@floating-ui/utils@^0.2.9":
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.9.tgz#50dea3616bc8191fb8e112283b49eaff03e78429"
+  integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
+
 "@fontsource/inter@^5.1.1":
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-5.1.1.tgz#401803b6ac4c877f5be94088aa89147ed5a2bd85"
@@ -3928,10 +3933,10 @@ data-view-byte-offset@^1.0.1:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-date-fns@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-3.6.0.tgz#f20ca4fe94f8b754951b24240676e8618c0206bf"
-  integrity sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==
+date-fns@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-4.1.0.tgz#64b3d83fff5aa80438f5b1a633c2e83b8a1c2d14"
+  integrity sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==
 
 debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.6, debug@^4.3.7, debug@^4.4.0, debug@~4.4.0:
   version "4.4.0"
@@ -7248,15 +7253,14 @@ react-color@^2.19.3:
     reactcss "^1.2.0"
     tinycolor2 "^1.4.1"
 
-react-datepicker@^7.5.0:
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/react-datepicker/-/react-datepicker-7.5.0.tgz#e7b1014a6dbd3b314839a5c57a6dacfbb16074e4"
-  integrity sha512-6MzeamV8cWSOcduwePHfGqY40acuGlS1cG//ePHT6bVbLxWyqngaStenfH03n1wbzOibFggF66kWaBTb1SbTtQ==
+react-datepicker@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/react-datepicker/-/react-datepicker-8.3.0.tgz#21d51294a953755bcc273d411fe10d12918a6f51"
+  integrity sha512-DhfrIJnTPJTUVRtXU7c7zooug40rD6q+Fc8UTCt19dYEotLpDQgTN98MfocY6Rc4S99oOFFEoxyanOM/TKauuw==
   dependencies:
-    "@floating-ui/react" "^0.26.23"
+    "@floating-ui/react" "^0.27.3"
     clsx "^2.1.1"
-    date-fns "^3.6.0"
-    prop-types "^15.8.1"
+    date-fns "^4.1.0"
 
 react-dom@^18.3.1:
   version "18.3.1"