impact-nova 2.5.7 → 2.5.8

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

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

package/dist/components/forms/date-picker/year-range-picker.d.ts

@@ -0,0 +1,3 @@
+import { YearRangePickerProps } from './date-picker.types';
+import * as React from "react";
+export declare const YearRangePicker: React.ForwardRefExoticComponent<YearRangePickerProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,179 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import * as t from "react";
+import { Cross as Z, 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 D, TooltipContent as Y } from "../../feedback/tooltip/tooltip.js";
+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 fe } from "./date-input-behavior.js";
+import { formatYearInput as N } from "../../data-display/calendar/calendar-fiscal-labels.js";
+import { viewMonthFromYear as pe } from "../../data-display/calendar/calendar-year-utils.js";
+const de = t.forwardRef(
+  ({
+    value: n,
+    onChange: d,
+    placeholder: S,
+    minDate: v,
+    maxDate: A,
+    startMonth: I,
+    endMonth: M,
+    showFooter: l = !0,
+    disabled: o,
+    className: O,
+    calendarKind: T,
+    fiscalMode: w,
+    granularity: K,
+    fiscalMonthPattern: j,
+    fiscalYearStartMonth: F,
+    fiscalConfig: y,
+    showPresets: L,
+    showIntervalCaption: $ = !1,
+    ...z
+  }, E) => {
+    const { t: a } = ne(), H = S ?? a("datePicker.selectYearRange"), k = y?.fyLabel ?? "fy-long", m = t.useRef(null), P = t.useRef(null);
+    t.useImperativeHandle(E, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), R = ce(), { footerFlashKey: V, footerFlashTarget: B, popoverHandlers: q } = se(l, i, R, P), [C, f] = t.useState(n), [G, J] = t.useState(pe(n?.from));
+    t.useEffect(() => {
+      i || f(n);
+    }, [i, n]);
+    const p = t.useCallback(() => c(!1), []), Q = ae({
+      calendarKind: T,
+      fiscalMode: w,
+      granularity: K,
+      fiscalMonthPattern: j,
+      fiscalYearStartMonth: F,
+      fiscalConfig: y,
+      showPresets: L
+    }), U = (e) => {
+      const s = e && !Array.isArray(e) && ("from" in e || "to" in e) ? e : void 0;
+      f(s), l || (d?.(s), s?.to && p());
+    }, W = () => {
+      d?.(C), p();
+    }, h = () => {
+      f(n), p();
+    }, b = () => {
+      f(void 0), d?.(void 0), l || p();
+    };
+    t.useLayoutEffect(() => {
+      R.current = { onDismiss: h, resolveFlash: () => "cancel" };
+    });
+    const X = n?.from ? `${N(n.from, k)}${n.to ? ` – ${N(n.to, k)}` : ""}` : "";
+    return /* @__PURE__ */ r(
+      ie,
+      {
+        open: i,
+        disabled: o,
+        ariaLabel: a("datePicker.selectYearRange"),
+        onOpenChange: (e) => {
+          o || c(e);
+        },
+        onOpenAutoFocus: (e) => {
+          u.current || e.preventDefault(), u.current = !1;
+        },
+        popoverHandlers: q,
+        trigger: /* @__PURE__ */ r(
+          "div",
+          {
+            ref: P,
+            "data-component": "year-range-picker",
+            "data-state": i ? "open" : "closed",
+            onPointerDown: (e) => fe({
+              disabled: o,
+              event: e,
+              onOpen: () => c(!0),
+              focusField: () => m.current?.focus()
+            }),
+            children: /* @__PURE__ */ r(
+              re,
+              {
+                ref: m,
+                value: X,
+                readOnly: !0,
+                onKeyDown: (e) => le(e, {
+                  disabled: o,
+                  open: i,
+                  onOpen: () => c(!0),
+                  onCancel: h,
+                  onKeyboardOpen: () => {
+                    u.current = !0;
+                  }
+                }),
+                onClick: () => !o && c(!0),
+                placeholder: H,
+                disabled: o,
+                "data-form-control": "input",
+                className: ee("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(
+                      "button",
+                      {
+                        type: "button",
+                        tabIndex: 0,
+                        "aria-label": a("calendar.clear"),
+                        onClick: (e) => {
+                          e.stopPropagation(), b();
+                        },
+                        className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
+                        children: /* @__PURE__ */ r(Z, { className: "size-3 hover:text-content" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("calendar.clear") })
+                  ] }) : null,
+                  /* @__PURE__ */ g(x, { children: [
+                    /* @__PURE__ */ r(D, { asChild: !0, children: /* @__PURE__ */ r(
+                      "button",
+                      {
+                        type: "button",
+                        tabIndex: 0,
+                        "data-component": "calendar-trigger",
+                        "aria-label": a("datePicker.selectYearRange"),
+                        onClick: (e) => {
+                          e.stopPropagation(), o || c((s) => !s);
+                        },
+                        className: "inline-flex items-center justify-center border-none bg-transparent p-0",
+                        children: /* @__PURE__ */ r(_, { className: "h-4 w-4 text-secondary-foreground" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("datePicker.selectYearRange") })
+                  ] })
+                ] }),
+                ...z
+              }
+            )
+          }
+        ),
+        children: /* @__PURE__ */ r(
+          te,
+          {
+            pickerType: "year",
+            yearMode: "range",
+            selectedYear: C,
+            footerFlashKey: V,
+            footerFlashTarget: B,
+            onYearSelect: U,
+            month: G,
+            onMonthChange: J,
+            disabled: oe(v, A),
+            startMonth: I,
+            endMonth: M,
+            showFooter: l,
+            onApply: W,
+            onCancel: h,
+            onClear: b,
+            showIntervalCaption: $,
+            ...Q
+          }
+        )
+      }
+    );
+  }
+);
+de.displayName = "YearRangePicker";
+export {
+  de as YearRangePicker
+};

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

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

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

@@ -1,51 +1,56 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { Controller as M } from "react-hook-form";
-import { DateRangePicker as S } from "../../components/forms/date-picker/date-range-picker.js";
-import { toLocalDate as n } from "../utils/calendar-boundary.js";
-import { handleMinMaxProp as v } from "../utils/date.utils.js";
-const T = ({
-  field: t,
-  validationRules: i,
+import { Controller as S } from "react-hook-form";
+import { DateRangePicker as g } 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 = ({
+  field: r,
+  validationRules: h,
   isDisabled: l,
-  formHelpers: d
+  formHelpers: s
 }) => {
-  const r = t.fieldType === "date_range" ? t : null;
-  if (!r) return null;
-  const m = d.form.control, { minDate: c, maxDate: u } = v(r);
-  return /* @__PURE__ */ a(
-    M,
+  const t = r.fieldType === "date_range" ? r : null;
+  if (!t) return null;
+  const c = s.form.control, { minDate: m, maxDate: u } = D(t);
+  return /* @__PURE__ */ n(
+    S,
     {
-      name: t.id,
-      control: m,
+      name: r.id,
+      control: c,
       disabled: l,
-      rules: i,
-      render: ({ field: p, fieldState: s }) => {
-        const h = !!s.error, e = p.value;
-        return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-          S,
+      rules: h,
+      render: ({ field: p, fieldState: d }) => {
+        const i = !!d.error, e = p.value;
+        return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+          g,
           {
-            label: t.label,
-            minDate: c,
+            label: r.label,
+            minDate: m,
             maxDate: u,
-            startMonth: r.startMonth ? n(r.startMonth) : void 0,
-            endMonth: r.endMonth ? n(r.endMonth) : void 0,
+            startMonth: t.startMonth ? a(t.startMonth) : void 0,
+            endMonth: t.endMonth ? a(t.endMonth) : void 0,
             value: {
-              from: e?.start ? n(e.start) : void 0,
-              to: e?.end ? n(e.end) : void 0
+              from: e?.start ? a(e.start) : void 0,
+              to: e?.end ? a(e.end) : void 0
             },
             onChange: (o) => {
-              const g = o?.from ? `${o.from.getFullYear()}-${String(o.from.getMonth() + 1).padStart(2, "0")}-${String(o.from.getDate()).padStart(2, "0")}` : null, D = o?.to ? `${o.to.getFullYear()}-${String(o.to.getMonth() + 1).padStart(2, "0")}-${String(o.to.getDate()).padStart(2, "0")}` : null;
-              d.setValue(t.id, { start: g, end: D });
+              const M = o?.from ? `${o.from.getFullYear()}-${String(o.from.getMonth() + 1).padStart(2, "0")}-${String(o.from.getDate()).padStart(2, "0")}` : null, f = o?.to ? `${o.to.getFullYear()}-${String(o.to.getMonth() + 1).padStart(2, "0")}-${String(o.to.getDate()).padStart(2, "0")}` : null;
+              s.setValue(r.id, { start: M, end: f });
             },
-            startPlaceholder: r.startPlaceholder || "Start Date",
-            endPlaceholder: r.endPlaceholder || "End Date",
-            placeholder: t.placeholder,
-            required: t.isRequired,
+            startPlaceholder: t.startPlaceholder || "Start Date",
+            endPlaceholder: t.endPlaceholder || "End Date",
+            placeholder: r.placeholder,
+            required: r.isRequired,
             disabled: l,
-            error: h,
-            helperText: h ? s.error?.message : t.helpText,
-            showFooter: !0
+            error: i,
+            helperText: i ? d.error?.message : r.helpText,
+            showFooter: !0,
+            calendarKind: t.calendarKind,
+            fiscalMode: t.fiscalMode,
+            fiscalYearStartMonth: t.fiscalYearStartMonth,
+            fiscalMonthPattern: t.fiscalMonthPattern,
+            showPresets: t.showPresets
           }
         ) });
       }
@@ -53,5 +58,5 @@ const T = ({
   );
 };
 export {
-  T as DateRangeField
+  Y as DateRangeField
 };