gantt-lib 0.60.1 → 0.60.2

package/dist/index.js

@@ -3329,6 +3329,7 @@ var DatePicker = ({
 }) => {
   const [open, setOpen] = (0, import_react9.useState)(false);
   const [inputValue, setInputValue] = (0, import_react9.useState)("");
+  const [draftDate, setDraftDate] = (0, import_react9.useState)(void 0);
   const dateInputRef = (0, import_react9.useRef)(null);
   const segIdxRef = (0, import_react9.useRef)(0);
   const charPosRef = (0, import_react9.useRef)(0);
@@ -3337,13 +3338,18 @@ var DatePicker = ({
     const d = /* @__PURE__ */ new Date(value + "T00:00:00Z");
     return (0, import_date_fns3.isValid)(d) ? d : void 0;
   })();
+  const activeDate = draftDate ?? selectedDate;
   const displayValue = selectedDate ? formatUTCDate(selectedDate, displayFormat) : placeholder;
   (0, import_react9.useEffect)(() => {
     if (value) {
       const d = /* @__PURE__ */ new Date(value + "T00:00:00Z");
-      if ((0, import_date_fns3.isValid)(d)) setInputValue(formatUTCDate(d, "dd.MM.yy"));
+      if ((0, import_date_fns3.isValid)(d)) {
+        setInputValue(formatUTCDate(d, "dd.MM.yy"));
+        setDraftDate(void 0);
+      }
     } else {
       setInputValue("");
+      setDraftDate(void 0);
     }
   }, [value]);
   const selectSegByIdx = (0, import_react9.useCallback)((idx) => {
@@ -3388,31 +3394,38 @@ var DatePicker = ({
   const updateFromDate = (0, import_react9.useCallback)((newDate) => {
     if (!(0, import_date_fns3.isValid)(newDate)) return;
     setInputValue(formatUTCDate(newDate, "dd.MM.yy"));
+    setDraftDate(newDate);
+  }, []);
+  const commitDate = (0, import_react9.useCallback)((dateToCommit) => {
+    const nextDate = dateToCommit ?? draftDate ?? selectedDate;
+    if (!nextDate || !(0, import_date_fns3.isValid)(nextDate)) return;
     const iso = [
-      newDate.getUTCFullYear(),
-      String(newDate.getUTCMonth() + 1).padStart(2, "0"),
-      String(newDate.getUTCDate()).padStart(2, "0")
+      nextDate.getUTCFullYear(),
+      String(nextDate.getUTCMonth() + 1).padStart(2, "0"),
+      String(nextDate.getUTCDate()).padStart(2, "0")
     ].join("-");
+    if (iso === value) return;
     onChange?.(iso);
-  }, [onChange]);
+  }, [draftDate, onChange, selectedDate, value]);
   const handleCalendarSelect = (0, import_react9.useCallback)(
     (day) => {
       const normalizedDay = businessDays && isWeekend3 && isWeekend3(day) ? snapToBusinessDay(day, 1, isWeekend3) : day;
       updateFromDate(normalizedDay);
+      commitDate(normalizedDay);
       setOpen(false);
     },
-    [updateFromDate, businessDays, isWeekend3]
+    [businessDays, commitDate, isWeekend3, updateFromDate]
   );
   const handleDayShift = (0, import_react9.useCallback)(
     (delta) => {
-      const base = selectedDate ?? /* @__PURE__ */ new Date();
+      const base = activeDate ?? /* @__PURE__ */ new Date();
       if (businessDays && isWeekend3) {
         updateFromDate(shiftByBusinessDays(base, delta, isWeekend3));
       } else {
         updateFromDate((0, import_date_fns3.addDays)(base, delta));
       }
     },
-    [selectedDate, updateFromDate, businessDays, isWeekend3]
+    [activeDate, updateFromDate, businessDays, isWeekend3]
   );
   const handleTriggerKeyDown = (0, import_react9.useCallback)((e) => {
     if (disabled) return;
@@ -3443,13 +3456,14 @@ var DatePicker = ({
     if (e.key === "Enter") {
       e.preventDefault();
       e.stopPropagation();
+      commitDate();
       setOpen(false);
       return;
     }
     if (e.key === "ArrowUp" || e.key === "ArrowDown") {
       e.preventDefault();
       e.stopPropagation();
-      const base = selectedDate ?? /* @__PURE__ */ new Date();
+      const base = activeDate ?? /* @__PURE__ */ new Date();
       let newDate = base;
       if (seg.label === "day") newDate = e.key === "ArrowUp" ? (0, import_date_fns3.addDays)(base, 1) : (0, import_date_fns3.subDays)(base, 1);
       if (seg.label === "month") newDate = e.key === "ArrowUp" ? (0, import_date_fns3.addMonths)(base, 1) : (0, import_date_fns3.subMonths)(base, 1);
@@ -3527,8 +3541,14 @@ var DatePicker = ({
         );
       }
     }
-  }, [selectedDate, updateFromDate, selectSegByIdx, businessDays, isWeekend3]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+  }, [activeDate, businessDays, commitDate, isWeekend3, selectSegByIdx, updateFromDate]);
+  const handleOpenChange = (0, import_react9.useCallback)((nextOpen) => {
+    if (!nextOpen && open) {
+      commitDate();
+    }
+    setOpen(nextOpen);
+  }, [commitDate, open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Popover, { open, onOpenChange: disabled ? void 0 : handleOpenChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "button",
       {
@@ -3564,6 +3584,9 @@ var DatePicker = ({
                 onFocus: handleFocus,
                 onMouseDown: handleMouseDown,
                 onKeyDown: handleKeyDown,
+                onBlur: () => {
+                  commitDate();
+                },
                 spellCheck: false,
                 autoComplete: "off"
               }
@@ -3575,9 +3598,9 @@ var DatePicker = ({
             Calendar,
             {
               mode: "single",
-              selected: selectedDate,
+              selected: activeDate,
               onSelect: handleCalendarSelect,
-              initialDate: selectedDate,
+              initialDate: activeDate,
               isWeekend: isWeekend3
             }
           )