impact-nova 2.5.8 → 2.5.10

package/dist/components/forms/date-picker/date-input-behavior.d.ts

@@ -25,6 +25,8 @@ export declare function createRangePickerOpenChangeHandler(options: {
     popoverContentRef: RefObject<HTMLElement | null>;
     setOpen: (open: boolean) => void;
 }): (newOpen: boolean) => void;
+export declare function isNestedPickerOverlayOpen(): boolean;
+export declare function isEventOnNestedPickerOverlay(event: Event): boolean;
 /** True when the outside-dismiss event originated on the picker field chrome (not a real outside click). */
 export declare function isEventOnPickerSurface(event: Event, surfaceRef: RefObject<HTMLElement | null>): boolean;
 export type PickerSurfaceField = "start" | "end";
@@ -41,6 +43,14 @@ export declare function handleReadonlyPickerKeyDown(event: React.KeyboardEvent,
     onCancel: () => void;
     onKeyboardOpen?: () => void;
 }): void;
+/** Close the picker on Escape unless a nested caption overlay is handling it. */
+export declare function handlePickerEscapeKeyDown(event: {
+    key: string;
+    preventDefault: () => void;
+}, options: {
+    open: boolean;
+    onCancel: () => void;
+}): void;
 /** Opens the picker when clicking dead zones on the field shell (padding, gaps, icon gutter). */
 export declare function handlePickerSurfacePointerDown({ disabled, event, onOpen, focusField, }: PickerSurfacePointerDownOptions): void;
 /** Block Radix outside-dismiss when the calendar footer requires explicit Apply/Cancel. */

package/dist/components/forms/date-picker/date-input-behavior.js

