gantt-lib 0.60.0 → 0.60.2

package/dist/index.mjs

@@ -3244,6 +3244,7 @@ var DatePicker = ({
 }) => {
   const [open, setOpen] = useState3(false);
   const [inputValue, setInputValue] = useState3("");
+  const [draftDate, setDraftDate] = useState3(void 0);
   const dateInputRef = useRef3(null);
   const segIdxRef = useRef3(0);
   const charPosRef = useRef3(0);
@@ -3252,13 +3253,18 @@ var DatePicker = ({
     const d = /* @__PURE__ */ new Date(value + "T00:00:00Z");
     return isValid(d) ? d : void 0;
   })();
+  const activeDate = draftDate ?? selectedDate;
   const displayValue = selectedDate ? formatUTCDate(selectedDate, displayFormat) : placeholder;
   useEffect3(() => {
     if (value) {
       const d = /* @__PURE__ */ new Date(value + "T00:00:00Z");
-      if (isValid(d)) setInputValue(formatUTCDate(d, "dd.MM.yy"));
+      if (isValid(d)) {
+        setInputValue(formatUTCDate(d, "dd.MM.yy"));
+        setDraftDate(void 0);
+      }
     } else {
       setInputValue("");
+      setDraftDate(void 0);
     }
   }, [value]);
   const selectSegByIdx = useCallback3((idx) => {
@@ -3303,31 +3309,38 @@ var DatePicker = ({
   const updateFromDate = useCallback3((newDate) => {
     if (!isValid(newDate)) return;
     setInputValue(formatUTCDate(newDate, "dd.MM.yy"));
+    setDraftDate(newDate);
+  }, []);
+  const commitDate = useCallback3((dateToCommit) => {
+    const nextDate = dateToCommit ?? draftDate ?? selectedDate;
+    if (!nextDate || !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 = useCallback3(
     (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 = useCallback3(
     (delta) => {
-      const base = selectedDate ?? /* @__PURE__ */ new Date();
+      const base = activeDate ?? /* @__PURE__ */ new Date();
       if (businessDays && isWeekend3) {
         updateFromDate(shiftByBusinessDays(base, delta, isWeekend3));
       } else {
         updateFromDate(addDays(base, delta));
       }
     },
-    [selectedDate, updateFromDate, businessDays, isWeekend3]
+    [activeDate, updateFromDate, businessDays, isWeekend3]
   );
   const handleTriggerKeyDown = useCallback3((e) => {
     if (disabled) return;
@@ -3358,13 +3371,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" ? addDays(base, 1) : subDays(base, 1);
       if (seg.label === "month") newDate = e.key === "ArrowUp" ? addMonths2(base, 1) : subMonths2(base, 1);
@@ -3442,8 +3456,14 @@ var DatePicker = ({
         );
       }
     }
-  }, [selectedDate, updateFromDate, selectSegByIdx, businessDays, isWeekend3]);
-  return /* @__PURE__ */ jsxs7(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+  }, [activeDate, businessDays, commitDate, isWeekend3, selectSegByIdx, updateFromDate]);
+  const handleOpenChange = useCallback3((nextOpen) => {
+    if (!nextOpen && open) {
+      commitDate();
+    }
+    setOpen(nextOpen);
+  }, [commitDate, open]);
+  return /* @__PURE__ */ jsxs7(Popover, { open, onOpenChange: disabled ? void 0 : handleOpenChange, children: [
     /* @__PURE__ */ jsx10(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(
       "button",
       {
@@ -3479,6 +3499,9 @@ var DatePicker = ({
                 onFocus: handleFocus,
                 onMouseDown: handleMouseDown,
                 onKeyDown: handleKeyDown,
+                onBlur: () => {
+                  commitDate();
+                },
                 spellCheck: false,
                 autoComplete: "off"
               }
@@ -3490,9 +3513,9 @@ var DatePicker = ({
             Calendar,
             {
               mode: "single",
-              selected: selectedDate,
+              selected: activeDate,
               onSelect: handleCalendarSelect,
-              initialDate: selectedDate,
+              initialDate: activeDate,
               isWeekend: isWeekend3
             }
           )