impact-nova 2.5.13 → 2.5.15

package/dist/components/forms/date-picker/year-picker.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as y } from "react/jsx-runtime";
 import * as t from "react";
-import { Cross as X, CalendarMonth as Z } from "impact-nova-icons";
-import { cn as _ } from "../../../lib/utils.js";
-import { Input as $ } from "../input/input.js";
-import { Calendar as ee } from "../../data-display/calendar/calendar.js";
+import { Cross as _, CalendarMonth as $ } from "impact-nova-icons";
+import { cn as ee } from "../../../lib/utils.js";
+import { Input as re } from "../input/input.js";
+import { Calendar as te } from "../../data-display/calendar/calendar.js";
 import { Tooltip as x, TooltipTrigger as R, TooltipContent as D } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as re } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as te } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ne } from "./fiscal-pass-through.js";
-import { DatePickerShell as oe } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as ae, usePickerFooterDismissNudge as ie, handleReadonlyPickerKeyDown as ce, handlePickerSurfacePointerDown as se } from "./date-input-behavior.js";
-import { formatYearInput as le } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromYear as pe } from "../../data-display/calendar/calendar-year-utils.js";
-const fe = t.forwardRef(
+import { useImpactNovaI18n as ne } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as oe } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as ae } from "./fiscal-pass-through.js";
+import { DatePickerShell as ie } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as ce, usePickerFooterDismissNudge as se, handleReadonlyPickerKeyDown as le, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
+import { formatYearInput as fe } from "../../data-display/calendar/calendar-fiscal-labels.js";
+import { viewMonthFromYear as de } from "../../data-display/calendar/calendar-year-utils.js";
+const me = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -30,30 +30,34 @@ const fe = t.forwardRef(
     fiscalMonthPattern: M,
     fiscalYearStartMonth: K,
     fiscalConfig: k,
-    showPresets: j,
-    showPeriodBoundaries: F,
-    showIntervalCaption: L = !1,
-    ...z
-  }, E) => {
-    const { t: a } = re(), H = Y ?? a("datePicker.selectYear"), m = t.useRef(null), P = t.useRef(null);
-    t.useImperativeHandle(E, () => m.current);
-    const [i, c] = t.useState(!1), u = t.useRef(!1), g = ae(), { footerFlashKey: V, footerFlashTarget: B, popoverHandlers: q } = ie(s, i, g, P), [C, l] = t.useState(n), [G, J] = t.useState(pe(n));
+    weekStartsOn: j,
+    showPresets: F,
+    showPeriodBoundaries: L,
+    autoNavigateToAvailable: z,
+    showIntervalCaption: E = !1,
+    ...H
+  }, V) => {
+    const { t: a } = ne(), B = Y ?? a("datePicker.selectYear"), m = t.useRef(null), P = t.useRef(null);
+    t.useImperativeHandle(V, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), g = ce(), { footerFlashKey: q, footerFlashTarget: G, popoverHandlers: J } = se(s, i, g, P), [C, l] = t.useState(n), [Q, U] = t.useState(de(n));
     t.useEffect(() => {
       i || l(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), Q = ne({
+    const p = t.useCallback(() => c(!1), []), W = ae({
       calendarKind: O,
       fiscalMode: T,
       granularity: w,
       fiscalMonthPattern: M,
       fiscalYearStartMonth: K,
       fiscalConfig: k,
-      showPresets: j,
-      showPeriodBoundaries: F
-    }), U = (e) => {
+      weekStartsOn: j,
+      showPresets: F,
+      showPeriodBoundaries: L,
+      autoNavigateToAvailable: z
+    }), X = (e) => {
       const f = e && !Array.isArray(e) && !("from" in e) && !("to" in e) ? e : void 0;
       l(f), s || (d?.(f), p());
-    }, W = () => {
+    }, Z = () => {
       d?.(C), p();
     }, h = () => {
       l(n), p();
@@ -63,7 +67,7 @@ const fe = t.forwardRef(
     return t.useLayoutEffect(() => {
       g.current = { onDismiss: h, resolveFlash: () => "cancel" };
     }), /* @__PURE__ */ r(
-      oe,
+      ie,
       {
         open: i,
         disabled: o,
@@ -74,26 +78,26 @@ const fe = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: q,
+        popoverHandlers: J,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: P,
             "data-component": "year-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => se({
+            onPointerDown: (e) => pe({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              $,
+              re,
               {
                 ref: m,
-                value: n ? le(n, k?.fyLabel ?? "fy-long") : "",
+                value: n ? fe(n, k?.fyLabel ?? "fy-long") : "",
                 readOnly: !0,
-                onKeyDown: (e) => ce(e, {
+                onKeyDown: (e) => le(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -103,10 +107,10 @@ const fe = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: H,
+                placeholder: B,
                 disabled: o,
                 "data-form-control": "input",
-                className: _("cursor-pointer", I),
+                className: ee("cursor-pointer", I),
                 suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
                   n && !o ? /* @__PURE__ */ y(x, { children: [
                     /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ r(
@@ -119,7 +123,7 @@ const fe = t.forwardRef(
                           e.stopPropagation(), b();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(X, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(_, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -136,43 +140,43 @@ const fe = t.forwardRef(
                           e.stopPropagation(), o || c((f) => !f);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Z, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r($, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a("datePicker.selectYear") })
                   ] })
                 ] }),
-                ...z
+                ...H
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          ee,
+          te,
           {
             pickerType: "year",
             selectedYear: C,
-            footerFlashKey: V,
-            footerFlashTarget: B,
-            onYearSelect: U,
-            month: G,
-            onMonthChange: J,
-            disabled: te(v, N),
+            footerFlashKey: q,
+            footerFlashTarget: G,
+            onYearSelect: X,
+            month: Q,
+            onMonthChange: U,
+            disabled: oe(v, N),
             startMonth: S,
             endMonth: A,
             showFooter: s,
-            onApply: W,
+            onApply: Z,
             onCancel: h,
             onClear: b,
-            showIntervalCaption: L,
-            ...Q
+            showIntervalCaption: E,
+            ...W
           }
         )
       }
     );
   }
 );
-fe.displayName = "YearPicker";
+me.displayName = "YearPicker";
 export {
-  fe as YearPicker
+  me as YearPicker
 };

package/dist/components/forms/date-picker/year-range-picker.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import * as t from "react";
-import { Cross as _, CalendarMonth as ee } from "impact-nova-icons";
-import { cn as re } from "../../../lib/utils.js";
-import { Input as te } from "../input/input.js";
-import { Calendar as ne } from "../../data-display/calendar/calendar.js";
+import { Cross as re, CalendarMonth as te } from "impact-nova-icons";
+import { cn as ne } from "../../../lib/utils.js";
+import { Input as oe } from "../input/input.js";
+import { Calendar as ae } from "../../data-display/calendar/calendar.js";
 import { Tooltip as x, TooltipTrigger as D, TooltipContent as Y } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as oe } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as ae } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ie } from "./fiscal-pass-through.js";
-import { DatePickerShell as ce } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as se, usePickerFooterDismissNudge as le, handleReadonlyPickerKeyDown as fe, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
+import { useImpactNovaI18n as ie } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as ce } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as se } from "./fiscal-pass-through.js";
+import { DatePickerShell as le } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as fe, usePickerFooterDismissNudge as pe, handleReadonlyPickerKeyDown as de, handlePickerSurfacePointerDown as me } from "./date-input-behavior.js";
 import { formatYearInput as N } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromYear as de } from "../../data-display/calendar/calendar-year-utils.js";
-const me = t.forwardRef(
+import { viewMonthFromYear as ue } from "../../data-display/calendar/calendar-year-utils.js";
+const he = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -30,30 +30,34 @@ const me = t.forwardRef(
     fiscalMonthPattern: j,
     fiscalYearStartMonth: F,
     fiscalConfig: y,
-    showPresets: L,
-    showPeriodBoundaries: $,
-    showIntervalCaption: z = !1,
-    ...E
-  }, H) => {
-    const { t: a } = oe(), V = S ?? a("datePicker.selectYearRange"), k = y?.fyLabel ?? "fy-long", m = t.useRef(null), P = t.useRef(null);
-    t.useImperativeHandle(H, () => m.current);
-    const [i, c] = t.useState(!1), u = t.useRef(!1), R = se(), { footerFlashKey: B, footerFlashTarget: q, popoverHandlers: G } = le(l, i, R, P), [C, f] = t.useState(n), [J, Q] = t.useState(de(n?.from));
+    weekStartsOn: L,
+    showPresets: $,
+    showPeriodBoundaries: z,
+    autoNavigateToAvailable: E,
+    showIntervalCaption: H = !1,
+    ...V
+  }, B) => {
+    const { t: a } = ie(), q = S ?? a("datePicker.selectYearRange"), k = y?.fyLabel ?? "fy-long", m = t.useRef(null), P = t.useRef(null);
+    t.useImperativeHandle(B, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), R = fe(), { footerFlashKey: G, footerFlashTarget: J, popoverHandlers: Q } = pe(l, i, R, P), [C, f] = t.useState(n), [U, W] = t.useState(ue(n?.from));
     t.useEffect(() => {
       i || f(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), U = ie({
+    const p = t.useCallback(() => c(!1), []), X = se({
       calendarKind: T,
       fiscalMode: w,
       granularity: K,
       fiscalMonthPattern: j,
       fiscalYearStartMonth: F,
       fiscalConfig: y,
-      showPresets: L,
-      showPeriodBoundaries: $
-    }), W = (e) => {
+      weekStartsOn: L,
+      showPresets: $,
+      showPeriodBoundaries: z,
+      autoNavigateToAvailable: E
+    }), Z = (e) => {
       const s = e && !Array.isArray(e) && ("from" in e || "to" in e) ? e : void 0;
       f(s), l || (d?.(s), s?.to && p());
-    }, X = () => {
+    }, _ = () => {
       d?.(C), p();
     }, h = () => {
       f(n), p();
@@ -63,9 +67,9 @@ const me = t.forwardRef(
     t.useLayoutEffect(() => {
       R.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const Z = n?.from ? `${N(n.from, k)}${n.to ? ` – ${N(n.to, k)}` : ""}` : "";
+    const ee = n?.from ? `${N(n.from, k)}${n.to ? ` – ${N(n.to, k)}` : ""}` : "";
     return /* @__PURE__ */ r(
-      ce,
+      le,
       {
         open: i,
         disabled: o,
@@ -76,26 +80,26 @@ const me = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: G,
+        popoverHandlers: Q,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: P,
             "data-component": "year-range-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => pe({
+            onPointerDown: (e) => me({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              te,
+              oe,
               {
                 ref: m,
-                value: Z,
+                value: ee,
                 readOnly: !0,
-                onKeyDown: (e) => fe(e, {
+                onKeyDown: (e) => de(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -105,10 +109,10 @@ const me = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: V,
+                placeholder: q,
                 disabled: o,
                 "data-form-control": "input",
-                className: re("cursor-pointer", O),
+                className: ne("cursor-pointer", O),
                 suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
                   n?.from && !o ? /* @__PURE__ */ g(x, { children: [
                     /* @__PURE__ */ r(D, { asChild: !0, children: /* @__PURE__ */ r(
@@ -121,7 +125,7 @@ const me = t.forwardRef(
                           e.stopPropagation(), b();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(_, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(re, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -138,44 +142,44 @@ const me = t.forwardRef(
                           e.stopPropagation(), o || c((s) => !s);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(ee, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(te, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("datePicker.selectYearRange") })
                   ] })
                 ] }),
-                ...E
+                ...V
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          ne,
+          ae,
           {
             pickerType: "year",
             yearMode: "range",
             selectedYear: C,
-            footerFlashKey: B,
-            footerFlashTarget: q,
-            onYearSelect: W,
-            month: J,
-            onMonthChange: Q,
-            disabled: ae(v, A),
+            footerFlashKey: G,
+            footerFlashTarget: J,
+            onYearSelect: Z,
+            month: U,
+            onMonthChange: W,
+            disabled: ce(v, A),
             startMonth: I,
             endMonth: M,
             showFooter: l,
-            onApply: X,
+            onApply: _,
             onCancel: h,
             onClear: b,
-            showIntervalCaption: z,
-            ...U
+            showIntervalCaption: H,
+            ...X
           }
         )
       }
     );
   }
 );
-me.displayName = "YearRangePicker";
+he.displayName = "YearRangePicker";
 export {
-  me as YearRangePicker
+  he as YearRangePicker
 };

package/dist/form-react/Fields/DateInputField.js

@@ -1,98 +1,98 @@
-import { jsx as F, jsxs as M } from "react/jsx-runtime";
-import { useMemo as I, useRef as K, useEffect as Y } from "react";
-import { useWatch as W, Controller as k } from "react-hook-form";
+import { jsx as x, jsxs as N } from "react/jsx-runtime";
+import { useMemo as F, useRef as K, useEffect as Y } from "react";
+import { useWatch as S, Controller as k } from "react-hook-form";
 import { DatePicker as q } from "../../components/forms/date-picker/date-picker.js";
 import { getEffectiveMinOffsetDaysFromToday as O } from "../utils/formDate.utils.js";
-import { startOfDayDate as v, addDaysDate as y, handleDateFnsFormat as L } from "../utils/date.utils.js";
+import { startOfDayDate as I, addDaysDate as A, handleDateFnsFormat as L } from "../utils/date.utils.js";
 import { parseYmdString as f, formatYmd as $ } from "../utils/calendar-boundary.js";
-const b = "__dateInputPairedSentinel__", H = ({
+const M = "__dateInputPairedSentinel__", H = ({
   field: n,
-  validationRules: N,
+  validationRules: W,
   isDisabled: u,
   formHelpers: h
 }) => {
-  const m = n.fieldType === "date", e = m ? n : null, g = h.form.control, A = h.form.trigger, P = h.getValues, s = I(() => e?.dateAfterFieldId ? Array.isArray(e.dateAfterFieldId) ? e.dateAfterFieldId : [e.dateAfterFieldId] : [], [e]), i = I(() => e?.dateBeforeFieldId ? Array.isArray(e.dateBeforeFieldId) ? e.dateBeforeFieldId : [e.dateBeforeFieldId] : [], [e]), B = s.length > 0 ? s : [b], p = W({
+  const m = n.fieldType === "date", e = m ? n : null, g = h.form.control, y = h.form.trigger, T = h.getValues, i = F(() => e?.dateAfterFieldId ? Array.isArray(e.dateAfterFieldId) ? e.dateAfterFieldId : [e.dateAfterFieldId] : [], [e]), s = F(() => e?.dateBeforeFieldId ? Array.isArray(e.dateBeforeFieldId) ? e.dateBeforeFieldId : [e.dateBeforeFieldId] : [], [e]), B = i.length > 0 ? i : [M], p = S({
     control: g,
     name: B,
-    disabled: !m || s.length === 0
-  }), E = i.length > 0 ? i : [b], D = W({
+    disabled: !m || i.length === 0
+  }), E = s.length > 0 ? s : [M], D = S({
     control: g,
     name: E,
-    disabled: !m || i.length === 0
-  }), T = s.length > 0 || i.length > 0, w = K(!0), _ = s.length > 0 ? p.join("|") : "", C = i.length > 0 ? D.join("|") : "";
+    disabled: !m || s.length === 0
+  }), P = i.length > 0 || s.length > 0, b = K(!0), _ = i.length > 0 ? p.join("|") : "", C = s.length > 0 ? D.join("|") : "";
   Y(() => {
-    if (!e || !T) return;
-    if (w.current) {
-      w.current = !1;
+    if (!e || !P) return;
+    if (b.current) {
+      b.current = !1;
       return;
     }
-    const r = P()[e.id];
-    r != null && String(r).trim() !== "" && A(e.id);
+    const a = T()[e.id];
+    a != null && String(a).trim() !== "" && y(e.id);
   }, [
     _,
     C,
     e,
-    P,
     T,
-    A
+    P,
+    y
   ]);
-  const { minDate: R, maxDate: V } = I(() => {
+  const { minDate: R, maxDate: V } = F(() => {
     if (!e)
       return {
         minDate: void 0,
         maxDate: void 0
       };
-    const r = [], l = O(e);
-    if (l != null && l >= 0 && r.push(v(y(/* @__PURE__ */ new Date(), l))), e.minDate) {
+    const a = [], l = O(e);
+    if (l != null && l >= 0 && a.push(I(A(/* @__PURE__ */ new Date(), l))), e.minDate) {
       const t = f(e.minDate);
-      t && r.push(t);
+      t && a.push(t);
     }
-    if (s.length > 0) {
-      const t = s.length > 0 ? p : [];
-      for (const a of t) {
-        if (!a) continue;
-        const c = f(String(a));
+    if (i.length > 0) {
+      const t = i.length > 0 ? p : [];
+      for (const r of t) {
+        if (!r) continue;
+        const c = f(String(r));
         if (c) {
-          const x = e.dateAfterFieldIdInclusive ? 0 : 1;
-          r.push(v(y(c, x)));
+          const v = e.dateAfterFieldIdInclusive ? 0 : 1;
+          a.push(I(A(c, v)));
         }
       }
     }
     let d;
-    r.length > 0 && (d = r.reduce(
-      (t, a) => t.getTime() >= a.getTime() ? t : a
+    a.length > 0 && (d = a.reduce(
+      (t, r) => t.getTime() >= r.getTime() ? t : r
     ));
     let o;
     if (e.maxDate) {
       const t = f(e.maxDate);
       t && (o = t);
     }
-    if (i.length > 0) {
-      const t = i.length > 0 ? D : [];
-      for (const a of t) {
-        if (!a) continue;
-        const c = f(String(a));
+    if (s.length > 0) {
+      const t = s.length > 0 ? D : [];
+      for (const r of t) {
+        if (!r) continue;
+        const c = f(String(r));
         if (c) {
-          const x = e.dateBeforeFieldIdInclusive ? 0 : -1, S = v(y(c, x));
-          o = o == null || S.getTime() < o.getTime() ? S : o;
+          const v = e.dateBeforeFieldIdInclusive ? 0 : -1, w = I(A(c, v));
+          o = o == null || w.getTime() < o.getTime() ? w : o;
         }
       }
     }
     return { minDate: d, maxDate: o };
-  }, [e, s, i, p, D]);
+  }, [e, i, s, p, D]);
   if (!m || !e) return null;
   const j = L(e.dateFormat);
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ x(
     k,
     {
       name: n.id,
       control: g,
       disabled: u,
-      rules: N,
-      render: ({ field: r, fieldState: l }) => {
-        const d = !!l.error, o = r.value, t = o ? f(String(o)) : void 0;
-        return /* @__PURE__ */ M("div", { className: "flex w-full min-w-0 flex-col gap-[6px]", children: [
-          /* @__PURE__ */ M(
+      rules: W,
+      render: ({ field: a, fieldState: l }) => {
+        const d = !!l.error, o = a.value, t = o ? f(String(o)) : void 0;
+        return /* @__PURE__ */ N("div", { className: "flex w-full min-w-0 flex-col gap-[6px]", children: [
+          /* @__PURE__ */ N(
             "label",
             {
               htmlFor: n.id,
@@ -100,11 +100,11 @@ const b = "__dateInputPairedSentinel__", H = ({
               children: [
                 n.label,
                 " ",
-                n.isRequired ? /* @__PURE__ */ F("span", { className: "text-[red]", children: "*" }) : null
+                n.isRequired ? /* @__PURE__ */ x("span", { className: "text-[red]", children: "*" }) : null
               ]
             }
           ),
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ x(
             q,
             {
               id: n.id,
@@ -113,8 +113,8 @@ const b = "__dateInputPairedSentinel__", H = ({
               minDate: R,
               maxDate: V,
               value: t,
-              onChange: (a) => {
-                r.onChange(a ? $(a) : "");
+              onChange: (r) => {
+                a.onChange(r ? $(r) : "");
               },
               placeholder: n.placeholder,
               required: n.isRequired,
@@ -126,7 +126,8 @@ const b = "__dateInputPairedSentinel__", H = ({
               fiscalMode: e.fiscalMode,
               fiscalYearStartMonth: e.fiscalYearStartMonth,
               fiscalMonthPattern: e.fiscalMonthPattern,
-              showPresets: e.showPresets
+              showPresets: e.showPresets,
+              autoNavigateToAvailable: e.autoNavigateToAvailable
             }
           )
         ] });

package/dist/form-react/Fields/DateRangeField.js

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { Controller as S } from "react-hook-form";
-import { DateRangePicker as g } from "../../components/forms/date-picker/date-range-picker.js";
+import { Controller as g } from "react-hook-form";
+import { DateRangePicker as v } from "../../components/forms/date-picker/date-range-picker.js";
 import { toLocalDate as a } from "../utils/calendar-boundary.js";
-import { handleMinMaxProp as D } from "../utils/date.utils.js";
-const Y = ({
+import { handleMinMaxProp as S } from "../utils/date.utils.js";
+const T = ({
   field: r,
   validationRules: h,
   isDisabled: l,
@@ -12,18 +12,18 @@ const Y = ({
 }) => {
   const t = r.fieldType === "date_range" ? r : null;
   if (!t) return null;
-  const c = s.form.control, { minDate: m, maxDate: u } = D(t);
+  const c = s.form.control, { minDate: m, maxDate: u } = S(t);
   return /* @__PURE__ */ n(
-    S,
+    g,
     {
       name: r.id,
       control: c,
       disabled: l,
       rules: h,
-      render: ({ field: p, fieldState: d }) => {
-        const i = !!d.error, e = p.value;
+      render: ({ field: p, fieldState: i }) => {
+        const d = !!i.error, e = p.value;
         return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          g,
+          v,
           {
             label: r.label,
             minDate: m,
@@ -43,14 +43,15 @@ const Y = ({
             placeholder: r.placeholder,
             required: r.isRequired,
             disabled: l,
-            error: i,
-            helperText: i ? d.error?.message : r.helpText,
+            error: d,
+            helperText: d ? i.error?.message : r.helpText,
             showFooter: !0,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             fiscalYearStartMonth: t.fiscalYearStartMonth,
             fiscalMonthPattern: t.fiscalMonthPattern,
-            showPresets: t.showPresets
+            showPresets: t.showPresets,
+            autoNavigateToAvailable: t.autoNavigateToAvailable
           }
         ) });
       }
@@ -58,5 +59,5 @@ const Y = ({
   );
 };
 export {
-  Y as DateRangeField
+  T as DateRangeField
 };