@@ -1,27 +1,27 @@
-import { parse as h, isValid as D } from "date-fns";
-import * as d from "react";
-import { resolveRangeFooterFlashTarget as y } from "../../data-display/calendar/calendar-footer-emphasis.js";
-import { padValidDateString as v, maskDate as k } from "../../../lib/utils.js";
-function I(e, t, n) {
-  return k(e, t, n);
-}
-function f(e, t, n) {
-  const r = v(e, t), s = h(r, t, /* @__PURE__ */ new Date(), n ? { locale: n } : {}), a = D(s) && r.length === t.length;
+import { parse as D, isValid as k } from "date-fns";
+import * as l from "react";
+import { resolveRangeFooterFlashTarget as E } from "../../data-display/calendar/calendar-footer-emphasis.js";
+import { padValidDateString as O, maskDate as v } from "../../../lib/utils.js";
+function b(e, t, n) {
+  return v(e, t, n);
+}
+function p(e, t, n) {
+  const r = O(e, t), a = D(r, t, /* @__PURE__ */ new Date(), n ? { locale: n } : {}), i = k(a) && r.length === t.length;
   return {
     padded: r,
-    parsed: a ? s : void 0,
+    parsed: i ? a : void 0,
     isComplete: e.length === t.length,
-    isValid: a
+    isValid: i
   };
 }
-function T(e, t, n) {
-  return !e || e.length !== t.length ? !1 : !f(e, t, n).isValid;
+function B(e, t, n) {
+  return !e || e.length !== t.length ? !1 : !p(e, t, n).isValid;
 }
-function m(e, t) {
+function g(e, t) {
   const n = document.activeElement;
   return n instanceof Node ? !!(e.current?.contains(n) || t.current?.contains(n)) : !1;
 }
-function S(e) {
+function N(e) {
   return (t) => {
     if (!e.disabled) {
       if (t) {
@@ -33,37 +33,55 @@ function S(e) {
         return;
       }
       queueMicrotask(() => {
-        m(e.containerRef, e.popoverContentRef) || e.setOpen(!1);
+        g(e.containerRef, e.popoverContentRef) || e.setOpen(!1);
       });
     }
   };
 }
-function O(e, t) {
+const f = '[data-component="select-menu"], [data-component="dropdown-menu-content"]';
+function h() {
+  return !!document.querySelector(f);
+}
+function P(e) {
+  if ((typeof e.composedPath == "function" ? e.composedPath() : []).some(
+    (r) => r instanceof Element && r.closest(f)
+  ))
+    return !0;
+  const n = e.target;
+  return n instanceof Element ? !!n.closest(f) : !1;
+}
+function R(e, t) {
   const n = e.target;
   return n instanceof Node ? !!t.current?.contains(n) : !1;
 }
-function V(e, t) {
-  t.disabled || (e.key === "ArrowDown" && !t.open && (e.preventDefault(), t.onKeyboardOpen?.(), t.onOpen()), e.key === "Escape" && t.open && (e.preventDefault(), t.onCancel()));
+function q(e, t) {
+  t.disabled || (e.key === "ArrowDown" && !t.open && (e.preventDefault(), t.onKeyboardOpen?.(), t.onOpen()), e.key === "Escape" && t.open && w(e, {
+    open: t.open,
+    onCancel: t.onCancel
+  }));
+}
+function w(e, t) {
+  e.key !== "Escape" || !t.open || h() || (e.preventDefault(), t.onCancel());
 }
-function b({
+function K({
   disabled: e,
   event: t,
   onOpen: n,
   focusField: r
 }) {
   if (e) return;
-  const s = t.target;
-  if (!(s instanceof HTMLElement) || s.closest("button") || (n(), !r)) return;
-  const i = s.closest("[data-field]")?.getAttribute("data-field");
-  r(i === "end" ? "end" : "start");
+  const a = t.target;
+  if (!(a instanceof HTMLElement) || a.closest("button") || (n(), !r)) return;
+  const s = a.closest("[data-field]")?.getAttribute("data-field");
+  r(s === "end" ? "end" : "start");
 }
-function F(e, t, n, r) {
+function C(e, t, n, r) {
   return e ? {
-    onInteractOutside: (i) => {
-      i.preventDefault();
+    onInteractOutside: (s) => {
+      s.preventDefault();
     },
-    onPointerDownOutside: (i) => {
-      if (i.preventDefault(), !(r && O(i, r)) && t) {
+    onPointerDownOutside: (s) => {
+      if (s.preventDefault(), !(P(s) || r && R(s, r)) && t) {
         const o = t.current.resolveFlash();
         if (o === "dismiss") {
           t.current.onDismiss();
@@ -72,96 +90,96 @@ function F(e, t, n, r) {
         n?.(o);
       }
     },
-    onEscapeKeyDown: t ? (i) => {
-      i.preventDefault(), t.current.onDismiss();
+    onEscapeKeyDown: t ? (s) => {
+      s.preventDefault(), !h() && t.current.onDismiss();
     } : void 0
   } : {};
 }
-function B(e, t, n) {
-  const r = e == null, s = t == null;
-  return r && s || !r && !s && n(e, t) ? "dismiss" : r ? "cancel" : "apply";
+function M(e, t, n) {
+  const r = e == null, a = t == null;
+  return r && a || !r && !a && n(e, t) ? "dismiss" : r ? "cancel" : "apply";
 }
-function q(e) {
+function L(e) {
   const {
     startInput: t,
     endInput: n,
     committedStart: r,
-    committedEnd: s,
-    committedRange: a,
-    pendingRange: i,
+    committedEnd: a,
+    committedRange: i,
+    pendingRange: s,
     computeEffectiveRange: u,
     rangesEqual: o
-  } = e, c = t !== r || n !== s, l = u(), p = !c && i !== void 0 ? i : l, g = !o(p, a);
-  return !c && !g ? "dismiss" : y(
-    c ? l : p
+  } = e, c = t !== r || n !== a, d = u(), m = !c && s !== void 0 ? s : d, y = !o(m, i);
+  return !c && !y ? "dismiss" : E(
+    c ? d : m
   ) === "apply" ? "apply" : "cancel";
 }
-function M() {
-  return d.useRef({
+function X() {
+  return l.useRef({
     onDismiss: () => {
     },
     resolveFlash: () => "cancel"
   });
 }
-function K(e, t, n, r) {
-  const [s, a] = d.useState({ key: 0, target: "cancel" }), i = d.useRef(t);
-  d.useLayoutEffect(() => {
-    i.current !== t && (i.current = t, a({ key: 0, target: "cancel" }));
+function x(e, t, n, r) {
+  const [a, i] = l.useState({ key: 0, target: "cancel" }), s = l.useRef(t);
+  l.useLayoutEffect(() => {
+    s.current !== t && (s.current = t, i({ key: 0, target: "cancel" }));
   }, [t]);
-  const u = d.useCallback(
+  const u = l.useCallback(
     (c) => {
-      e && a((l) => ({ key: l.key + 1, target: c }));
+      e && i((d) => ({ key: d.key + 1, target: c }));
     },
     [e]
-  ), o = F(
+  ), o = C(
     e,
     n,
     u,
     r
   );
   return {
-    footerFlashKey: s.key,
-    footerFlashTarget: s.key > 0 ? s.target : void 0,
+    footerFlashKey: a.key,
+    footerFlashTarget: a.key > 0 ? a.target : void 0,
     triggerFooterFlash: u,
     popoverHandlers: o
   };
 }
-function N(e, t, n) {
+function H(e, t, n) {
   queueMicrotask(() => {
-    m(e, t) || n();
+    g(e, t) || n();
   });
 }
-function P(e, t, n, r) {
+function F(e, t, n, r) {
   if (!e)
     return { display: "", parsed: void 0, resetToCommitted: !1 };
-  const s = f(e, t, r);
-  return s.isValid ? {
-    display: s.padded,
-    parsed: s.parsed,
+  const a = p(e, t, r);
+  return a.isValid ? {
+    display: a.padded,
+    parsed: a.parsed,
     resetToCommitted: !1
   } : e.length < t.length ? { display: e, parsed: void 0, resetToCommitted: !1 } : { display: n, parsed: void 0, resetToCommitted: !0 };
 }
-function X(e, t, n, r) {
-  const s = P(e, t, n, r);
+function _(e, t, n, r) {
+  const a = F(e, t, n, r);
   return {
-    ...s,
-    isPartial: !!e && e.length < t.length && !s.resetToCommitted
+    ...a,
+    isPartial: !!e && e.length < t.length && !a.resetToCommitted
   };
 }
-function x(e, t, n) {
-  const r = f(e, t, n);
+function z(e, t, n) {
+  const r = p(e, t, n);
   return r.isValid && r.parsed ? { parsed: r.parsed, shouldOpenPopover: !1 } : { parsed: void 0, shouldOpenPopover: !0 };
 }
-function H(e, t, n) {
+function A(e, t, n) {
   return e === void 0 || t === void 0 ? { from: e, to: t, swapped: !1 } : n(e, t) <= 0 ? { from: e, to: t, swapped: !1 } : { from: t, to: e, swapped: !0 };
 }
-function L(e, t) {
+function W(e, t) {
   return e.year * 12 + e.month - (t.year * 12 + t.month);
 }
-function z(e, t) {
+function Y(e, t) {
   return e.getTime() - t.getTime();
 }
-function W(e) {
+function j(e) {
   if (!e || typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
   const t = e.querySelector('[data-field="start"]'), n = e.querySelector('[data-field="end"]');
@@ -176,25 +194,28 @@ function W(e) {
   ));
 }
 export {
-  z as compareDates,
-  L as compareMonthSelection,
-  S as createRangePickerOpenChangeHandler,
-  N as deferRangeInputBlur,
-  W as flashRangeReorder,
-  b as handlePickerSurfacePointerDown,
-  V as handleReadonlyPickerKeyDown,
-  T as isDateInputInvalid,
-  O as isEventOnPickerSurface,
-  m as isFocusInsidePicker,
-  I as maskDateInput,
-  H as normalizeOrderedRange,
-  f as parseDateInput,
-  F as preventOutsideDismissWhenFooter,
-  P as resolveDateInputOnBlur,
-  x as resolveDateInputOnEnter,
-  X as resolveRangeFieldBlur,
-  q as resolveRangePickerDismissFlash,
-  B as resolveSingleValueDismissFlash,
-  M as usePickerDismissActionsRef,
-  K as usePickerFooterDismissNudge
+  Y as compareDates,
+  W as compareMonthSelection,
+  N as createRangePickerOpenChangeHandler,
+  H as deferRangeInputBlur,
+  j as flashRangeReorder,
+  w as handlePickerEscapeKeyDown,
+  K as handlePickerSurfacePointerDown,
+  q as handleReadonlyPickerKeyDown,
+  B as isDateInputInvalid,
+  P as isEventOnNestedPickerOverlay,
+  R as isEventOnPickerSurface,
+  g as isFocusInsidePicker,
+  h as isNestedPickerOverlayOpen,
+  b as maskDateInput,
+  A as normalizeOrderedRange,
+  p as parseDateInput,
+  C as preventOutsideDismissWhenFooter,
+  F as resolveDateInputOnBlur,
+  z as resolveDateInputOnEnter,
+  _ as resolveRangeFieldBlur,
+  L as resolveRangePickerDismissFlash,
+  M as resolveSingleValueDismissFlash,
+  X as usePickerDismissActionsRef,
+  x as usePickerFooterDismissNudge
 };

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

@@ -1,20 +1,20 @@
 import { jsx as s, jsxs as S } from "react/jsx-runtime";
 import * as r from "react";
-import { Cross as he, CalendarMonth as De } from "impact-nova-icons";
+import { Cross as De, CalendarMonth as ge } from "impact-nova-icons";
 import { format as b } from "date-fns";
-import { cn as ge } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as ye, usePickerFooterDismissNudge as ke, isDateInputInvalid as ve, resolveSingleValueDismissFlash as Ie, handlePickerSurfacePointerDown as Ce, maskDateInput as Pe, parseDateInput as Me, resolveDateInputOnBlur as xe, resolveDateInputOnEnter as Re } from "./date-input-behavior.js";
-import { Input as Se } from "../input/input.js";
-import { Calendar as be } from "../../data-display/calendar/calendar.js";
-import { Tooltip as j, TooltipTrigger as B, TooltipContent as K } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as we } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Te } from "../../../i18n/getDateFnsLocale.js";
-import { createComponent as Ee } from "../../../lib/primitives/create-component.js";
-import { coerceSingleDateApply as Ae, coerceSingleDate as Ne } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Le } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as Oe } from "./fiscal-pass-through.js";
-import { DatePickerShell as Ve } from "./date-picker-shell.js";
-const $e = Ee(
+import { cn as ye } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as ke, usePickerFooterDismissNudge as ve, isDateInputInvalid as Ce, resolveSingleValueDismissFlash as Ie, handlePickerEscapeKeyDown as Pe, handlePickerSurfacePointerDown as Me, maskDateInput as xe, parseDateInput as Re, resolveDateInputOnBlur as Se, resolveDateInputOnEnter as be } from "./date-input-behavior.js";
+import { Input as we } from "../input/input.js";
+import { Calendar as Te } from "../../data-display/calendar/calendar.js";
+import { Tooltip as K, TooltipTrigger as j, TooltipContent as B } from "../../feedback/tooltip/tooltip.js";
+import { useImpactNovaI18n as Ee } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as Ae } from "../../../i18n/getDateFnsLocale.js";
+import { createComponent as Ne } from "../../../lib/primitives/create-component.js";
+import { coerceSingleDateApply as Le, coerceSingleDate as Oe } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as Ve } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as Ke } from "./fiscal-pass-through.js";
+import { DatePickerShell as je } from "./date-picker-shell.js";
+const et = Ne(
   "DatePicker",
   ({
     value: n,
@@ -36,13 +36,14 @@ const $e = Ee(
     fiscalYearStartMonth: Z,
     fiscalConfig: _,
     showPresets: $,
-    comparison: F,
-    onComparisonChange: ee,
-    ...te
-  }, ne) => {
-    const { locale: T, t: h } = we(), f = r.useMemo(() => Te(T), [T]), re = z ?? h("datePicker.selectDate"), g = r.useRef(null), E = r.useRef(null), C = r.useRef(null);
-    r.useImperativeHandle(ne, () => g.current);
-    const [i, A] = r.useState(!1), N = ye(), { footerFlashKey: ie, footerFlashTarget: oe, popoverHandlers: se } = ke(a, i, N, E), y = r.useRef(!1), [x, o] = r.useState(null), k = n ? b(n, l, { locale: f }) : "", d = x?.input ?? k, P = i ? x?.pending ?? n : n, ce = x?.viewMonth ?? n ?? /* @__PURE__ */ new Date(), u = r.useCallback(() => {
+    showPeriodBoundaries: F,
+    comparison: ee,
+    onComparisonChange: te,
+    ...ne
+  }, re) => {
+    const { locale: T, t: h } = Ee(), f = r.useMemo(() => Ae(T), [T]), ie = z ?? h("datePicker.selectDate"), g = r.useRef(null), E = r.useRef(null), I = r.useRef(null);
+    r.useImperativeHandle(re, () => g.current);
+    const [i, A] = r.useState(!1), N = ke(), { footerFlashKey: oe, footerFlashTarget: se, popoverHandlers: ce } = ve(a, i, N, E), y = r.useRef(!1), [x, o] = r.useState(null), k = n ? b(n, l, { locale: f }) : "", d = x?.input ?? k, P = i ? x?.pending ?? n : n, le = x?.viewMonth ?? n ?? /* @__PURE__ */ new Date(), u = r.useCallback(() => {
       o(null), A(!1);
     }, []), m = (e) => {
       if (!c) {
@@ -58,15 +59,15 @@ const $e = Ee(
       }
     };
     r.useEffect(() => {
-      g.current && C.current !== null && (g.current.setSelectionRange(C.current, C.current), C.current = null);
+      g.current && I.current !== null && (g.current.setSelectionRange(I.current, I.current), I.current = null);
     }, [d]);
-    const le = (e) => {
-      const t = Ne(e), D = t ? b(t, l, { locale: f }) : "";
+    const ae = (e) => {
+      const t = Oe(e), D = t ? b(t, l, { locale: f }) : "";
       o(
         (v) => v ? { ...v, pending: t, input: D, viewMonth: t ?? v.viewMonth } : null
       ), t && !a && (p?.(t), u());
     }, L = (e) => {
-      const t = Ae(e, P);
+      const t = Le(e, P);
       p?.(t), u();
     }, R = () => {
       u();
@@ -81,27 +82,27 @@ const $e = Ee(
         viewMonth: n ?? /* @__PURE__ */ new Date()
       }),
       [k, n]
-    ), ae = (e) => {
-      const t = Pe(e.target.value, l, d);
-      if (o((I) => ({ ...I ?? M(), input: t })), t === "") {
-        o((I) => ({ ...I ?? M(), input: "", pending: void 0 })), a || p?.(void 0);
+    ), ue = (e) => {
+      const t = xe(e.target.value, l, d);
+      if (o((C) => ({ ...C ?? M(), input: t })), t === "") {
+        o((C) => ({ ...C ?? M(), input: "", pending: void 0 })), a || p?.(void 0);
         return;
       }
-      const { parsed: D, isValid: v } = Me(t, l, f);
-      v && D && (o((I) => ({
-        ...I ?? M(),
+      const { parsed: D, isValid: v } = Re(t, l, f);
+      v && D && (o((C) => ({
+        ...C ?? M(),
         input: t,
         pending: D,
         viewMonth: D
       })), a || p?.(D));
-    }, ue = r.useCallback(
+    }, pe = r.useCallback(
       (e) => {
         p?.(e), u();
       },
       [p, u]
-    ), pe = () => {
+    ), fe = () => {
       if (i) return;
-      const e = xe(
+      const e = Se(
         d,
         l,
         k,
@@ -121,18 +122,18 @@ const $e = Ee(
         return;
       }
       o(null);
-    }, fe = () => {
+    }, de = () => {
       if (i && a) {
         L();
         return;
       }
-      const e = Re(d, l, f);
+      const e = be(d, l, f);
       if (e.parsed) {
-        a && ue(e.parsed);
+        a && pe(e.parsed);
         return;
       }
       i || (y.current = !0, m(!0));
-    }, V = (n ? b(n, l, { locale: f }) : "") !== d, de = ve(d, l, f), me = r.useCallback(
+    }, V = (n ? b(n, l, { locale: f }) : "") !== d, me = Ce(d, l, f), he = r.useCallback(
       () => Ie(
         P,
         n,
@@ -143,10 +144,10 @@ const $e = Ee(
     return r.useLayoutEffect(() => {
       N.current = {
         onDismiss: R,
-        resolveFlash: me
+        resolveFlash: he
       };
     }), /* @__PURE__ */ s(
-      Ve,
+      je,
       {
         open: i,
         disabled: c,
@@ -155,7 +156,7 @@ const $e = Ee(
         onOpenAutoFocus: (e) => {
           y.current || e.preventDefault(), y.current = !1;
         },
-        popoverHandlers: se,
+        popoverHandlers: ce,
         trigger: /* @__PURE__ */ s(
           "div",
           {
@@ -163,34 +164,34 @@ const $e = Ee(
             "data-component": "date-picker",
             "data-state": i ? "open" : "closed",
             "data-pending": V || void 0,
-            onPointerDown: (e) => Ce({
+            onPointerDown: (e) => Me({
               disabled: c,
               event: e,
               onOpen: () => m(!0),
               focusField: () => g.current?.focus()
             }),
             children: /* @__PURE__ */ s(
-              Se,
+              we,
               {
                 ref: g,
                 value: d,
-                onChange: ae,
-                onBlur: pe,
+                onChange: ue,
+                onBlur: fe,
                 onClick: () => !c && m(!0),
                 onKeyDown: (e) => {
-                  e.key === "Enter" && !c && (e.preventDefault(), fe()), e.key === "ArrowDown" && !i && !c && (e.preventDefault(), y.current = !0, m(!0)), e.key === "Escape" && i && (e.preventDefault(), R());
+                  e.key === "Enter" && !c && (e.preventDefault(), de()), e.key === "ArrowDown" && !i && !c && (e.preventDefault(), y.current = !0, m(!0)), e.key === "Escape" && i && Pe(e, { open: i, onCancel: R });
                 },
-                placeholder: i ? l : re,
+                placeholder: i ? l : ie,
                 disabled: c,
                 "data-form-control": "input",
-                className: ge(
+                className: ye(
                   "cursor-pointer",
-                  de ? "text-destructive" : V ? "text-content-placeholder" : "",
+                  me ? "text-destructive" : V ? "text-content-placeholder" : "",
                   Q
                 ),
                 suffix: /* @__PURE__ */ S("div", { className: "flex items-center gap-1", children: [
-                  n && !c && /* @__PURE__ */ S(j, { children: [
-                    /* @__PURE__ */ s(B, { asChild: !0, children: /* @__PURE__ */ s(
+                  n && !c && /* @__PURE__ */ S(K, { children: [
+                    /* @__PURE__ */ s(j, { asChild: !0, children: /* @__PURE__ */ s(
                       "button",
                       {
                         type: "button",
@@ -200,38 +201,38 @@ const $e = Ee(
                           e.stopPropagation(), O();
                         },
                         className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ s(he, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ s(De, { className: "size-3 hover:text-content" })
                       }
                     ) }),
-                    /* @__PURE__ */ s(K, { variant: "tertiary", side: "top", children: h("calendar.clear") })
+                    /* @__PURE__ */ s(B, { variant: "tertiary", side: "top", children: h("calendar.clear") })
                   ] }),
-                  /* @__PURE__ */ S(j, { children: [
-                    /* @__PURE__ */ s(B, { asChild: !0, children: /* @__PURE__ */ s("button", { type: "button", tabIndex: 0, "aria-label": h("datePicker.selectDate"), onClick: (e) => {
+                  /* @__PURE__ */ S(K, { children: [
+                    /* @__PURE__ */ s(j, { asChild: !0, children: /* @__PURE__ */ s("button", { type: "button", tabIndex: 0, "aria-label": h("datePicker.selectDate"), onClick: (e) => {
                       e.stopPropagation(), c || (i ? u() : m(!0));
                     }, onKeyDown: (e) => {
                       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), c || (y.current = !0, i ? u() : m(!0)));
-                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ s(De, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                    /* @__PURE__ */ s(K, { variant: "tertiary", side: "top", children: h("datePicker.selectDate") })
+                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ s(ge, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                    /* @__PURE__ */ s(B, { variant: "tertiary", side: "top", children: h("datePicker.selectDate") })
                   ] })
                 ] }),
-                ...te
+                ...ne
               }
             )
           }
         ),
         children: /* @__PURE__ */ s(
-          be,
+          Te,
           {
             mode: "single",
             selected: P,
-            footerFlashKey: ie,
-            footerFlashTarget: oe,
-            onSelect: le,
-            month: ce,
+            footerFlashKey: oe,
+            footerFlashTarget: se,
+            onSelect: ae,
+            month: le,
             onMonthChange: (e) => o(
               (t) => t ? { ...t, viewMonth: e } : null
             ),
-            disabled: Le(H, q),
+            disabled: Ve(H, q),
             startMonth: G,
             endMonth: J,
             showFooter: a,
@@ -240,7 +241,7 @@ const $e = Ee(
             onClear: O,
             captionLayout: "dropdown",
             ...w !== void 0 ? { weekStartsOn: w } : {},
-            ...Oe({
+            ...Ke({
               calendarKind: U,
               fiscalMode: W,
               granularity: X,
@@ -248,8 +249,9 @@ const $e = Ee(
               fiscalYearStartMonth: Z,
               fiscalConfig: _,
               showPresets: $,
-              comparison: F,
-              onComparisonChange: ee
+              showPeriodBoundaries: F,
+              comparison: ee,
+              onComparisonChange: te
             })
           }
         )
@@ -258,5 +260,5 @@ const $e = Ee(
   }
 );
 export {
-  $e as DatePicker
+  et as DatePicker
 };

package/dist/components/forms/date-picker/date-picker.types.d.ts

@@ -11,6 +11,8 @@ export interface FiscalPickerProps {
     fiscalConfig?: FiscalCalendarConfig;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     showPresets?: boolean;
+    /** Draw `(` / `)` on fiscal period start/end days. Default false. */
+    showPeriodBoundaries?: boolean;
     comparison?: "prior-fy";
     onComparisonChange?: (value: YoYComparison | undefined) => void;
 }