impact-nova 2.1.0-alpha.9 → 2.2.0

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

@@ -1,248 +1,354 @@
-import { jsx as a, jsxs as S } from "react/jsx-runtime";
-import * as f from "react";
-import { Cross as Pe, CalendarMonth as We } from "impact-nova-icons";
-import { format as l, isValid as E, parse as P } from "date-fns";
-import { cn as A, padValidDateString as U, maskDate as X } from "../../../lib/utils.js";
-import { useFieldChrome as Ie } from "../../../lib/primitives/use-field-chrome.js";
-import { Popover as ve, PopoverAnchor as Ne, PopoverContent as Ve } from "../../feedback/popover/popover.js";
-import { Calendar as Ae } from "../../data-display/calendar/calendar.js";
-import { buildDateBoundsMatcher as Te } from "../../../lib/date-bounds-matcher.js";
-import { Tooltip as Z, TooltipTrigger as _, TooltipContent as $ } from "../../feedback/tooltip/tooltip.js";
-import { resolveWeekSelection as je } from "../../../lib/fiscal-calendar.js";
-import { useImpactNovaI18n as Le } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Me } from "../../../i18n/getDateFnsLocale.js";
-import { coerceWeekRangeApply as Be, isWeekRangeSelection as Ke } from "./calendar-selection-adapters.js";
-const i = (e) => e?.from ? e.to ? e.to.endDate : e.from.endDate : void 0, I = (e) => e?.from ? { from: e.from, to: e.to } : void 0, ze = f.forwardRef(
+import { jsx as u, jsxs as T } from "react/jsx-runtime";
+import * as l from "react";
+import { Cross as Me, CalendarMonth as Ge } from "impact-nova-icons";
+import { format as k } from "date-fns";
+import { cn as G } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as Je, usePickerFooterDismissNudge as Qe, createRangePickerOpenChangeHandler as Ue, parseDateInput as J, normalizeOrderedRange as Xe, compareDates as Ze, flashRangeReorder as _e, isDateInputInvalid as ne, resolveRangeFieldBlur as V, resolveRangePickerDismissFlash as $e, deferRangeInputBlur as Ye, maskDateInput as se, resolveDateInputOnBlur as O } from "./date-input-behavior.js";
+import { useFieldChrome as Fe } from "../../../lib/primitives/use-field-chrome.js";
+import { Popover as et, PopoverAnchor as tt, PopoverContent as rt } from "../../feedback/popover/popover.js";
+import { Calendar as ot } from "../../data-display/calendar/calendar.js";
+import { buildDateBoundsMatcher as nt } from "../../../lib/date-bounds-matcher.js";
+import { Tooltip as ie, TooltipTrigger as le, TooltipContent as ae } from "../../feedback/tooltip/tooltip.js";
+import { resolveWeekSelection as st } from "../../../lib/fiscal-calendar.js";
+import { useImpactNovaI18n as it } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as lt } from "../../../i18n/getDateFnsLocale.js";
+import { coerceWeekRangeApply as at, isWeekRangeSelection as ct } from "./calendar-selection-adapters.js";
+const x = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, B = (t) => t?.from ? { from: t.from, to: t.to } : void 0;
+function ce(t, a) {
+  return !t && !a ? !0 : !t || !a ? !1 : t.startDate.getTime() === a.startDate.getTime();
+}
+function ft(t, a) {
+  return !t && !a ? !0 : !t || !a ? !1 : ce(t.from, a.from) && ce(t.to, a.to);
+}
+const dt = l.forwardRef(
   ({
-    value: e,
-    onChange: D,
+    value: t,
+    onChange: a,
     format: n = "MM/dd/yyyy",
-    placeholder: Y,
-    minDate: F,
-    maxDate: ee,
-    startMonth: te,
-    endMonth: ne,
-    showFooter: b = !0,
-    calendarType: T = "calendar",
+    placeholder: fe,
+    minDate: de,
+    maxDate: pe,
+    startMonth: me,
+    endMonth: ue,
+    showFooter: g = !0,
+    calendarType: L = "calendar",
     fiscalMode: j = "basic",
-    selectionMode: L = "week",
-    fiscalMonthPattern: M,
-    fiscalYearStartMonth: B = 1,
-    weekStartsOn: K = 1,
-    disabled: c,
-    className: oe,
-    error: re,
-    isError: le,
-    size: z,
-    label: se,
-    helperText: ce,
-    helperTextPosition: ae = "absolute",
-    required: ie,
-    prefix: Oe,
-    prefixClick: He,
-    ...de
-  }, fe) => {
-    const O = re ?? le, pe = Ie({
-      label: se,
-      helperText: ce,
-      helperTextPosition: ae,
-      error: O,
-      required: ie,
-      disabled: c ?? void 0,
+    selectionMode: K = "week",
+    fiscalMonthPattern: q,
+    fiscalYearStartMonth: z = 1,
+    weekStartsOn: H = 1,
+    disabled: d,
+    className: ke,
+    error: ge,
+    isError: Re,
+    size: Q,
+    label: De,
+    helperText: he,
+    helperTextPosition: ye = "absolute",
+    required: ve,
+    prefix: pt,
+    prefixClick: mt,
+    ...xe
+  }, be) => {
+    const U = ge ?? Re, Ce = Fe({
+      label: De,
+      helperText: he,
+      helperTextPosition: ye,
+      error: U,
+      required: ve,
+      disabled: d ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), { locale: H, t: x } = Le(), o = f.useMemo(() => Me(H), [H]), q = Y ?? x("datePicker.selectWeekRange"), G = f.useRef(null), me = f.useRef(null);
-    f.useImperativeHandle(fe, () => G.current);
-    const [s, p] = f.useState(!1), W = f.useRef(!1), [w, m] = f.useState(e), [R, u] = f.useState(e?.from ? l(e.from.startDate, n, { locale: o }) : ""), [C, h] = f.useState(i(e) ? l(i(e), n, { locale: o }) : ""), [ue, N] = f.useState(e?.from?.startDate || /* @__PURE__ */ new Date());
-    f.useEffect(() => {
-      s || (u(e?.from ? l(e.from.startDate, n, { locale: o }) : ""), h(i(e) ? l(i(e), n, { locale: o }) : ""), m(e));
-    }, [e, n, s, o]), f.useEffect(() => {
-      s && (m(e), u(e?.from ? l(e.from.startDate, n, { locale: o }) : ""), h(i(e) ? l(i(e), n, { locale: o }) : ""), N(e?.from?.startDate || /* @__PURE__ */ new Date()));
-    }, [s, e, n, o]);
-    const he = (t) => {
-      const r = Ke(t) ? t : void 0;
-      m(r), r?.from ? (u(l(r.from.startDate, n, { locale: o })), h(l(i(r), n, { locale: o }))) : (u(""), h("")), !b && r?.from && r?.to && r.from.startDate.getTime() !== r.to.startDate.getTime() && (D?.(r), p(!1));
-    }, ge = (t) => {
-      const r = Be(t, I(w));
-      D?.(r), p(!1);
-    }, V = () => {
-      m(e), u(e?.from ? l(e.from.startDate, n, { locale: o }) : ""), h(i(e) ? l(i(e), n, { locale: o }) : ""), p(!1);
-    }, J = () => {
-      m(void 0), u(""), h(""), D?.(void 0), b || p(!1);
-    }, v = (t) => je(t, {
-      calendarType: T,
-      fiscalMode: j,
-      selectionMode: L,
-      fiscalMonthPattern: M,
-      fiscalYearStartMonth: B,
-      weekStartsOn: K
-    }), ke = (t) => {
-      const r = t.target.value, d = X(r, n, R);
-      if (u(d), d === "") {
-        const k = { to: w?.to };
-        m(k), b || D?.(void 0);
+    }), { locale: X, t: E } = it(), s = l.useMemo(() => lt(X), [X]), Z = fe ?? E("datePicker.selectWeekRange"), _ = l.useRef(null), Ie = l.useRef(null), $ = l.useRef(null), N = l.useRef(null), M = l.useRef(null);
+    l.useImperativeHandle(be, () => _.current);
+    const [p, R] = l.useState(!1), Y = Je(), { footerFlashKey: we, footerFlashTarget: Ee, popoverHandlers: We } = Qe(g, p, Y, $), W = l.useRef(!1), [c, D] = l.useState(t), [m, h] = l.useState(t?.from ? k(t.from.startDate, n, { locale: s }) : ""), [y, v] = l.useState(x(t) ? k(x(t), n, { locale: s }) : ""), [Pe, P] = l.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
+    l.useEffect(() => {
+      h(t?.from ? k(t.from.startDate, n, { locale: s }) : ""), v(x(t) ? k(x(t), n, { locale: s }) : ""), D(t);
+    }, [t, n, s]);
+    const Te = l.useCallback(
+      (e) => Ue({
+        disabled: d ?? void 0,
+        showFooter: g,
+        containerRef: N,
+        popoverContentRef: M,
+        setOpen: R
+      })(e),
+      [d, g]
+    ), F = l.useRef(!1);
+    l.useEffect(() => {
+      if (p && !F.current) {
+        const e = J(m, n, s);
+        e.parsed ? P(e.parsed) : c?.from ? P(c.from.startDate) : t?.from && P(t.from.startDate);
+      }
+      F.current = p;
+    }, [p, m, n, s, c?.from, t?.from]);
+    const Se = (e) => {
+      const r = ct(e) ? e : void 0;
+      D(r), r?.from ? (h(k(r.from.startDate, n, { locale: s })), v(k(x(r), n, { locale: s }))) : (h(""), v("")), !g && r?.from && r?.to && r.from.startDate.getTime() !== r.to.startDate.getTime() && (a?.(r), R(!1));
+    }, b = l.useCallback(
+      (e) => st(e, {
+        calendarType: L,
+        fiscalMode: j,
+        selectionMode: K,
+        fiscalMonthPattern: q,
+        fiscalYearStartMonth: z,
+        weekStartsOn: H
+      }),
+      [
+        L,
+        j,
+        K,
+        q,
+        z,
+        H
+      ]
+    ), S = l.useCallback((e, r) => {
+      const o = Xe(
+        e,
+        r,
+        (i, f) => Ze(i.startDate, f.startDate)
+      );
+      return o.swapped && (o.from && h(k(o.from.startDate, n, { locale: s })), o.to && v(k(x({ from: o.from, to: o.to }), n, { locale: s })), _e(N.current)), { from: o.from, to: o.to };
+    }, [n, s]), ee = (e) => {
+      const r = at(e, B(c)), o = S(r?.from, r?.to), i = o.from ? { from: o.from, to: o.to } : void 0;
+      D(i), a?.(i), R(!1);
+    }, A = () => {
+      D(t), h(t?.from ? k(t.from.startDate, n, { locale: s }) : ""), v(x(t) ? k(x(t), n, { locale: s }) : ""), R(!1);
+    }, te = () => {
+      D(void 0), h(""), v(""), a?.(void 0), g || R(!1);
+    }, Be = (e) => {
+      const r = se(e.target.value, n, m);
+      if (h(r), r === "") {
+        const f = { to: c?.to };
+        D(f), g || a?.(void 0);
         return;
       }
-      const g = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (E(g) && d.length === n.length) {
-        const y = { from: v(g), to: w?.to };
-        m(y), h(l(i(y), n, { locale: o })), b || D?.(I(y));
+      const { parsed: o, isValid: i } = J(r, n, s);
+      if (i && o) {
+        const w = { from: b(o), to: c?.to };
+        D(w), c?.to && v(k(x(w), n, { locale: s })), P(o), g || a?.(B(w));
       }
-    }, De = (t) => {
-      const r = t.target.value, d = X(r, n, C);
-      if (h(d), d === "") {
-        const k = { from: w?.from };
-        m(k), b || D?.(I(k));
+    }, Ne = (e) => {
+      const r = se(e.target.value, n, y);
+      if (v(r), r === "") {
+        const f = { from: c?.from };
+        D(f), g || a?.(B(f));
         return;
       }
-      const g = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (E(g) && d.length === n.length) {
-        const k = v(g), y = { from: w?.from, to: k };
-        m(y), w?.from && u(l(w.from.startDate, n, { locale: o })), g && N(g), b || D?.(I(y));
+      const { parsed: o, isValid: i } = J(r, n, s);
+      if (i && o) {
+        const f = b(o), w = { from: c?.from, to: f };
+        D(w), c?.from && h(k(c.from.startDate, n, { locale: s })), P(o), g || a?.(B(w));
       }
-    }, Q = () => {
-      if (s) return;
-      const t = U(R, n), r = U(C, n), d = P(t, n, /* @__PURE__ */ new Date(), { locale: o }), g = P(r, n, /* @__PURE__ */ new Date(), { locale: o }), k = E(d) && t.length === n.length, y = E(g) && r.length === n.length;
-      if (!k || !y)
-        u(e?.from ? l(e.from.startDate, n, { locale: o }) : ""), h(i(e) ? l(i(e), n, { locale: o }) : ""), m(e);
-      else if (u(t), h(r), !b) {
-        const Se = v(d), Ee = v(g);
-        D?.({ from: Se, to: Ee });
+    }, Ae = () => {
+      const e = O(m, n, C, s), r = O(y, n, I, s);
+      e.resetToCommitted ? h(C) : e.parsed && h(e.display), r.resetToCommitted ? v(I) : r.parsed && v(r.display);
+      let o = e.parsed ? b(e.parsed) : c?.from, i = r.parsed ? b(r.parsed) : c?.to;
+      o && i && ({ from: o, to: i } = S(o, i));
+      const f = o ? { from: o, to: i } : void 0;
+      f ? (D(f), a?.(f)) : !m && !y && (D(void 0), a?.(void 0));
+    }, re = () => {
+      Ye(
+        N,
+        M,
+        () => {
+          const e = V(m, n, C, s), r = V(y, n, I, s);
+          e.resetToCommitted ? h(C) : e.parsed && h(e.display), r.resetToCommitted ? v(I) : r.parsed && v(r.display);
+          let o = e.parsed ? b(e.parsed) : e.resetToCommitted ? t?.from : c?.from, i = r.parsed ? b(r.parsed) : r.resetToCommitted ? t?.to : c?.to;
+          o && i && ({ from: o, to: i } = S(o, i));
+          const f = o || i ? { from: o, to: i } : void 0;
+          D(f), g || (f ? a?.(f) : !m && !y && a?.(void 0));
+        }
+      );
+    }, oe = () => {
+      if (p && g) {
+        ee();
+        return;
       }
-    }, be = e?.from ? l(e.from.startDate, n, { locale: o }) : "", we = i(e) ? l(i(e), n, { locale: o }) : "", ye = be !== R, xe = we !== C, Re = R.length === n.length && !E(P(R, n, /* @__PURE__ */ new Date(), { locale: o })), Ce = C.length === n.length && !E(P(C, n, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ a("div", { "data-component": "week-range-picker", "data-disabled": c || void 0, children: pe.wrapControl(
-      /* @__PURE__ */ S(ve, { open: c ? !1 : s, onOpenChange: (t) => {
-        c || p(t);
-      }, children: [
-        /* @__PURE__ */ a(Ne, { asChild: !0, children: /* @__PURE__ */ S(
-          "div",
-          {
-            "data-state": s ? "open" : "closed",
-            className: A(
-              "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-              O ? "border-destructive hover:border-destructive" : "border-field",
-              z === "sm" ? "h-6" : z === "md" ? "h-[28px]" : "h-8",
-              c && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
-              "cursor-pointer",
-              oe
-            ),
-            children: [
-              /* @__PURE__ */ S("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    ref: G,
-                    type: "text",
-                    value: R,
-                    onChange: ke,
-                    onBlur: Q,
-                    onClick: () => !c && p(!0),
-                    onKeyDown: (t) => {
-                      (t.key === "Enter" || t.key === "ArrowDown") && !s && !c && (t.preventDefault(), W.current = !0, p(!0)), t.key === "Escape" && s && (t.preventDefault(), V());
-                    },
-                    placeholder: s ? n : q,
-                    disabled: !!c,
-                    "aria-label": "Start Date",
-                    "data-field": "start",
-                    className: A(
-                      "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                      Re ? "text-destructive" : ye ? "text-content-placeholder" : ""
-                    ),
-                    ...de
-                  }
+      if (!p) {
+        if (g) {
+          Ae();
+          return;
+        }
+        const e = O(m, n, C, s), r = O(y, n, I, s);
+        if (e.parsed || r.parsed) return;
+        W.current = !0, R(!0);
+      }
+    }, C = t?.from ? k(t.from.startDate, n, { locale: s }) : "", I = x(t) ? k(x(t), n, { locale: s }) : "", Ve = C !== m, Oe = I !== y, Le = ne(m, n, s), je = ne(y, n, s), Ke = "Start Date", qe = "End Date", ze = l.useCallback(() => {
+      const e = V(m, n, C, s), r = V(y, n, I, s);
+      let o = e.parsed ? b(e.parsed) : e.resetToCommitted ? t?.from : c?.from, i = r.parsed ? b(r.parsed) : r.resetToCommitted ? t?.to : c?.to;
+      o && i && ({ from: o, to: i } = S(o, i));
+      const f = o || i ? { from: o, to: i } : void 0;
+      return $e({
+        startInput: m,
+        endInput: y,
+        committedStart: C,
+        committedEnd: I,
+        committedRange: t,
+        computeEffectiveRange: () => f,
+        rangesEqual: (w, He) => ft(w, He)
+      });
+    }, [
+      m,
+      y,
+      C,
+      I,
+      t,
+      c,
+      n,
+      s,
+      S,
+      b
+    ]);
+    return l.useLayoutEffect(() => {
+      Y.current = {
+        onDismiss: A,
+        resolveFlash: ze
+      };
+    }), /* @__PURE__ */ u(
+      "div",
+      {
+        ref: $,
+        "data-component": "week-range-picker",
+        "data-disabled": d || void 0,
+        children: Ce.wrapControl(
+          /* @__PURE__ */ T(et, { open: d ? !1 : p, onOpenChange: Te, children: [
+            /* @__PURE__ */ u(tt, { asChild: !0, children: /* @__PURE__ */ T(
+              "div",
+              {
+                ref: N,
+                "data-state": p ? "open" : "closed",
+                className: G(
+                  "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
+                  U ? "border-destructive hover:border-destructive" : "border-field",
+                  Q === "sm" ? "h-6" : Q === "md" ? "h-[28px]" : "h-8",
+                  d && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+                  "cursor-pointer",
+                  ke
                 ),
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    ref: me,
-                    type: "text",
-                    value: C,
-                    onChange: De,
-                    onBlur: Q,
-                    onClick: () => !c && p(!0),
-                    onKeyDown: (t) => {
-                      (t.key === "Enter" || t.key === "ArrowDown") && !s && !c && (t.preventDefault(), W.current = !0, p(!0)), t.key === "Escape" && s && (t.preventDefault(), V());
-                    },
-                    placeholder: s ? n : q,
-                    disabled: !!c,
-                    "aria-label": "End Date",
-                    "data-field": "end",
-                    className: A(
-                      "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                      Ce ? "text-destructive" : xe ? "text-content-placeholder" : ""
+                children: [
+                  /* @__PURE__ */ T("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                    /* @__PURE__ */ u(
+                      "input",
+                      {
+                        ref: _,
+                        type: "text",
+                        value: m,
+                        onChange: Be,
+                        onBlur: re,
+                        onClick: () => !d && R(!0),
+                        onKeyDown: (e) => {
+                          e.key === "Enter" && !d && (e.preventDefault(), oe()), e.key === "ArrowDown" && !p && !d && (e.preventDefault(), W.current = !0, R(!0)), e.key === "Escape" && p && (e.preventDefault(), A());
+                        },
+                        placeholder: p ? n : Z,
+                        disabled: !!d,
+                        "aria-label": Ke,
+                        "data-field": "start",
+                        className: G(
+                          "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                          Le ? "text-destructive" : Ve ? "text-content-placeholder" : ""
+                        ),
+                        ...xe
+                      }
+                    ),
+                    /* @__PURE__ */ u(
+                      "input",
+                      {
+                        ref: Ie,
+                        type: "text",
+                        value: y,
+                        onChange: Ne,
+                        onBlur: re,
+                        onClick: () => !d && R(!0),
+                        onKeyDown: (e) => {
+                          e.key === "Enter" && !d && (e.preventDefault(), oe()), e.key === "ArrowDown" && !p && !d && (e.preventDefault(), W.current = !0, R(!0)), e.key === "Escape" && p && (e.preventDefault(), A());
+                        },
+                        placeholder: p ? n : Z,
+                        disabled: !!d,
+                        "aria-label": qe,
+                        "data-field": "end",
+                        className: G(
+                          "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                          je ? "text-destructive" : Oe ? "text-content-placeholder" : ""
+                        )
+                      }
                     )
+                  ] }),
+                  /* @__PURE__ */ T("div", { className: "flex items-center gap-1 shrink-0", children: [
+                    t?.from && !d && /* @__PURE__ */ T(ie, { children: [
+                      /* @__PURE__ */ u(le, { asChild: !0, children: /* @__PURE__ */ u(
+                        "button",
+                        {
+                          type: "button",
+                          tabIndex: 0,
+                          "aria-label": E("calendar.clear"),
+                          onClick: (e) => {
+                            e.stopPropagation(), te();
+                          },
+                          className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
+                          children: /* @__PURE__ */ u(Me, { className: "size-3 hover:text-content text-content-icon" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ u(ae, { variant: "tertiary", side: "top", children: E("calendar.clear") })
+                    ] }),
+                    /* @__PURE__ */ T(ie, { children: [
+                      /* @__PURE__ */ u(le, { asChild: !0, children: /* @__PURE__ */ u("button", { type: "button", tabIndex: 0, "aria-label": E("datePicker.selectWeekRange"), onClick: (e) => {
+                        e.stopPropagation(), d || R(!p);
+                      }, onKeyDown: (e) => {
+                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), d || (W.current = !0, R(!p)));
+                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(Ge, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                      /* @__PURE__ */ u(ae, { variant: "tertiary", side: "top", children: E("datePicker.selectWeekRange") })
+                    ] })
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ u(
+              rt,
+              {
+                ref: M,
+                className: "w-auto p-0",
+                align: "start",
+                "aria-label": E("datePicker.selectWeekRange"),
+                onOpenAutoFocus: (e) => {
+                  W.current || e.preventDefault(), W.current = !1;
+                },
+                ...We,
+                children: /* @__PURE__ */ u(
+                  ot,
+                  {
+                    pickerType: "week",
+                    weekMode: "range",
+                    selectedWeeks: B(c),
+                    footerFlashKey: we,
+                    footerFlashTarget: Ee,
+                    onWeekSelect: Se,
+                    month: Pe,
+                    onMonthChange: P,
+                    disabled: nt(de, pe),
+                    startMonth: me,
+                    endMonth: ue,
+                    showFooter: g,
+                    calendarType: L,
+                    fiscalMode: j,
+                    selectionMode: K,
+                    fiscalMonthPattern: q,
+                    fiscalYearStartMonth: z,
+                    weekStartsOn: H,
+                    onApply: ee,
+                    onCancel: A,
+                    onClear: te,
+                    captionLayout: "dropdown"
                   }
                 )
-              ] }),
-              /* @__PURE__ */ S("div", { className: "flex items-center gap-1 shrink-0", children: [
-                e?.from && !c && /* @__PURE__ */ S(Z, { children: [
-                  /* @__PURE__ */ a(_, { asChild: !0, children: /* @__PURE__ */ a(
-                    "button",
-                    {
-                      type: "button",
-                      tabIndex: 0,
-                      "aria-label": x("calendar.clear"),
-                      onClick: (t) => {
-                        t.stopPropagation(), J();
-                      },
-                      className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ a(Pe, { className: "size-3 hover:text-content text-content-icon" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ a($, { variant: "tertiary", side: "top", children: x("calendar.clear") })
-                ] }),
-                /* @__PURE__ */ S(Z, { children: [
-                  /* @__PURE__ */ a(_, { asChild: !0, children: /* @__PURE__ */ a("button", { type: "button", tabIndex: 0, "aria-label": x("datePicker.selectWeekRange"), onClick: (t) => {
-                    t.stopPropagation(), c || p(!s);
-                  }, onKeyDown: (t) => {
-                    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), c || (W.current = !0, p(!s)));
-                  }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ a(We, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                  /* @__PURE__ */ a($, { variant: "tertiary", side: "top", children: x("datePicker.selectWeekRange") })
-                ] })
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ a(
-          Ve,
-          {
-            className: "w-auto p-0",
-            align: "start",
-            "aria-label": x("datePicker.selectWeekRange"),
-            onOpenAutoFocus: (t) => {
-              W.current || t.preventDefault(), W.current = !1;
-            },
-            children: /* @__PURE__ */ a(
-              Ae,
-              {
-                pickerType: "week",
-                weekMode: "range",
-                selectedWeeks: I(w),
-                onWeekSelect: he,
-                month: ue,
-                onMonthChange: N,
-                disabled: Te(F, ee),
-                startMonth: te,
-                endMonth: ne,
-                showFooter: b,
-                calendarType: T,
-                fiscalMode: j,
-                selectionMode: L,
-                fiscalMonthPattern: M,
-                fiscalYearStartMonth: B,
-                weekStartsOn: K,
-                onApply: ge,
-                onCancel: V,
-                onClear: J,
-                captionLayout: "dropdown"
               }
             )
-          }
+          ] })
         )
-      ] })
-    ) });
+      }
+    );
   }
 );
-ze.displayName = "WeekRangePicker";
+dt.displayName = "WeekRangePicker";
 export {
-  ze as WeekRangePicker
+  dt as WeekRangePicker
 };