gantt-lib 0.60.0 → 0.60.2

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import React$1, { ReactNode } from 'react';
+import { T as Task$1, V as ValidationResult } from './index-CliEEiHA.js';
+export { D as DAY_MS, a as DependencyError, G as GanttDateRange, b as GridConfig, c as GridLine, L as LinkType, M as MonthSpan, d as TaskBarGeometry, W as WeekendBlock, e as alignToWorkingDay, f as areTasksHierarchicallyRelated, g as buildAdjacencyList, h as buildTaskRangeFromEnd, i as buildTaskRangeFromStart, j as calculateSuccessorDate, k as cascadeByLinks, l as clampTaskRangeForIncomingFS, m as computeLagFromDates, n as computeParentDates, o as computeParentProgress, p as detectCycles, q as findParentId, r as getAllDependencyEdges, s as getAllDescendants, t as getBusinessDayOffset, u as getChildren, v as getDependencyLag, w as getSuccessorChain, x as getTaskDuration, y as getTransitiveCascadeChain, z as isAncestorTask, A as isTaskParent, B as moveTaskRange, C as normalizeDependencyLag, E as normalizeUTCDate, F as parseDateOnly, H as recalculateIncomingLags, I as reflowTasksOnModeSwitch, J as removeDependenciesBetweenTasks, K as shiftBusinessDayOffset, N as universalCascade, O as validateDependencies } from './index-CliEEiHA.js';
 import * as RadixPopover from '@radix-ui/react-popover';
 
 /**
@@ -233,148 +235,6 @@ declare function addBusinessDays(startDate: string | Date, businessDays: number,
  */
 declare function subtractBusinessDays(endDate: string | Date, businessDays: number, weekendPredicate: (date: Date) => boolean): string;
 
