From d8d3c359e88b54453169b6773073bd7d5ebc6741 Mon Sep 17 00:00:00 2001
From: antoine <guingand.antoine@gmail.com>
Date: Mon, 1 Sep 2025 16:26:46 +0200
Subject: [PATCH] Update reka + improve date popover responsive

---
 package-lock.json                            | 15 ++++++++-------
 package.json                                 |  2 +-
 resources/js/form/components/fields/Date.vue |  5 +++--
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index af8797be8..d9736c3c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -48,7 +48,7 @@
         "lucide-vue-next": "^0.511.0",
         "nprogress": "^0.2.0",
         "qs": "^6.6.0",
-        "reka-ui": "^2.2.1",
+        "reka-ui": "^2.5.0",
         "sortablejs": "^1.15.2",
         "tailwind-merge": "^3.3.0",
         "text-clipper": "^1.3.0",
@@ -12187,9 +12187,10 @@
       }
     },
     "node_modules/reka-ui": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.2.1.tgz",
-      "integrity": "sha512-oLHiyBn6gTIQGnTnv8G5LQuFp9j8HuUNl0qdnW3XPhFb/07hrxzFpjo2kt/jxOZive+n/XWDbOjSj2h9Hih3qA==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.5.0.tgz",
+      "integrity": "sha512-81aMAmJeVCy2k0E6x7n1kypDY6aM1ldLis5+zcdV1/JtoAlSDck5OBsyLRJU9CfgbrQp1ImnRnBSmC4fZ2fkZQ==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.6.13",
         "@floating-ui/vue": "^1.1.6",
@@ -28331,9 +28332,9 @@
       }
     },
     "reka-ui": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.2.1.tgz",
-      "integrity": "sha512-oLHiyBn6gTIQGnTnv8G5LQuFp9j8HuUNl0qdnW3XPhFb/07hrxzFpjo2kt/jxOZive+n/XWDbOjSj2h9Hih3qA==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.5.0.tgz",
+      "integrity": "sha512-81aMAmJeVCy2k0E6x7n1kypDY6aM1ldLis5+zcdV1/JtoAlSDck5OBsyLRJU9CfgbrQp1ImnRnBSmC4fZ2fkZQ==",
       "requires": {
         "@floating-ui/dom": "^1.6.13",
         "@floating-ui/vue": "^1.1.6",
diff --git a/package.json b/package.json
index 755a6edd2..2482e6512 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "lucide-vue-next": "^0.511.0",
     "nprogress": "^0.2.0",
     "qs": "^6.6.0",
-    "reka-ui": "^2.2.1",
+    "reka-ui": "^2.5.0",
     "sortablejs": "^1.15.2",
     "tailwind-merge": "^3.3.0",
     "text-clipper": "^1.3.0",
diff --git a/resources/js/form/components/fields/Date.vue b/resources/js/form/components/fields/Date.vue
index f01374cd4..027d82f45 100644
--- a/resources/js/form/components/fields/Date.vue
+++ b/resources/js/form/components/fields/Date.vue
@@ -207,9 +207,10 @@ function onMinuteChange(minute: string) {
         </FormFieldLayout>
 
         <PopoverContent
-            class="flex p-0 w-auto overflow-hidden"
+            class="flex p-0 w-auto overflow-auto max-w-[var(--reka-popover-content-available-width)]"
             @open-auto-focus.prevent
-            :avoid-collisions="false"
+            avoid-collisions
+            :side-flip="false"
             align="start"
         >
             <template v-if="props.field.hasDate">