impact-nova 2.5.13 → 2.5.14

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

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

@@ -1,37 +1,37 @@
 import { jsx as u } from "react/jsx-runtime";
-import { Controller as F } from "react-hook-form";
-import { MonthRangePicker as v } from "../../components/forms/date-picker/month-range-picker.js";
-import { getFieldTestId as P } from "../utils/fieldTestIds.js";
+import { Controller as x } from "react-hook-form";
+import { MonthRangePicker as F } from "../../components/forms/date-picker/month-range-picker.js";
+import { getFieldTestId as T } from "../utils/fieldTestIds.js";
 import { toLocalDate as o } from "../utils/calendar-boundary.js";
-const w = (r) => {
-  if (r.includes("/")) {
-    const [a, d] = r.split("/");
-    return { year: parseInt(d, 10), month: parseInt(a, 10) - 1 };
+const w = (a) => {
+  if (a.includes("/")) {
+    const [r, i] = a.split("/");
+    return { year: parseInt(i, 10), month: parseInt(r, 10) - 1 };
   }
-  const [s, l] = r.split("-");
+  const [s, l] = a.split("-");
   return { year: parseInt(s, 10), month: parseInt(l, 10) - 1 };
 }, O = ({
-  field: r,
+  field: a,
   validationRules: s,
   isDisabled: l,
-  formHelpers: a
+  formHelpers: r
 }) => {
-  const d = a.form.control, t = r.fieldType === "month_range" ? r : null;
+  const i = r.form.control, t = a.fieldType === "month_range" ? a : null;
   if (!t) return null;
   const y = t.displayFormat || "MM/YYYY", c = t.minMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - t.minMonthsOffset, 1) : t.disablePastMonths ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1) : o(t.minDate), h = t.maxMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + t.maxMonthsOffset, 1) : o(t.maxDate);
   return /* @__PURE__ */ u(
-    F,
+    x,
     {
-      name: r.id,
-      control: d,
+      name: a.id,
+      control: i,
       defaultValue: t.defaultRange ? { start: t.defaultRange.start || null, end: t.defaultRange.end || null } : void 0,
       rules: s,
-      render: ({ field: i, fieldState: M }) => {
-        const f = !!M.error, n = i.value, p = n?.start ? w(n.start) : null, m = n?.end ? w(n.end) : null, Y = p && m;
-        return /* @__PURE__ */ u("div", { "data-testid": P(r.id), children: /* @__PURE__ */ u(
-          v,
+      render: ({ field: d, fieldState: M }) => {
+        const f = !!M.error, n = d.value, p = n?.start ? w(n.start) : null, m = n?.end ? w(n.end) : null, Y = p && m;
+        return /* @__PURE__ */ u("div", { "data-testid": T(a.id), children: /* @__PURE__ */ u(
+          F,
           {
-            label: r.label,
+            label: a.label,
             displayFormat: y,
             ...Y && {
               value: {
@@ -41,31 +41,32 @@ const w = (r) => {
             },
             onChange: (e) => {
               if (!e?.from || !e?.to) {
-                const g = { start: null, end: null };
-                i.onChange(g), a.setValue(r.id, g);
+                const S = { start: null, end: null };
+                d.onChange(S), r.setValue(a.id, S);
                 return;
               }
-              const $ = e.from.start ? `${e.from.start.getFullYear()}-${String(e.from.start.getMonth() + 1).padStart(2, "0")}-${String(e.from.start.getDate()).padStart(2, "0")}` : `${e.from.year}-${String(e.from.month + 1).padStart(2, "0")}-01`, D = e.to.end ? e.to.end.getDate() : new Date(e.to.year, e.to.month + 1, 0).getDate(), x = e.to.end ? `${e.to.end.getFullYear()}-${String(e.to.end.getMonth() + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}` : `${e.to.year}-${String(e.to.month + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}`, S = {
+              const $ = e.from.start ? `${e.from.start.getFullYear()}-${String(e.from.start.getMonth() + 1).padStart(2, "0")}-${String(e.from.start.getDate()).padStart(2, "0")}` : `${e.from.year}-${String(e.from.month + 1).padStart(2, "0")}-01`, D = e.to.end ? e.to.end.getDate() : new Date(e.to.year, e.to.month + 1, 0).getDate(), v = e.to.end ? `${e.to.end.getFullYear()}-${String(e.to.end.getMonth() + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}` : `${e.to.year}-${String(e.to.month + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}`, g = {
                 start: $,
-                end: x
+                end: v
               };
-              i.onChange(S), a.setValue(r.id, S);
+              d.onChange(g), r.setValue(a.id, g);
             },
-            placeholder: r.placeholder,
+            placeholder: a.placeholder,
             minDate: c,
             maxDate: h,
             startMonth: c || o(t.startMonth),
             endMonth: h || o(t.endMonth),
-            required: r.isRequired,
+            required: a.isRequired,
             disabled: l,
             error: f,
-            helperText: f ? M.error?.message : r.helpText,
+            helperText: f ? M.error?.message : a.helpText,
             showFooter: !0,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             fiscalYearStartMonth: t.fiscalYearStartMonth,
             fiscalMonthPattern: t.fiscalMonthPattern,
-            showPresets: t.showPresets
+            showPresets: t.showPresets,
+            autoNavigateToAvailable: t.autoNavigateToAvailable
           }
         ) });
       }

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

@@ -3,38 +3,39 @@ import { Controller as d } from "react-hook-form";
 import { MultiMonthPicker as p } from "../../components/forms/date-picker/multi-month-picker.js";
 import { getFieldTestId as M } from "../utils/fieldTestIds.js";
 import { toLocalDate as t } from "../utils/calendar-boundary.js";
-const b = ({
+const D = ({
   field: r,
   validationRules: m,
-  isDisabled: h,
-  formHelpers: s
+  isDisabled: u,
+  formHelpers: h
 }) => {
-  const u = s.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
+  const s = h.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
   return e ? /* @__PURE__ */ o(
     d,
     {
       name: r.id,
-      control: u,
+      control: s,
       rules: m,
-      render: ({ field: n, fieldState: a }) => {
-        const l = !!a.error, i = n.value;
+      render: ({ field: a, fieldState: n }) => {
+        const l = !!n.error, i = a.value;
         return /* @__PURE__ */ o("div", { "data-testid": M(r.id), children: /* @__PURE__ */ o(
           p,
           {
             label: r.label,
             value: Array.isArray(i) ? i : void 0,
             onChange: (c) => {
-              n.onChange(c ?? []);
+              a.onChange(c ?? []);
             },
             placeholder: r.placeholder,
             required: r.isRequired,
-            disabled: h,
+            disabled: u,
             error: l,
-            helperText: l ? a.error?.message : r.helpText,
+            helperText: l ? n.error?.message : r.helpText,
             minDate: t(e.minDate),
             maxDate: t(e.maxDate),
             startMonth: t(e.startMonth),
-            endMonth: t(e.endMonth)
+            endMonth: t(e.endMonth),
+            autoNavigateToAvailable: e.autoNavigateToAvailable
           }
         ) });
       }
@@ -42,5 +43,5 @@ const b = ({
   ) : null;
 };
 export {
-  b as MultiMonthPickerField
+  D as MultiMonthPickerField
 };

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

@@ -1,41 +1,49 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Controller as p } from "react-hook-form";
-import { MultiWeekPicker as h } from "../../components/forms/date-picker/multi-week-picker.js";
-import { getFieldTestId as k } from "../utils/fieldTestIds.js";
-import { toLocalDate as i } from "../utils/calendar-boundary.js";
-const M = ({
+import { jsx as a } from "react/jsx-runtime";
+import { Controller as h } from "react-hook-form";
+import { MultiWeekPicker as p } from "../../components/forms/date-picker/multi-week-picker.js";
+import { fiscalCalendarPassThrough as f } from "../../components/forms/date-picker/fiscal-pass-through.js";
+import { getFieldTestId as g } from "../utils/fieldTestIds.js";
+import { toLocalDate as n } from "../utils/calendar-boundary.js";
+const x = ({
   field: e,
-  validationRules: m,
-  isDisabled: s,
+  validationRules: s,
+  isDisabled: u,
   formHelpers: c
 }) => {
   const d = c.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
-  return r ? /* @__PURE__ */ o(
-    p,
+  return r ? /* @__PURE__ */ a(
+    h,
     {
       name: e.id,
       control: d,
-      rules: m,
-      render: ({ field: t, fieldState: a }) => {
-        const l = !!a.error, n = t.value;
-        return /* @__PURE__ */ o("div", { "data-testid": k(e.id), children: /* @__PURE__ */ o(
-          h,
+      rules: s,
+      render: ({ field: t, fieldState: o }) => {
+        const i = !!o.error, l = t.value;
+        return /* @__PURE__ */ a("div", { "data-testid": g(e.id), children: /* @__PURE__ */ a(
+          p,
           {
             label: e.label,
-            value: Array.isArray(n) ? n : void 0,
-            onChange: (u) => {
-              t.onChange(u ?? []);
+            value: Array.isArray(l) ? l : void 0,
+            onChange: (m) => {
+              t.onChange(m ?? []);
             },
             placeholder: e.placeholder,
             required: e.isRequired,
-            disabled: s,
-            error: l,
-            helperText: l ? a.error?.message : e.helpText,
-            calendarKind: r.calendarKind,
-            fiscalMode: r.fiscalMode,
-            weekStartsOn: r.weekStartsOn,
-            minDate: i(r.minDate),
-            maxDate: i(r.maxDate)
+            disabled: u,
+            error: i,
+            helperText: i ? o.error?.message : e.helpText,
+            minDate: n(r.minDate),
+            maxDate: n(r.maxDate),
+            ...f({
+              calendarKind: r.calendarKind,
+              fiscalMode: r.fiscalMode,
+              granularity: r.granularity,
+              fiscalMonthPattern: r.fiscalMonthPattern,
+              fiscalYearStartMonth: r.fiscalYearStartMonth,
+              weekStartsOn: r.weekStartsOn,
+              showPeriodBoundaries: r.showPeriodBoundaries,
+              autoNavigateToAvailable: r.autoNavigateToAvailable
+            })
           }
         ) });
       }
@@ -43,5 +51,5 @@ const M = ({
   ) : null;
 };
 export {
-  M as MultiWeekPickerField
+  x as MultiWeekPickerField
 };

package/dist/form-react/Fields/MultiYearPickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface MultiYearPickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const MultiYearPickerField: FC<MultiYearPickerFieldProps>;
+export {};

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

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Controller as p } from "react-hook-form";
+import { MultiYearPicker as M } from "../../components/forms/date-picker/multi-year-picker.js";
+import { getFieldTestId as f } from "../utils/fieldTestIds.js";
+import { toLocalDate as o } from "../utils/calendar-boundary.js";
+const g = ({
+  field: r,
+  validationRules: h,
+  isDisabled: u,
+  formHelpers: n
+}) => {
+  const e = r.fieldType === "multi_year_picker" ? r : null;
+  if (!e) return null;
+  const c = n.form.control, d = e.defaultValue?.map((t) => ({ year: t }));
+  return /* @__PURE__ */ a(
+    p,
+    {
+      name: r.id,
+      control: c,
+      defaultValue: d,
+      rules: h,
+      render: ({ field: t, fieldState: l }) => {
+        const s = !!l.error, m = t.value;
+        return /* @__PURE__ */ a("div", { "data-testid": f(r.id), children: /* @__PURE__ */ a(
+          M,
+          {
+            label: r.label,
+            value: m ?? void 0,
+            onChange: (i) => {
+              t.onChange(i ?? null), n.setValue(r.id, i ?? null);
+            },
+            placeholder: r.placeholder,
+            minDate: o(e.minDate),
+            maxDate: o(e.maxDate),
+            startMonth: o(e.startMonth),
+            endMonth: o(e.endMonth),
+            required: r.isRequired,
+            disabled: u,
+            error: s,
+            helperText: s ? l.error?.message : r.helpText,
+            showFooter: e.showFooter,
+            showIntervalCaption: e.showIntervalCaption,
+            calendarKind: e.calendarKind,
+            fiscalMode: e.fiscalMode,
+            fiscalYearStartMonth: e.fiscalYearStartMonth,
+            fiscalMonthPattern: e.fiscalMonthPattern,
+            showPresets: e.showPresets,
+            ...e.componentProps
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  g as MultiYearPickerField
+};

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

@@ -1,62 +1,63 @@
 import { jsx as c } from "react/jsx-runtime";
-import { Controller as Y } from "react-hook-form";
-import { WeekRangePicker as $ } from "../../components/forms/date-picker/week-range-picker.js";
-import { toLocalDate as f } from "../utils/calendar-boundary.js";
-import { resolveWeekSelection as y } from "../../lib/fiscal-calendar/week-selection.js";
-import { resolveWeekRangeMinMax as T } from "../utils/date.utils.js";
-const S = (e, r) => y(e, {
-  calendarKind: r.calendarKind,
-  fiscalMode: r.fiscalMode ?? "basic",
-  granularity: r.granularity,
-  fiscalMonthPattern: r.fiscalMonthPattern,
-  fiscalYearStartMonth: r.fiscalYearStartMonth ?? 1,
-  weekStartsOn: r.weekStartsOn ?? 1
+import { Controller as b } from "react-hook-form";
+import { WeekRangePicker as x } from "../../components/forms/date-picker/week-range-picker.js";
+import { toLocalDate as M } from "../utils/calendar-boundary.js";
+import { resolveWeekSelection as Y } from "../../lib/fiscal-calendar/week-selection.js";
+import { resolveWeekRangeMinMax as $ } from "../utils/date.utils.js";
+const f = (e, a) => Y(e, {
+  calendarKind: a.calendarKind,
+  fiscalMode: a.fiscalMode ?? "basic",
+  granularity: a.granularity,
+  fiscalMonthPattern: a.fiscalMonthPattern,
+  fiscalYearStartMonth: a.fiscalYearStartMonth ?? 1,
+  weekStartsOn: a.weekStartsOn ?? 1
 }), C = ({
   field: e,
-  validationRules: r,
-  isDisabled: p,
+  validationRules: a,
+  isDisabled: S,
   formHelpers: d
 }) => {
   const t = e.fieldType === "week_range" ? e : null;
   if (!t) return null;
-  const { minDate: u, maxDate: m, startMonth: D, endMonth: k } = T(t), w = d.form.control;
+  const { minDate: p, maxDate: u, startMonth: D, endMonth: k } = $(t), v = d.form.control;
   return /* @__PURE__ */ c(
-    Y,
+    b,
     {
       name: e.id,
-      control: w,
-      rules: r,
-      render: ({ field: v, fieldState: h }) => {
-        const g = !!h.error, a = v.value, s = a?.start ? f(a.start) ?? null : null, i = a?.end ? f(a.end) ?? null : null, F = !!(s && i);
+      control: v,
+      rules: a,
+      render: ({ field: w, fieldState: m }) => {
+        const h = !!m.error, r = w.value, s = r?.start ? M(r.start) ?? null : null, i = r?.end ? M(r.end) ?? null : null, F = !!(s && i);
         return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
-          $,
+          x,
           {
             label: e.label,
             value: F && s && i ? {
-              from: S(s, t),
-              to: S(i, t)
+              from: f(s, t),
+              to: f(i, t)
             } : void 0,
             onChange: (o) => {
-              const M = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = M?.from?.startDate, l = M?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, x = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
-              d.setValue(e.id, { start: P, end: x });
+              const g = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = g?.from?.startDate, l = g?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, T = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
+              d.setValue(e.id, { start: P, end: T });
             },
             placeholder: t.placeholder,
-            startMonth: u ?? D,
-            endMonth: m ?? k,
+            startMonth: D,
+            endMonth: u ?? k,
             required: e.isRequired,
-            disabled: p,
-            error: g,
-            helperText: g ? h.error?.message : e.helpText,
+            disabled: S,
+            error: h,
+            helperText: h ? m.error?.message : e.helpText,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             weekStartsOn: t.weekStartsOn,
-            minDate: u,
-            maxDate: m,
+            minDate: p,
+            maxDate: u,
             granularity: t.granularity,
             fiscalMonthPattern: t.fiscalMonthPattern,
             fiscalYearStartMonth: t.fiscalYearStartMonth,
             showFooter: t.showFooter,
             showPeriodBoundaries: t.showPeriodBoundaries,
+            autoNavigateToAvailable: t.autoNavigateToAvailable,
             format: t.dateFormat
           }
         ) });

package/dist/form-react/Fields/YearPickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface YearPickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const YearPickerField: FC<YearPickerFieldProps>;
+export {};

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

@@ -0,0 +1,57 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Controller as m } from "react-hook-form";
+import { YearPicker as p } from "../../components/forms/date-picker/year-picker.js";
+import { getFieldTestId as M } from "../utils/fieldTestIds.js";
+import { toLocalDate as o } from "../utils/calendar-boundary.js";
+const C = ({
+  field: r,
+  validationRules: d,
+  isDisabled: h,
+  formHelpers: a
+}) => {
+  const e = r.fieldType === "year_picker" ? r : null;
+  if (!e) return null;
+  const c = a.form.control;
+  return /* @__PURE__ */ t(
+    m,
+    {
+      name: r.id,
+      control: c,
+      defaultValue: e.defaultValue != null ? { year: e.defaultValue } : void 0,
+      rules: d,
+      render: ({ field: n, fieldState: l }) => {
+        const s = !!l.error, u = n.value;
+        return /* @__PURE__ */ t("div", { "data-testid": M(r.id), children: /* @__PURE__ */ t(
+          p,
+          {
+            label: r.label,
+            value: u ?? void 0,
+            onChange: (i) => {
+              n.onChange(i ?? null), a.setValue(r.id, i ?? null);
+            },
+            placeholder: r.placeholder,
+            minDate: o(e.minDate),
+            maxDate: o(e.maxDate),
+            startMonth: o(e.startMonth),
+            endMonth: o(e.endMonth),
+            required: r.isRequired,
+            disabled: h,
+            error: s,
+            helperText: s ? l.error?.message : r.helpText,
+            showFooter: e.showFooter,
+            showIntervalCaption: e.showIntervalCaption,
+            calendarKind: e.calendarKind,
+            fiscalMode: e.fiscalMode,
+            fiscalYearStartMonth: e.fiscalYearStartMonth,
+            fiscalMonthPattern: e.fiscalMonthPattern,
+            showPresets: e.showPresets,
+            ...e.componentProps
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  C as YearPickerField
+};

package/dist/form-react/Fields/YearRangePickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface YearRangePickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const YearRangePickerField: FC<YearRangePickerFieldProps>;
+export {};

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

@@ -0,0 +1,57 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Controller as p } from "react-hook-form";
+import { YearRangePicker as g } from "../../components/forms/date-picker/year-range-picker.js";
+import { getFieldTestId as f } from "../utils/fieldTestIds.js";
+import { toLocalDate as t } from "../utils/calendar-boundary.js";
+const C = ({
+  field: r,
+  validationRules: d,
+  isDisabled: h,
+  formHelpers: a
+}) => {
+  const e = r.fieldType === "year_range" ? r : null;
+  if (!e) return null;
+  const c = a.form.control, u = e.defaultRange ? { from: { year: e.defaultRange.start }, to: { year: e.defaultRange.end } } : void 0;
+  return /* @__PURE__ */ o(
+    p,
+    {
+      name: r.id,
+      control: c,
+      defaultValue: u,
+      rules: d,
+      render: ({ field: n, fieldState: l }) => {
+        const s = !!l.error, m = n.value;
+        return /* @__PURE__ */ o("div", { "data-testid": f(r.id), children: /* @__PURE__ */ o(
+          g,
+          {
+            label: r.label,
+            value: m ?? void 0,
+            onChange: (i) => {
+              n.onChange(i ?? null), a.setValue(r.id, i ?? null);
+            },
+            placeholder: r.placeholder,
+            minDate: t(e.minDate),
+            maxDate: t(e.maxDate),
+            startMonth: t(e.startMonth),
+            endMonth: t(e.endMonth),
+            required: r.isRequired,
+            disabled: h,
+            error: s,
+            helperText: s ? l.error?.message : r.helpText,
+            showFooter: e.showFooter,
+            showIntervalCaption: e.showIntervalCaption,
+            calendarKind: e.calendarKind,
+            fiscalMode: e.fiscalMode,
+            fiscalYearStartMonth: e.fiscalYearStartMonth,
+            fiscalMonthPattern: e.fiscalMonthPattern,
+            showPresets: e.showPresets,
+            ...e.componentProps
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  C as YearRangePickerField
+};

package/dist/form-react/registry/defaultFieldRegistrations.d.ts

@@ -1,5 +1,5 @@
 /**
- * Register all 23 built-in field types. Safe to call multiple times — runs once.
+ * Register all 26 built-in field types. Safe to call multiple times — runs once.
  *
  * Consumers must call this at app startup (or use `registerFieldType` selectively)
  * before rendering any `FieldRenderer` / `ReactHooksForm`.