-/**
- * Dependency link types following PM standard
- * - FS (Finish-to-Start): Predecessor must finish before successor starts
- * - SS (Start-to-Start): Predecessor must start before successor starts
- * - FF (Finish-to-Finish): Predecessor must finish before successor finishes
- * - SF (Start-to-Finish): Predecessor must start before successor finishes
- */
-type LinkType = 'FS' | 'SS' | 'FF' | 'SF';
-/**
- * Single dependency relationship (predecessor link)
- */
-interface TaskDependency$1 {
-    /** ID of the predecessor task */
-    taskId: string;
-    /** Type of link: FS (finish-to-start), SS, FF, SF */
-    type: LinkType;
-    /** Lag in days (positive or negative integer) */
-    lag: number;
-}
-/**
- * Error or warning from dependency validation
- */
-interface DependencyError {
-    /** Type of error */
-    type: 'cycle' | 'constraint' | 'missing-task';
-    /** ID of the task with the error */
-    taskId: string;
-    /** Human-readable error message */
-    message: string;
-    /** Related task IDs (e.g., cycle path, referenced tasks) */
-    relatedTaskIds?: string[];
-}
-/**
- * Result of dependency validation
- */
-interface ValidationResult {
-    /** True if no errors found */
-    isValid: boolean;
-    /** Array of errors/warnings (empty if valid) */
-    errors: DependencyError[];
-}
-/**
- * Task data structure for Gantt chart
- */
-interface Task$1 {
-    /** Unique identifier for the task */
-    id: string;
-    /** Display name of the task */
-    name: string;
-    /** Task start date (ISO string or Date object) */
-    startDate: string | Date;
-    /** Task end date (ISO string or Date object) */
-    endDate: string | Date;
-    /** Optional color for task bar visualization */
-    color?: string;
-    /** Optional parent task ID for hierarchy relationship */
-    parentId?: string;
-    /**
-     * Optional progress value from 0-100
-     * - Decimal values are allowed and rounded to nearest integer for display
-     * - Values are clamped to 0-100 range
-     * - Undefined or 0 means no progress is displayed
-     * - Progress is visual-only, no user interaction
-     */
-    progress?: number;
-    /**
-     * Optional flag indicating if task is accepted
-     * - Only meaningful when progress is 100%
-     * - Affects the color of the progress bar (green for accepted, yellow for completed)
-     */
-    accepted?: boolean;
-    /**
-     * Optional array of predecessor dependencies
-     * Each dependency specifies a predecessor task, link type, and optional lag
-     */
-    dependencies?: TaskDependency$1[];
-    /**
-     * Optional flag to prevent drag and resize interactions.
-     * When true, the task bar cannot be moved or resized.
-     * Independent of accepted/progress — consumer controls both separately.
-     */
-    locked?: boolean;
-}
-/**
- * Date range for Gantt chart display
- */
-interface GanttDateRange {
-    /** Start date of the visible range */
-    start: Date;
-    /** End date of the visible range */
-    end: Date;
-}
-/**
- * Task bar positioning and dimensions
- */
-interface TaskBarGeometry {
-    /** Left position in pixels */
-    left: number;
-    /** Width in pixels */
-    width: number;
-}
-/**
- * Grid configuration for layout calculations
- */
-interface GridConfig {
-    /** Width of each day column in pixels */
-    dayWidth: number;
-    /** Height of each task row in pixels */
-    rowHeight: number;
-}
-/**
- * Represents a month span in the calendar header
- */
-interface MonthSpan {
-    /** First day of the month (UTC) */
-    month: Date;
-    /** Number of days this month spans in the visible range */
-    days: number;
-    /** Start index in the date range array */
-    startIndex: number;
-}
-/**
- * Represents a vertical grid line
- */
-interface GridLine {
-    /** X position in pixels */
-    x: number;
-    /** True if this line is at the start of a month */
-    isMonthStart: boolean;
-    /** True if this line is at the start of a week (Monday) */
-    isWeekStart: boolean;
-}
-/**
- * Represents a weekend background block
- */
-interface WeekendBlock {
-    /** Left position in pixels */
-    left: number;
-    /** Width in pixels */
-    width: number;
-}
-
 /**
  * Predicate function for filtering tasks
  * @param task - Task to evaluate
@@ -1003,234 +863,6 @@ interface UseTaskDragReturn {
  */
 declare const useTaskDrag: (options: UseTaskDragOptions) => UseTaskDragReturn;
 
