arengibook 3.1.4-datepicker → 3.1.5-datepicker

package/dist/index.js

@@ -13737,9 +13737,25 @@ var DatePicker = function DatePicker(_ref) {
       if (!currentOverlay) return;
       var customContent = currentOverlay.querySelector('.dp-monthyear-header');
       if (customContent) {
-        currentOverlay.style.minHeight = customContent.offsetHeight + 'px';
+        // Ajout de 80px pour simuler une fenêtre plus haute aux yeux de
+        // DomHandler.absolutePosition, ce qui abaisse le seuil de bascule
+        // vers le haut. Cela compense les boutons Annuler/Valider qui sont
+        // masqués en mode month mais occupent de l'espace hors viewport.
+        currentOverlay.style.minHeight = customContent.offsetHeight + 80 + 'px';
       }
+      var extraHeight = 80;
       repositionPanel();
+      if (customContent) {
+        currentOverlay.style.minHeight = '';
+        var input = inputRef.current;
+        if (input) {
+          var overlayTop = parseFloat(currentOverlay.style.top) || 0;
+          var inputTop = input.getBoundingClientRect().top + window.scrollY;
+          if (overlayTop < inputTop) {
+            currentOverlay.style.top = overlayTop + extraHeight + 'px';
+          }
+        }
+      }
       setPanelReady(true);
     }, 0);
   };
@@ -13758,6 +13774,34 @@ var DatePicker = function DatePicker(_ref) {
       cleanupScrollListeners();
     };
   }, []);
+
+  // Reposition quand on bascule en mode monthYear depuis le mode date (panel déjà ouvert).
+  // Même logique que dans handleShow : gonfle minHeight, repositionne, puis corrige le top.
+  useEffect(function () {
+    if (mode !== 'monthYear' || !panelVisibleRef.current) return;
+    var extraHeight = 80;
+    setTimeout(function () {
+      var _calendarRef$current4;
+      var overlay = (_calendarRef$current4 = calendarRef.current) === null || _calendarRef$current4 === void 0 ? void 0 : _calendarRef$current4.getOverlay();
+      if (!overlay) return;
+      var customContent = overlay.querySelector('.dp-monthyear-header');
+      if (customContent) {
+        overlay.style.minHeight = customContent.offsetHeight + extraHeight + 'px';
+      }
+      repositionPanel();
+      if (customContent) {
+        overlay.style.minHeight = '';
+        var input = inputRef.current;
+        if (input) {
+          var overlayTop = parseFloat(overlay.style.top) || 0;
+          var inputTop = input.getBoundingClientRect().top + window.scrollY;
+          if (overlayTop < inputTop) {
+            overlay.style.top = overlayTop + extraHeight + 'px';
+          }
+        }
+      }
+    }, 0);
+  }, [mode]);
   var panelClassName = "datepickerbook" + (mode === "monthYear" ? " dp-monthyear-mode" : "") + (story === "year" ? " dp-year-only" : "") + (panelReady ? " dp-ready" : "");
   return /*#__PURE__*/React__default.createElement("div", {
     className: fullWidth ? "datepicker-fullwidth flex flex-col gap-1" : "flex flex-col gap-1"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "3.1.4-datepicker",
+  "version": "3.1.5-datepicker",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {