@loczer/storefront-sdk 0.156.0 → 0.158.0

package/dist/components/BookingPeriodSelector/components/BookingEndDateField.js

@@ -1,333 +1,397 @@
-import { jsxs as j, jsx as s } from "react/jsx-runtime";
-import { differenceInCalendarDays as re } from "date-fns";
-import { useRef as L, useState as S, useEffect as m, useMemo as W } from "react";
-import { cn as v, DayPickerField as ae, DayPicker as ie } from "@rpcbase/ui";
-import { useMorphingModalWizardOverlayLayer as de } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-D7hc-dDP.js";
-import { Label as se } from "../../../ui/label.js";
-import { Root as ce, TooltipTrigger as ue, Content as le, Provider as fe } from "../../../ui/tooltip.js";
-import { useBookingPeriod as me } from "../BookingPeriodContext.js";
-import { BookingPeriodFieldErrorMessage as pe } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalDayPickerField as ye } from "./internal/ModalDayPickerField.js";
-const _ = (o) => String(o).padStart(2, "0"), H = (o) => `${o.getFullYear()}-${_(o.getMonth() + 1)}-${_(o.getDate())}`, x = (o) => o.getFullYear() * 12 + o.getMonth(), Q = (o) => new Date(Math.floor(o / 12), o % 12, 1), w = (o) => Q(x(o)), G = (o, a, i) => {
-  const E = x(o), d = x(a), p = Math.max(0, i - 1), D = E + p;
-  if (d < E)
-    return w(a);
-  if (d > D) {
-    const u = d - p;
-    return u === E ? o : Q(u);
+import { jsxs as te, jsx as s } from "react/jsx-runtime";
+import { differenceInCalendarDays as pe } from "date-fns";
+import { createContext as ye, useRef as F, useState as Y, useEffect as h, useContext as De } from "react";
+import { cn as k, DayPickerField as Ee } from "@rpcbase/ui";
+import { useMorphingModalWizardOverlayLayer as he } from "../../../chunks/ui/dist/MorphingModalWizard-D7hc-dDP.js";
+import { DayPicker as ve } from "../../../ui/day-picker.js";
+import { Label as be } from "../../../ui/label.js";
+import { Provider as ge, Root as Me, TooltipTrigger as ke, Content as Te } from "../../../ui/tooltip.js";
+import { useBookingPeriod as Pe } from "../BookingPeriodContext.js";
+import { BookingPeriodFieldErrorMessage as we } from "./BookingPeriodFieldErrorMessage.js";
+import { ModalDayPickerField as Ce } from "./internal/ModalDayPickerField.js";
+const X = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${X(t.getMonth() + 1)}-${X(t.getDate())}`, z = (t) => t.getFullYear() * 12 + t.getMonth(), ne = (t) => new Date(Math.floor(t / 12), t % 12, 1), H = (t) => ne(z(t)), Z = (t, i, r) => {
+  const c = z(t), d = z(i), f = Math.max(0, r - 1), b = c + f;
+  if (d < c)
+    return H(i);
+  if (d > b) {
+    const m = d - f;
+    return m === c ? t : ne(m);
   }
-  return o;
-}, Ee = (o) => {
+  return t;
+}, Fe = (t) => {
   if (typeof PointerEvent == "function") {
-    o.dispatchEvent(new PointerEvent("pointermove", { bubbles: !0, pointerType: "mouse" }));
+    t.dispatchEvent(new PointerEvent("pointermove", { bubbles: !0, pointerType: "mouse" }));
     return;
   }
-  o.dispatchEvent(new MouseEvent("mousemove", { bubbles: !0 }));
-}, J = (o) => {
+  t.dispatchEvent(new MouseEvent("mousemove", { bubbles: !0 }));
+}, ee = (t) => {
   if (typeof PointerEvent == "function") {
-    o.dispatchEvent(new PointerEvent("pointerout", { bubbles: !0, pointerType: "mouse" })), o.dispatchEvent(new PointerEvent("pointerleave", { bubbles: !0, pointerType: "mouse" }));
+    t.dispatchEvent(new PointerEvent("pointerout", { bubbles: !0, pointerType: "mouse" })), t.dispatchEvent(new PointerEvent("pointerleave", { bubbles: !0, pointerType: "mouse" }));
     return;
   }
-  o.dispatchEvent(new MouseEvent("mouseout", { bubbles: !0 })), o.dispatchEvent(new MouseEvent("mouseleave", { bubbles: !0 }));
-}, Fe = () => {
+  t.dispatchEvent(new MouseEvent("mouseout", { bubbles: !0 })), t.dispatchEvent(new MouseEvent("mouseleave", { bubbles: !0 }));
+}, oe = ye(null), re = (t) => {
+  const i = De(oe), { day: r, modifiers: c, className: d, ...f } = t, b = c.disabled ? "cursor-not-allowed" : "cursor-pointer", m = F(null);
+  h(() => {
+    c.focused && m.current?.focus();
+  }, [c.focused]);
+  const p = /* @__PURE__ */ s(
+    "button",
+    {
+      ref: m,
+      ...f,
+      className: k(d, b)
+    }
+  );
+  if (!i)
+    return p;
+  const { labels: y, startDate: L, hoveredEndDate: T, keyboardTooltipDay: P, numberOfMonths: g, overlayLayer: M } = i;
+  if (!L || c.disabled || g === 1)
+    return p;
+  const l = pe(r.date, L);
+  if (l < 0)
+    return p;
+  const B = $(r.date), I = P === B || (!P && T ? $(T) === B : !1), O = y.selectedDaysTooltip?.({ count: l + 1 });
+  return O ? /* @__PURE__ */ te(Me, { open: I, children: [
+    /* @__PURE__ */ s(ke, { asChild: !0, children: p }),
+    /* @__PURE__ */ s(
+      Te,
+      {
+        container: M ?? void 0,
+        side: "top",
+        align: "center",
+        disableAnimation: !0,
+        positionerClassName: M ? "z-[120]" : "z-[80]",
+        className: k(
+          "pointer-events-none rounded-md border bg-popover px-2 py-1 text-xs font-semibold text-primary shadow-md",
+          M ? "z-[120]" : "z-[70]"
+        ),
+        children: /* @__PURE__ */ s("span", { children: O })
+      }
+    )
+  ] }) : p;
+};
+re.displayName = "BookingEndDateDayButton";
+const Re = () => {
   const {
-    labels: o,
-    startDate: a,
-    endDate: i,
-    selectEndDate: E,
+    labels: t,
+    startDate: i,
+    endDate: r,
+    selectEndDate: c,
     isEndDatePopoverOpen: d,
-    setIsEndDatePopoverOpen: p,
-    setIsStartTimeSelectOpen: D,
-    hoveredEndDate: u,
-    setHoveredEndDate: b,
-    resetHoveredEndDate: l,
-    labelClassName: X,
-    inputClassName: O,
-    errors: M,
-    dateLocale: N,
-    numberOfMonths: h,
-    isHydrated: A,
-    openDatePickerOnFocus: Z
-  } = me(), f = L(null), y = L(!1), [ee, te] = S(!1), [F, I] = S(null), [K, C] = S(
-    () => w(a ?? i ?? /* @__PURE__ */ new Date())
-  ), g = de(), ne = !!g || !ee;
-  m(() => {
-    te(!0);
-  }, []), m(() => {
+    setIsEndDatePopoverOpen: f,
+    setIsStartTimeSelectOpen: b,
+    hoveredEndDate: m,
+    setHoveredEndDate: p,
+    resetHoveredEndDate: y,
+    labelClassName: L,
+    inputClassName: T,
+    buttonClassName: P,
+    errors: g,
+    dateLocale: M,
+    numberOfMonths: l,
+    isMobile: B,
+    isHydrated: I,
+    openDatePickerOnFocus: O,
+    withMobileDateDrawer: ae,
+    minSelectableDate: U
+  } = Pe(), D = ae && B, E = F(null), v = F(!1), [ie, de] = Y(!1), [V, N] = Y(null), [j, A] = Y(
+    () => H(i ?? r ?? /* @__PURE__ */ new Date())
+  ), x = he(), se = !!x || !ie;
+  h(() => {
+    de(!0);
+  }, []), h(() => {
     if (typeof document > "u")
       return;
     const e = document.getElementById("end-date-picker");
     if (!(e instanceof HTMLInputElement))
       return;
-    const t = (n) => {
-      y.current = n.key === "ArrowUp" || n.key === "ArrowDown";
+    const n = (o) => {
+      v.current = o.key === "ArrowUp" || o.key === "ArrowDown";
     };
-    return e.addEventListener("keydown", t, !0), () => {
-      e.removeEventListener("keydown", t, !0);
+    return e.addEventListener("keydown", n, !0), () => {
+      e.removeEventListener("keydown", n, !0);
     };
-  }, []), m(() => {
-    if (!d)
+  }, []), h(() => {
+    if (!d || D)
       return;
-    const e = w(a ?? i ?? /* @__PURE__ */ new Date()), t = i ?? a;
-    C(t ? G(e, t, h) : e);
-  }, [i, d, h, a]), m(() => {
+    const e = H(i ?? r ?? /* @__PURE__ */ new Date()), n = r ?? i;
+    A(n ? Z(e, n, l) : e);
+  }, [r, d, l, i]), h(() => {
     if (!d)
       return;
-    const e = u ?? i;
-    e && C((t) => G(t, e, h));
-  }, [i, u, d, h]), m(() => {
-    if (!d || typeof document > "u")
+    const e = m ?? r;
+    e && A((n) => Z(n, e, l));
+  }, [r, m, d, l]), h(() => {
+    if (!d || typeof document > "u" || (y(), D))
       return;
-    l();
     const e = document.getElementById("end-date-picker");
     if (!(e instanceof HTMLElement)) {
-      p(!1);
+      f(!1);
       return;
     }
     document.activeElement !== e && requestAnimationFrame(() => {
       e.focus({ preventScroll: !0 }), e.click();
     });
-  }, [d, l, p]), m(() => {
+  }, [d, y, f]), h(() => {
     if (typeof document > "u")
       return;
     const e = document.getElementById("end-date-picker");
     if (!(e instanceof HTMLInputElement))
       return;
-    const t = () => {
-      D(!1);
+    const n = () => {
+      b(!1);
     };
-    return e.addEventListener("focus", t, !0), () => {
-      e.removeEventListener("focus", t, !0);
+    return e.addEventListener("focus", n, !0), () => {
+      e.removeEventListener("focus", n, !0);
     };
-  }, [D]), m(() => {
+  }, [b]), h(() => {
     if (d || typeof document > "u")
       return;
-    const e = f.current;
+    const e = E.current;
     if (!e)
       return;
-    const n = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-    n instanceof HTMLElement && J(n), f.current = null, I(null);
+    const o = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
+    o instanceof HTMLElement && ee(o), E.current = null, N(null);
   }, [d]);
-  const q = W(() => {
-    const e = (t) => {
-      const { day: n, modifiers: r, className: c, ...k } = t, T = r.disabled ? "cursor-not-allowed" : "cursor-pointer", z = L(null);
-      m(() => {
-        r.focused && z.current?.focus();
-      }, [r.focused]);
-      const P = /* @__PURE__ */ s(
-        "button",
+  const W = F({
+    labels: t,
+    startDate: i,
+    endDate: r,
+    hoveredEndDate: m,
+    keyboardTooltipDay: V,
+    numberOfMonths: l,
+    overlayLayer: x,
+    calendarMonth: j,
+    resetHoveredEndDate: y,
+    setHoveredEndDate: p
+  });
+  W.current = {
+    labels: t,
+    startDate: i,
+    endDate: r,
+    hoveredEndDate: m,
+    keyboardTooltipDay: V,
+    numberOfMonths: l,
+    overlayLayer: x,
+    calendarMonth: j,
+    resetHoveredEndDate: y,
+    setHoveredEndDate: p
+  };
+  const K = F(null);
+  if (!K.current) {
+    const e = (n) => {
+      const {
+        labels: o,
+        startDate: a,
+        endDate: u,
+        hoveredEndDate: w,
+        keyboardTooltipDay: S,
+        numberOfMonths: Q,
+        overlayLayer: ce,
+        calendarMonth: le,
+        resetHoveredEndDate: ue,
+        setHoveredEndDate: fe
+      } = W.current, me = {
+        labels: o,
+        startDate: a,
+        hoveredEndDate: w,
+        keyboardTooltipDay: S,
+        numberOfMonths: Q,
+        overlayLayer: ce
+      };
+      return /* @__PURE__ */ s(oe.Provider, { value: me, children: /* @__PURE__ */ s(ge, { delayDuration: 0, children: /* @__PURE__ */ s("div", { onMouseLeave: ue, children: /* @__PURE__ */ s(
+        ve,
         {
-          ref: z,
-          ...k,
-          className: v(c, T)
-        }
-      );
-      if (!a || r.disabled)
-        return P;
-      const R = re(n.date, a);
-      if (R < 0)
-        return P;
-      const U = H(n.date), oe = F === U || (!F && u ? H(u) === U : !1), V = o.selectedDaysTooltip?.({ count: R + 1 });
-      return V ? /* @__PURE__ */ j(ce, { open: oe, children: [
-        /* @__PURE__ */ s(ue, { asChild: !0, children: P }),
-        /* @__PURE__ */ s(
-          le,
-          {
-            container: g ?? void 0,
-            side: "top",
-            align: "center",
-            disableAnimation: !0,
-            positionerClassName: g ? "z-[120]" : "z-[80]",
-            className: v(
-              "pointer-events-none rounded-md border bg-popover px-2 py-1 text-xs font-semibold text-primary shadow-md",
-              g ? "z-[120]" : "z-[70]"
-            ),
-            children: /* @__PURE__ */ s("span", { children: V })
+          ...n,
+          mode: "range",
+          month: le,
+          onMonthChange: (C) => {
+            A(H(C));
+          },
+          selected: {
+            from: a,
+            to: w || u
+          },
+          components: {
+            ...n.components,
+            DayButton: re
+          },
+          onSelect: (C, R) => {
+            n.onSelect?.(R);
+          },
+          onDayMouseEnter: (C, R) => {
+            Q !== 1 && a && !R.disabled && C >= a && fe(C);
           }
-        )
-      ] }) : P;
-    };
-    return e.displayName = "BookingEndDateDayButton", e;
-  }, [u, F, o, g, a]), Y = W(() => {
-    const e = (t) => /* @__PURE__ */ s(fe, { delayDuration: 0, children: /* @__PURE__ */ s("div", { onMouseLeave: l, children: /* @__PURE__ */ s(
-      ie,
-      {
-        ...t,
-        mode: "range",
-        month: K,
-        onMonthChange: (n) => {
-          C(w(n));
-        },
-        selected: {
-          from: a,
-          to: u || i
-        },
-        components: {
-          ...t.components,
-          DayButton: q
-        },
-        onSelect: (n, r) => {
-          t.onSelect?.(r);
-        },
-        onDayMouseEnter: (n, r) => {
-          a && !r.disabled && n >= a && b(n);
         }
-      }
-    ) }) });
-    return e.displayName = "BookingEndDateDayPicker", e;
-  }, [
-    q,
-    a,
-    i,
-    u,
-    K,
-    l,
-    b
-  ]), B = () => {
+      ) }) }) });
+    };
+    e.displayName = "BookingEndDateDayPicker", K.current = e;
+  }
+  const _ = K.current, q = () => {
     if (typeof document > "u") {
-      f.current = null;
+      E.current = null;
       return;
     }
-    const e = f.current;
+    const e = E.current;
     if (!e)
       return;
-    const n = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-    n instanceof HTMLElement && J(n), f.current = null, I(null);
-  }, $ = (e) => {
+    const o = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
+    o instanceof HTMLElement && ee(o), E.current = null, N(null);
+  }, G = (e) => {
     if (typeof document > "u")
       return;
-    const t = H(e);
-    if (f.current === t)
+    const n = $(e);
+    if (E.current === n)
       return;
-    B(), f.current = t, I(t);
-    let n = 0;
-    const r = 6, c = () => {
-      if (f.current !== t)
+    q(), E.current = n, N(n);
+    let o = 0;
+    const a = 6, u = () => {
+      if (E.current !== n)
         return;
-      const k = document.getElementById("end-date-calendar");
-      if (!(k instanceof HTMLElement)) {
-        n += 1, n <= r && requestAnimationFrame(c);
+      const w = document.getElementById("end-date-calendar");
+      if (!(w instanceof HTMLElement)) {
+        o += 1, o <= a && requestAnimationFrame(u);
         return;
       }
-      const T = k.querySelector(`[data-day="${t}"] button:not([disabled])`);
-      if (T instanceof HTMLElement) {
-        Ee(T);
+      const S = w.querySelector(`[data-day="${n}"] button:not([disabled])`);
+      if (S instanceof HTMLElement) {
+        Fe(S);
         return;
       }
-      n += 1, n <= r && requestAnimationFrame(c);
+      o += 1, o <= a && requestAnimationFrame(u);
     };
-    requestAnimationFrame(c);
+    requestAnimationFrame(u);
+  }, J = () => {
+    D && f(!0);
   };
-  return /* @__PURE__ */ j("div", { className: "group/form-item relative flex-grow", children: [
-    /* @__PURE__ */ s(se, { htmlFor: "end-date-picker", className: v("mb-1 block text-sm font-medium", X), children: /* @__PURE__ */ s("span", { children: o.endDate }) }),
-    ne ? /* @__PURE__ */ s(
-      ye,
-      {
-        id: "end-date-picker",
-        value: i ?? null,
-        placeholder: o.pickEndDate,
-        triggerTestId: "end-date-trigger",
-        isHydrated: A,
-        open: d,
-        onOpenChange: p,
-        openOnFocus: Z,
-        onValueUpdate: (e) => {
-          const t = (() => {
-            if (!d || typeof document > "u")
-              return !1;
-            const n = document.activeElement;
-            return n instanceof HTMLElement && n.id === "end-date-picker";
-          })();
-          if (!a || !e || e < a) {
-            l(), t && B();
-            return;
+  return /* @__PURE__ */ te(
+    "div",
+    {
+      className: k("group/form-item relative flex-grow", D && "cursor-pointer rounded-md"),
+      onPointerDownCapture: J,
+      onClick: J,
+      children: [
+        /* @__PURE__ */ s(
+          be,
+          {
+            htmlFor: "end-date-picker",
+            className: k("mb-1 block text-sm font-medium", D && "cursor-pointer", L),
+            children: /* @__PURE__ */ s("span", { children: t.endDate })
           }
-          b(e), t && $(e);
-        },
-        onChange: (e) => {
-          if (l(), (() => {
-            if (typeof document > "u")
-              return y.current = !1, !1;
-            const r = document.activeElement, c = y.current && r instanceof HTMLElement && r.id === "end-date-picker";
-            return y.current = !1, c;
-          })() || e && i && e.getFullYear() === i.getFullYear() && e.getMonth() === i.getMonth() && e.getDate() === i.getDate())
-            return;
-          const n = (() => {
-            if (!e || typeof document > "u")
-              return !1;
-            const r = document.activeElement;
-            return r instanceof HTMLElement ? !!(document.getElementById("end-date-calendar")?.contains(r) || r.id === "end-date-picker") : !1;
-          })();
-          E(e ?? void 0, { openTimePicker: n });
-        },
-        inputClassName: v(M.endDate && "border-destructive", O),
-        dayPickerComponent: Y,
-        dayPickerProps: {
-          id: "end-date-calendar",
-          locale: N,
-          showOutsideDays: !1,
-          numberOfMonths: h,
-          disabled: (e) => a && e < a || e < new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
-          initialFocus: !0,
-          "data-testid": "end-date-calendar"
-        },
-        portalContainer: g
-      }
-    ) : /* @__PURE__ */ s(
-      ae,
-      {
-        id: "end-date-picker",
-        value: i ?? null,
-        placeholder: o.pickEndDate,
-        triggerTestId: "end-date-trigger",
-        isHydrated: A,
-        open: d,
-        onOpenChange: p,
-        onValueUpdate: (e) => {
-          const t = (() => {
-            if (!d || typeof document > "u")
-              return !1;
-            const n = document.activeElement;
-            return n instanceof HTMLElement && n.id === "end-date-picker";
-          })();
-          if (!a || !e || e < a) {
-            l(), t && B();
-            return;
+        ),
+        se ? /* @__PURE__ */ s(
+          Ce,
+          {
+            id: "end-date-picker",
+            value: r ?? null,
+            placeholder: t.pickEndDate,
+            triggerTestId: "end-date-trigger",
+            isHydrated: I,
+            open: D ? !1 : d,
+            onOpenChange: f,
+            readOnly: D,
+            openOnFocus: O,
+            onValueUpdate: (e) => {
+              const n = (() => {
+                if (!d || typeof document > "u")
+                  return !1;
+                const o = document.activeElement;
+                return o instanceof HTMLElement && o.id === "end-date-picker";
+              })();
+              if (!i || !e || e < i) {
+                y(), n && q();
+                return;
+              }
+              p(e), n && G(e);
+            },
+            onChange: (e) => {
+              if (y(), (() => {
+                if (typeof document > "u")
+                  return v.current = !1, !1;
+                const a = document.activeElement, u = v.current && a instanceof HTMLElement && a.id === "end-date-picker";
+                return v.current = !1, u;
+              })() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate())
+                return;
+              const o = (() => {
+                if (!e || typeof document > "u")
+                  return !1;
+                const a = document.activeElement;
+                return a instanceof HTMLElement ? !!(document.getElementById("end-date-calendar")?.contains(a) || a.id === "end-date-picker") : !1;
+              })();
+              c(e ?? void 0, { openTimePicker: o });
+            },
+            inputClassName: k(g.endDate && "border-destructive", T, P),
+            dayPickerComponent: _,
+            dayPickerProps: {
+              id: "end-date-calendar",
+              locale: M,
+              showOutsideDays: !1,
+              numberOfMonths: l,
+              disabled: (e) => i && e < i || e < U,
+              initialFocus: !0,
+              "data-testid": "end-date-calendar"
+            },
+            portalContainer: x
           }
-          b(e), t && $(e);
-        },
-        onChange: (e) => {
-          if (l(), (() => {
-            if (typeof document > "u")
-              return y.current = !1, !1;
-            const r = document.activeElement, c = y.current && r instanceof HTMLElement && r.id === "end-date-picker";
-            return y.current = !1, c;
-          })() || e && i && e.getFullYear() === i.getFullYear() && e.getMonth() === i.getMonth() && e.getDate() === i.getDate())
-            return;
-          const n = (() => {
-            if (!e || typeof document > "u")
-              return !1;
-            const r = document.activeElement;
-            return r instanceof HTMLElement ? !!(document.getElementById("end-date-calendar")?.contains(r) || r.id === "end-date-picker") : !1;
-          })();
-          E(e ?? void 0, { openTimePicker: n });
-        },
-        inputClassName: v(M.endDate && "border-destructive", O),
-        dayPickerComponent: Y,
-        dayPickerProps: {
-          id: "end-date-calendar",
-          locale: N,
-          showOutsideDays: !1,
-          numberOfMonths: h,
-          disabled: (e) => a && e < a || e < new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
-          initialFocus: !0,
-          "data-testid": "end-date-calendar"
-        }
-      }
-    ),
-    M.endDate && /* @__PURE__ */ s(pe, { children: M.endDate })
-  ] });
+        ) : /* @__PURE__ */ s(
+          Ee,
+          {
+            id: "end-date-picker",
+            value: r ?? null,
+            placeholder: t.pickEndDate,
+            triggerTestId: "end-date-trigger",
+            isHydrated: I,
+            open: D ? !1 : d,
+            onOpenChange: f,
+            readOnly: D,
+            onValueUpdate: (e) => {
+              const n = (() => {
+                if (!d || typeof document > "u")
+                  return !1;
+                const o = document.activeElement;
+                return o instanceof HTMLElement && o.id === "end-date-picker";
+              })();
+              if (!i || !e || e < i) {
+                y(), n && q();
+                return;
+              }
+              p(e), n && G(e);
+            },
+            onChange: (e) => {
+              if (y(), (() => {
+                if (typeof document > "u")
+                  return v.current = !1, !1;
+                const a = document.activeElement, u = v.current && a instanceof HTMLElement && a.id === "end-date-picker";
+                return v.current = !1, u;
+              })() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate())
+                return;
+              const o = (() => {
+                if (!e || typeof document > "u")
+                  return !1;
+                const a = document.activeElement;
+                return a instanceof HTMLElement ? !!(document.getElementById("end-date-calendar")?.contains(a) || a.id === "end-date-picker") : !1;
+              })();
+              c(e ?? void 0, { openTimePicker: o });
+            },
+            inputClassName: k(g.endDate && "border-destructive", T, P),
+            dayPickerComponent: _,
+            dayPickerProps: {
+              id: "end-date-calendar",
+              locale: M,
+              showOutsideDays: !1,
+              numberOfMonths: l,
+              disabled: (e) => i && e < i || e < U,
+              initialFocus: !0,
+              "data-testid": "end-date-calendar"
+            }
+          }
+        ),
+        g.endDate && /* @__PURE__ */ s(we, { children: g.endDate })
+      ]
+    }
+  );
 };
 export {
-  Fe as BookingEndDateField
+  Re as BookingEndDateField
 };