-/**
- * Pure date math utilities for the core scheduling module.
- * Zero React/DOM/date-fns dependencies.
- *
- * Functions moved from:
- *   - dependencyUtils.ts: normalizeUTCDate, parseDateOnly, getBusinessDayOffset, shiftBusinessDayOffset, DAY_MS
- *   - dateUtils.ts: getBusinessDaysCount, addBusinessDays, subtractBusinessDays
- */
-declare const DAY_MS: number;
-/**
- * Normalize a Date to UTC midnight (hours/minutes/seconds zeroed).
- */
-declare function normalizeUTCDate(date: Date): Date;
-/**
- * Parse a date string or Date object to a UTC midnight Date.
- * Handles ISO strings like "2025-01-15" by appending T00:00:00.000Z.
- */
-declare function parseDateOnly(date: string | Date): Date;
-/**
- * Compute the business-day offset between two dates.
- * Steps through each calendar day, counting only non-weekend days.
- * Returns a positive number if toDate > fromDate, negative if toDate < fromDate.
- */
-declare function getBusinessDayOffset(fromDate: Date, toDate: Date, weekendPredicate: (date: Date) => boolean): number;
-/**
- * Shift a date by a business-day offset, skipping weekends.
- */
-declare function shiftBusinessDayOffset(date: Date, offset: number, weekendPredicate: (date: Date) => boolean): Date;
-/**
- * Snap a date to the nearest working day in the given direction.
- */
-declare function alignToWorkingDay(date: Date, direction: 1 | -1, weekendPredicate: (date: Date) => boolean): Date;
-/**
- * Get task duration in days (inclusive).
- * If businessDays mode, counts business days using weekendPredicate.
- * Otherwise, counts calendar days.
- */
-declare function getTaskDuration(startDate: string | Date, endDate: string | Date, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): number;
-
-/**
- * Dependency calculation functions.
- * Moved from dependencyUtils.ts — verbatim implementations.
- * Zero React/DOM/date-fns imports.
- */
-
-/**
- * Get lag value from dependency, defaulting to 0.
- */
-declare function getDependencyLag(dep: Pick<TaskDependency$1, 'lag'>): number;
-/**
- * Normalize lag for FS links — clamp to >= -predecessorDuration.
- */
-declare function normalizeDependencyLag(linkType: LinkType, lag: number, predecessorStart: Date, predecessorEnd: Date, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): number;
-/**
- * Compute lag (in days) from actual predecessor/successor dates.
- * This is the single source of truth for lag semantics.
- *
- * Semantics (lag=0 = natural, gap-free connection):
- * - FS: lag = succStart - predEnd - 1  (adjacent days = 0)
- * - SS: lag = succStart - predStart
- * - FF: lag = succEnd   - predEnd
- * - SF: lag = succEnd   - predStart + 1  (symmetric to FS)
- */
-declare function computeLagFromDates(linkType: LinkType, predStart: Date, predEnd: Date, succStart: Date, succEnd: Date, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): number;
-/**
- * Calculate successor date based on predecessor dates, link type, and lag.
- *
- * Link type semantics:
- * - FS: Successor start = Predecessor end + lag + 1 day  (lag=0 -> next day)
- * - SS: Successor start = Predecessor start + lag
- * - FF: Successor end   = Predecessor end + lag
- * - SF: Successor end   = Predecessor start + lag - 1 day  (lag=0 -> day before)
- */
-declare function calculateSuccessorDate(predecessorStart: Date, predecessorEnd: Date, linkType: LinkType, lag?: number, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): Date;
-
-/**
- * Cascade engine functions.
- * Moved from dependencyUtils.ts — verbatim implementations.
- * Zero React/DOM/date-fns imports.
- */
-
-/**
- * Get successor tasks of a dragged task using BFS, filtered by link type(s).
- */
-declare function getSuccessorChain(draggedTaskId: string, allTasks: Task$1[], linkTypes?: LinkType[]): Task$1[];
-/**
- * Cascade successors by actual link constraints (BFS, constraint-based).
- */
-declare function cascadeByLinks(movedTaskId: string, newStart: Date, newEnd: Date, allTasks: Task$1[], skipChildCascade?: boolean): Task$1[];
-/**
- * Get transitive closure of successors for cascading.
- */
-declare function getTransitiveCascadeChain(changedTaskId: string, allTasks: Task$1[], firstLevelLinkTypes: LinkType[]): Task$1[];
-/**
- * Universal cascade engine that propagates a moved task's new position through
- * the entire dependency+hierarchy graph using BFS with change detection.
- */
-declare function universalCascade(movedTask: Task$1, newStart: Date, newEnd: Date, allTasks: Task$1[], businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): Task$1[];
-/**
- * Recalculate all task dates when switching between business/calendar day modes.
- */
-declare function reflowTasksOnModeSwitch(sourceTasks: Task$1[], toBusinessDays: boolean, weekendPredicate: (date: Date) => boolean): Task$1[];
-
-/**
- * High-level schedule command functions.
- * Moved from dependencyUtils.ts — verbatim implementations.
- * Zero React/DOM/date-fns imports.
- */
-
-/**
- * Build a task range (start/end dates) from a start date and duration.
- */
-declare function buildTaskRangeFromStart(startDate: Date, duration: number, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean, snapDirection?: 1 | -1): {
-    start: Date;
-    end: Date;
-};
-/**
- * Build a task range (start/end dates) from an end date and duration.
- */
-declare function buildTaskRangeFromEnd(endDate: Date, duration: number, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean, snapDirection?: 1 | -1): {
-    start: Date;
-    end: Date;
-};
-/**
- * Move a task range to a new start date, preserving duration.
- */
-declare function moveTaskRange(originalStart: string | Date, originalEnd: string | Date, proposedStart: Date, businessDays?: boolean, weekendPredicate?: (date: Date) => boolean, snapDirection?: 1 | -1): {
-    start: Date;
-    end: Date;
-};
-/**
- * Clamp task range start date based on incoming FS dependencies.
- */
-declare function clampTaskRangeForIncomingFS(task: Pick<Task$1, 'dependencies'>, proposedStart: Date, proposedEnd: Date, allTasks: Task$1[], businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): {
-    start: Date;
-    end: Date;
-};
-/**
- * Recalculate incoming dependency lags after a task's dates change.
- */
-declare function recalculateIncomingLags(task: Task$1, newStartDate: Date, newEndDate: Date, allTasks: Task$1[], businessDays?: boolean, weekendPredicate?: (date: Date) => boolean): NonNullable<Task$1['dependencies']>;
-
-/**
- * Dependency validation and cycle detection.
- * Moved from dependencyUtils.ts — verbatim implementations.
- * Zero React/DOM/date-fns imports.
- */
-
-/**
- * Build adjacency list for dependency graph (task -> successors)
- */
-declare function buildAdjacencyList(tasks: Task$1[]): Map<string, string[]>;
-/**
- * Detect circular dependencies using depth-first search
- */
-declare function detectCycles(tasks: Task$1[]): {
-    hasCycle: boolean;
-    cyclePath?: string[];
-};
-/**
- * Validate all dependencies in the task list
- */
-declare function validateDependencies(tasks: Task$1[]): ValidationResult;
-
-/**
- * Hierarchy scheduling functions.
- * Moved from dependencyUtils.ts — verbatim implementations.
- * Zero React/DOM/date-fns imports.
- */
-
-/**
- * Get all child tasks of a parent task.
- * Returns tasks where task.parentId === parentId.
- */
-declare function getChildren(parentId: string, tasks: Task$1[]): Task$1[];
-/**
- * Check if a task is a parent (has children).
- * Returns true if any task has this task as parentId.
- */
-declare function isTaskParent(taskId: string, tasks: Task$1[]): boolean;
-/**
- * Compute parent task dates from children.
- * Returns { startDate, endDate } where:
- * - startDate = min(children.startDate) or own startDate if no children
- * - endDate = max(children.endDate) or own endDate if no children
- */
-declare function computeParentDates(parentId: string, tasks: Task$1[]): {
-    startDate: Date;
-    endDate: Date;
-};
-/**
- * Compute parent task progress from children (weighted average by duration).
- * Returns 0 if no children.
- * Progress is rounded to 1 decimal place.
- */
-declare function computeParentProgress(parentId: string, tasks: Task$1[]): number;
-/**
- * Get all descendant tasks of a parent task (transitive closure of children).
- * Returns all tasks where task.parentId is in the hierarchy of the parent.
- */
-declare function getAllDescendants(parentId: string, tasks: Task$1[]): Task$1[];
-/**
- * Get all dependency edges for rendering.
- * Returns array of { predecessorId, successorId, type, lag }
- */
-declare function getAllDependencyEdges(tasks: Task$1[]): Array<{
-    predecessorId: string;
-    successorId: string;
-    type: 'FS' | 'SS' | 'FF' | 'SF';
-    lag: number;
-}>;
-/**
- * Remove dependencies between two tasks in both directions.
- */
-declare function removeDependenciesBetweenTasks(taskId1: string, taskId2: string, tasks: Task$1[]): Task$1[];
-/**
- * Find the parent ID of a task.
- */
-declare function findParentId(taskId: string, tasks: Task$1[]): string | undefined;
-/**
- * Returns true when ancestorId is an ancestor of taskId in the current hierarchy.
- */
-declare function isAncestorTask(ancestorId: string, taskId: string, tasks: Task$1[]): boolean;
-/**
- * Returns true when tasks are in the same ancestry chain.
- */
-declare function areTasksHierarchicallyRelated(taskId1: string, taskId2: string, tasks: Task$1[]): boolean;
-
 /**
  * Checks whether a task is behind the expected progress for the current date.
  * Uses the same progress-based rule as expired task highlighting in TaskRow.
@@ -1419,4 +1051,4 @@ interface VisibleReorderPosition {
  */
 declare function getVisibleReorderPosition(orderedTasks: TaskLike[], visibleTasks: TaskLike[], movedTaskId: string, originVisibleIndex: number, dropVisibleIndex: number): VisibleReorderPosition | null;
 
-export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DAY_MS, DatePicker, type DatePickerProps, type DependencyError, DragGuideLines, GanttChart, type GanttChartHandle, type GanttChartProps, type GanttDateRange, GridBackground, type GridConfig, type GridLine, Input, type InputProps, type LinkType, type MonthBlock, type MonthSpan, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type Task, type TaskBarGeometry, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TodayIndicator, type ValidationResult, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type WeekendBlock, type YearSpan, addBusinessDays, alignToWorkingDay, and, areTasksHierarchicallyRelated, buildAdjacencyList, buildTaskRangeFromEnd, buildTaskRangeFromStart, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMonthGridLines, calculateOrthogonalPath, calculateSuccessorDate, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, cascadeByLinks, clampTaskRangeForIncomingFS, computeLagFromDates, computeParentDates, computeParentProgress, createCustomDayPredicate, createDateKey, detectCycles, detectEdgeZone, expired, findParentId, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getAllDependencyEdges, getAllDescendants, getBusinessDayOffset, getBusinessDaysCount, getChildren, getCursorForPosition, getDayOffset, getDependencyLag, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getSuccessorChain, getTaskDuration, getTransitiveCascadeChain, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isAncestorTask, isTaskExpired, isTaskParent, isToday, isWeekend, moveTaskRange, nameContains, normalizeDependencyLag, normalizeHierarchyTasks, normalizeTaskDates, normalizeUTCDate, not, or, parseDateOnly, parseUTCDate, pixelsToDate, progressInRange, recalculateIncomingLags, reflowTasksOnModeSwitch, removeDependenciesBetweenTasks, shiftBusinessDayOffset, subtractBusinessDays, universalCascade, useTaskDrag, validateDependencies, withoutDeps };
+export { type BuiltInTaskListColumnId, Button, type ButtonProps, Calendar, type CalendarProps, type CustomDayConfig, type CustomDayPredicateConfig, DatePicker, type DatePickerProps, DragGuideLines, GanttChart, type GanttChartHandle, type GanttChartProps, GridBackground, Input, type InputProps, type MonthBlock, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type Task, type TaskDependency, TaskList, type TaskListColumn, type TaskListColumnContext, type TaskListProps, type TaskPredicate, TaskRow, TimeScaleHeader, TodayIndicator, ValidationResult, type VisibleReorderPosition, type WeekBlock, type WeekSpan, type YearSpan, addBusinessDays, and, calculateBezierPath, calculateDependencyPath, calculateGridLines, calculateGridWidth, calculateMonthGridLines, calculateOrthogonalPath, calculateTaskBar, calculateWeekGridLines, calculateWeekendBlocks, createCustomDayPredicate, createDateKey, detectEdgeZone, expired, flattenHierarchy, formatDateLabel, formatDateRangeLabel, getBusinessDaysCount, getCursorForPosition, getDayOffset, getMonthBlocks, getMonthDays, getMonthSpans, getMultiMonthDays, getVisibleReorderPosition, getWeekBlocks, getWeekSpans, getYearSpans, inDateRange, isTaskExpired, isToday, isWeekend, nameContains, normalizeHierarchyTasks, normalizeTaskDates, not, or, parseUTCDate, pixelsToDate, progressInRange, subtractBusinessDays, useTaskDrag, withoutDeps };

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
             }
           )