@jenesei-software/jenesei-kit-react 2.2.0 → 2.2.2

package/build/date-picker-D81n3KbO.js

@@ -0,0 +1,813 @@
+import { i as m, n as S, r as u, t as Yt } from "./utils-BRgi6734.js";
+import { n as re, t as H } from "./functions-DzX-pTN8.js";
+import { t as yt } from "./component-DGfyD5-u.js";
+import "./component-stack.es.js";
+import { useTypographyStyles as gt } from "./hooks-use-typography-styles.es.js";
+import { t as ge } from "./button-C1w25-Hk.js";
+import { t as wt } from "./error-BFb2NCum.js";
+import { n as xt, t as It } from "./popover-DHWcQVp1.js";
+import { t as Ot } from "./typography-07KEDl9_.js";
+import { i as R, r as Bt, t as At } from "./select-CCbtkj6f.js";
+import { n as Rt, t as Tt } from "./dist-ck-7oUux.js";
+import { Fragment as Vt, jsx as f, jsxs as j } from "react/jsx-runtime";
+import { Fragment as zt, memo as x, useCallback as M, useEffect as K, useMemo as b, useRef as Z, useState as q } from "react";
+var g = /* @__PURE__ */ (function(e) {
+  return e.DD = "DD", e.MM = "MM", e.YYYY = "YYYY", e;
+})({}), Wt = [
+  "mo",
+  "tu",
+  "we",
+  "th",
+  "fr",
+  "sa",
+  "su"
+], ht = [
+  g.DD,
+  g.MM,
+  g.YYYY
+], ft = {
+  [g.DD]: "",
+  [g.MM]: "",
+  [g.YYYY]: ""
+}, Dt = Tt(null);
+function t(e) {
+  return Rt(Dt, (n) => {
+    if (!n) throw new Error("DatePicker context is not available.");
+    return e(n);
+  });
+}
+var bn = (e) => {
+  const { ariaLabel: n, autoComplete: a, className: l, classNamePopover: h, control: o, dateDefault: d, dateMax: i, dateMin: D, error: y, genre: p, id: c, isBold: he, isDisabled: k, isOnClickClose: Me, isReadOnly: J, isShowClearButton: ae, labelPlaceholder: se, locale: T, mode: G, name: Ce, onBlur: ce, onChange: V, onFocus: Ne, size: Y, style: Ye, stylePopover: we, sxTypography: xe, type: fe } = e, [C, Ie] = q(null), [I, vt] = q(R(d).utc()), [N, Oe] = q(ft), [v, ee] = q(null), [Be, z] = q(!1), [ie, Ae] = q(!1), ke = Z(N), le = Z(!1), Re = Z(""), Te = Z(null), Ve = Z(null), U = Z(null);
+  K(() => {
+    ke.current = N;
+  }, [N]);
+  const F = b(() => N[g.DD] !== "" || N[g.MM] !== "" || N[g.YYYY] !== "", [N]), E = M((s) => {
+    Oe((r) => ln(r, s) ? r : s);
+  }, []), te = M(() => {
+    E(ft);
+  }, [E]), W = b(() => !G || G.length === 0 || new Set(G).size !== G.length ? ht : G, [G]), L = b(() => fe || "manualAndSelect", [fe]), ze = b(() => ({
+    [g.DD]: T.inputs.day,
+    [g.MM]: T.inputs.month,
+    [g.YYYY]: T.inputs.year
+  }), [
+    T.inputs.day,
+    T.inputs.month,
+    T.inputs.year
+  ]), De = M((s, r) => {
+    Oe((P) => P[s] === r ? P : {
+      ...P,
+      [s]: r
+    });
+  }, []), We = M((s) => {
+    ee(s);
+  }, []), ve = M(() => {
+    ee(null);
+  }, []), ue = M((s) => {
+    ee(sn(s, W));
+  }, [W]), Pe = M((s) => {
+    ee(cn(s, W));
+  }, [W]), He = b(() => Wt.map((s, r) => ({
+    index: r,
+    label: T.weeks.find((P) => P.value === s)?.localeShort ?? s.toUpperCase()
+  })), [T.weeks]), de = b(() => {
+    const s = R.utc(), r = C ?? I, P = r.clone().startOf("month"), w = r.clone().endOf("month"), B = D ? R.utc(D) : null, oe = i ? R.utc(i) : null, me = P.clone().subtract(P.isoWeekday() - 1, "days"), ye = w.clone().add(7 - w.isoWeekday(), "days"), Q = [], O = me.clone();
+    for (; O <= ye; ) {
+      const Se = O.isBetween(P, w, "day", "[]");
+      Q.push({
+        value: O.valueOf(),
+        labelString: O.format("dd"),
+        labelNumber: O.date(),
+        dayOfWeek: O.isoWeekday(),
+        isWeekend: [6, 7].includes(O.isoWeekday()),
+        weekOfMonth: Math.ceil((Q.length + 1) / 7),
+        isToday: O.isSame(s, "day"),
+        isCurrentMonth: Se,
+        isChoice: O.valueOf() === C?.valueOf(),
+        isDisabled: !!(B && O.isBefore(B, "day") || oe && O.isAfter(oe, "day"))
+      }), O.add(1, "day");
+    }
+    return Q;
+  }, [
+    C,
+    I,
+    i,
+    D
+  ]), Fe = b(() => an(de.length) + 1, [de]), Ee = b(() => u.sizeValue[Y].radius, [Y]), Pt = b(() => u.sizeValue[Y].padding, [Y]), $ = b(() => C !== null, [C]), Le = b(() => {
+    const s = (C ?? I).clone().add(1, "month").startOf("month");
+    return i ? s.isAfter(R.utc(i), "month") : !1;
+  }, [
+    C,
+    i,
+    I
+  ]), $e = b(() => {
+    const s = (C ?? I).clone().subtract(1, "month").startOf("month");
+    return D ? s.isBefore(R.utc(D), "month") : !1;
+  }, [
+    C,
+    D,
+    I
+  ]), St = M(() => {
+    Ne?.();
+  }, [Ne]), bt = M(() => {
+    ce?.();
+  }, [ce]), { isOpen: _, refReference: _e, refFloating: Ke, floatingStyles: je, close: X, toggle: Ue } = xt({
+    isFocusTrap: !0,
+    placement: "bottom-start",
+    offset: Pt,
+    mode: "independence",
+    isClickOutside: !0,
+    refsExcludeClickOutside: b(() => [Te, Ve], []),
+    isDisabled: k || J,
+    onFocus: St,
+    onBlur: bt,
+    onBlurReference: ve
+  }), pe = b(() => !!(!ie && !$ && se && (L === "select" || !_) && !F && !v), [
+    ie,
+    $,
+    _,
+    se,
+    F,
+    v,
+    L
+  ]), A = M((s, r, P) => {
+    const w = R(s).utc(), B = w.clone().date().toString(), oe = (w.clone().month() + 1).toString(), me = B.padStart(2, "0"), ye = oe.padStart(2, "0"), Q = w.clone().year().toString(), O = P?.[g.DD], Se = P?.[g.MM], Ct = P?.[g.YYYY], Nt = me === O && ye === Se && Ct === Q, mt = C?.isSame(w, "day");
+    mt || (Ie(w), V(w.valueOf())), (P ? !Nt : !mt) && E({
+      [g.DD]: r ? me : B,
+      [g.MM]: r ? ye : oe,
+      [g.YYYY]: Q
+    });
+  }, [
+    C,
+    V,
+    E
+  ]), ne = M((s) => {
+    const r = s.key, P = [
+      "ArrowLeft",
+      "ArrowRight",
+      "ArrowUp",
+      "ArrowDown",
+      "Backspace",
+      "Delete",
+      "Tab",
+      "Enter"
+    ], w = /^\d$/.test(r);
+    if (!(w || P.includes(r) || s.ctrlKey || s.metaKey)) {
+      s.preventDefault();
+      return;
+    }
+    if (v) {
+      if (w && (on(r, v, N, De, ue), s.preventDefault(), s.stopPropagation()), r === "Tab" && (W[W.length - 1] !== v ? (s.preventDefault(), ue(v)) : U?.current?.blur()), r === "Enter" && (s.preventDefault(), s.stopPropagation()), r === "Backspace" || r === "Delete") {
+        const B = N[v];
+        B !== "" ? De(v, B.length === 1 ? "" : B.slice(0, -1)) : Pe(v), s.preventDefault(), s.stopPropagation();
+      }
+      (r === "ArrowLeft" || r === "ArrowDown") && (s.preventDefault(), Pe(v)), (r === "ArrowRight" || r === "ArrowUp") && (s.preventDefault(), ue(v));
+    }
+  }, [
+    v,
+    ue,
+    Pe,
+    N,
+    W,
+    De
+  ]), Ge = M(() => {
+    A((C ?? I).clone().add(1, "month").valueOf(), !0);
+  }, [
+    C,
+    A,
+    I
+  ]), Xe = M(() => {
+    A((C ?? I).clone().subtract(1, "month").valueOf(), !0);
+  }, [
+    C,
+    A,
+    I
+  ]), Qe = M(() => {
+    L !== "select" && (Ae(!0), ee((s) => s ?? g.DD));
+  }, [L]), Ze = M(() => {
+    Ae(!1), _ || ce?.();
+  }, [_, ce]), qe = M((s) => {
+    const r = s.target.value, P = rn(r);
+    if (P) {
+      E({
+        [g.DD]: String(P.day).padStart(2, "0"),
+        [g.MM]: String(P.month).padStart(2, "0"),
+        [g.YYYY]: String(P.year)
+      }), U.current && (U.current.value = "");
+      return;
+    }
+    const w = Re.current, B = r.length > w.length ? r.slice(-1) : null;
+    Re.current = r, B && /^\d$/.test(B) && ne({
+      key: B,
+      preventDefault: () => {
+      },
+      stopPropagation: () => {
+      }
+    }), r.length < w.length && ne({
+      key: "Backspace",
+      preventDefault: () => {
+      },
+      stopPropagation: () => {
+      }
+    }), U.current && (U.current.value = "");
+  }, [ne, E]);
+  K(() => {
+    $ && !le.current && (le.current = !0);
+  }, [$]), K(() => {
+    vt(R(d).utc());
+  }, [d]), K(() => {
+    if (Ie(e.value || e.defaultValue ? R(e.value ?? e.defaultValue).utc() : null), e.value) {
+      const s = R(e.value).utc();
+      E({
+        [g.DD]: s.date().toString().padStart(2, "0"),
+        [g.MM]: (s.month() + 1).toString().padStart(2, "0"),
+        [g.YYYY]: s.year().toString()
+      });
+    }
+  }, [
+    e.value,
+    e.defaultValue,
+    E
+  ]), K(() => {
+    v || be(N, (s) => {
+      A(s, !0, N), z(!1);
+    }, () => {
+      V(null), z(!0);
+    }, (s) => {
+      s || (le.current && (V(null), le.current = !1), z(!1));
+    });
+  }, [
+    A,
+    V,
+    N,
+    v
+  ]), K(() => {
+    !_ && !ie && F && !v && be(N, () => {
+    }, () => {
+      V(null), te(), z(!1);
+    }, () => {
+      V(null), te(), z(!1);
+    });
+  }, [
+    te,
+    N,
+    _,
+    ie,
+    V,
+    F,
+    v
+  ]), K(() => {
+    v && be(ke.current, (s) => {
+      A(s, !0, ke.current), z(!1);
+    }, () => {
+      z(!0);
+    }, (s) => {
+      s || z(!1);
+    });
+  }, [A, v]), K(() => {
+    v && (X(), U?.current?.focus());
+  }, [v, X]);
+  const Je = b(() => (C ?? I).clone().startOf("month").utc().valueOf(), [C, I]), et = b(() => (C ?? I).clone().startOf("year").utc().valueOf(), [C, I]), tt = M(() => {
+    V(null), te(), z(!1);
+  }, [V, te]), nt = M((s) => {
+    A(s, !0), Me && X();
+  }, [
+    A,
+    Me,
+    X
+  ]), ot = M((s) => {
+    s && A(s, !0);
+  }, [A]), { className: rt, style: at } = gt({ sx: {
+    variant: Yt.sizeToController.small,
+    weight: "500",
+    ...xe
+  } }), { className: st, style: ct } = gt({ sx: {
+    size: 16,
+    weight: he ? "700" : "400",
+    ...xe
+  } }), { className: it, style: lt } = b(() => {
+    const s = H([S.component.datePicker.wrapper, l]), r = {};
+    return r[m.component.datePicker.padding] = u.size[Y].padding, r[m.component.datePicker.inputBackground] = u.genre.select[p].background.index, r[m.component.datePicker.inputBackgroundHover] = u.genre.input[p].background, r[m.component.datePicker.inputSegmentBackgroundActive] = u.palette.fillQuaternaryLight, r[m.component.datePicker.inputBorderColor] = u.genre.input[p].border, r[m.component.datePicker.inputBorderColorHover] = u.genre.input[p].border, r[m.component.datePicker.inputColor] = u.genre.input[p].color, r[m.component.datePicker.inputColorHover] = u.genre.input[p].color, r[m.component.datePicker.inputPadding] = pe ? `0px ${u.size[Y].padding}` : `0px ${u.size[Y].padding} 0px ${u.sizeValue[Y].padding - 2}px`, r[m.component.datePicker.inputHeight] = u.size[Y].height, r[m.component.datePicker.inputRadius] = u.size[Y].radius, r[m.component.datePicker.inputValueColor] = u.genre.input[p].color, r[m.component.datePicker.inputPlaceholderColor] = u.genre.input[p].placeholder, r[m.component.datePicker.buttonToggleRight] = `${u.size[Y].padding}`, r[m.component.datePicker.buttonClearRight] = `${u.sizeValue[Y].padding * 2 + u.sizeValue[Y].height}px`, {
+      className: s,
+      style: re([Object.keys(r).length ? r : void 0, Ye])
+    };
+  }, [
+    l,
+    Ye,
+    pe,
+    p,
+    Y
+  ]), { className: ut, style: dt } = b(() => {
+    const s = H([h]), r = {};
+    return r[m.component.datePicker.dayRadius] = `${Ee}px`, r[m.component.datePicker.dayBackgroundRest] = u.genre.datepicker[p].background.index, r[m.component.datePicker.dayBackgroundHover] = u.genre.datepicker[p].background.hover, r[m.component.datePicker.dayBackgroundWeekend] = u.genre.datepicker[p].background.weekend, r[m.component.datePicker.dayBackgroundToday] = u.genre.datepicker[p].background.today, r[m.component.datePicker.dayBackgroundChoice] = u.genre.datepicker[p].background.choice, r[m.component.datePicker.dayBorderRest] = u.genre.datepicker[p].border.index, r[m.component.datePicker.dayBorderWeekend] = u.genre.datepicker[p].border.weekend, r[m.component.datePicker.dayBorderToday] = u.genre.datepicker[p].border.today, r[m.component.datePicker.dayBorderChoice] = u.genre.datepicker[p].border.choice, r[m.component.datePicker.dayBorderHover] = u.genre.datepicker[p].border.hover, r[m.component.datePicker.dayColorRest] = u.genre.datepicker[p].color.index, r[m.component.datePicker.dayColorHover] = u.genre.datepicker[p].color.hover, r[m.component.datePicker.dayColorWeekend] = u.genre.datepicker[p].color.weekend, r[m.component.datePicker.dayColorToday] = u.genre.datepicker[p].color.today, r[m.component.datePicker.dayColorChoice] = u.genre.datepicker[p].color.choice, {
+      className: s,
+      style: re([
+        Object.keys(r).length ? r : void 0,
+        {
+          background: u.genre.popover[p].background,
+          border: `solid 1px ${u.genre.input[p].border}`
+        },
+        we
+      ])
+    };
+  }, [
+    h,
+    we,
+    p,
+    Ee
+  ]), pt = b(() => L !== "manual" || !!(ae && ($ || F) && !k && !J), [
+    L,
+    F,
+    $,
+    ae,
+    k,
+    J
+  ]), Mt = b(() => ({
+    activeSegment: v,
+    activateSegment: We,
+    ariaLabel: n,
+    autoComplete: a,
+    classNamePopover: ut,
+    classNameTypography: st,
+    classNameTypographyDay: rt,
+    classNameWrapper: it,
+    clearActiveSegment: ve,
+    clearDate: tt,
+    close: X,
+    control: o,
+    dateMax: i,
+    dateMin: D,
+    daysInMonth: de,
+    daysInWeek: He,
+    error: y,
+    floatingStyles: je,
+    genre: p,
+    id: c,
+    input: N,
+    inputPlaceholders: ze,
+    isBlockNextMonth: Le,
+    isBlockPrevMonth: $e,
+    isDisabled: k,
+    isError: Be,
+    isHasInput: F,
+    isHasValue: $,
+    isOpen: _,
+    isReadOnly: J,
+    isShowButtonList: pt,
+    isShowClearButton: ae,
+    isShowPlaceholder: pe,
+    labelPlaceholder: se,
+    localeMonths: T.months,
+    mode: W,
+    monthSelectValue: Je,
+    name: Ce,
+    onBlurInput: Ze,
+    onChangeInput: qe,
+    onFocusInput: Qe,
+    onKeyDown: ne,
+    onNextMonth: Ge,
+    onPrevMonth: Xe,
+    onSelectDay: nt,
+    onSelectMonthYear: ot,
+    refFloating: Ke,
+    refHiddenInput: U,
+    refReference: _e,
+    refSelectMonth: Te,
+    refSelectYear: Ve,
+    rows: Fe,
+    size: Y,
+    stylePopover: dt,
+    styleTypography: ct,
+    styleTypographyDay: at,
+    styleWrapper: lt,
+    toggle: Ue,
+    type: L,
+    yearSelectValue: et
+  }), [
+    v,
+    We,
+    n,
+    a,
+    ut,
+    st,
+    rt,
+    it,
+    ve,
+    tt,
+    X,
+    o,
+    i,
+    D,
+    de,
+    He,
+    y,
+    je,
+    p,
+    c,
+    N,
+    ze,
+    Le,
+    $e,
+    k,
+    Be,
+    F,
+    $,
+    _,
+    J,
+    pt,
+    ae,
+    pe,
+    se,
+    T.months,
+    W,
+    Je,
+    Ce,
+    Ze,
+    qe,
+    Qe,
+    ne,
+    Ge,
+    Xe,
+    nt,
+    ot,
+    Ke,
+    _e,
+    Fe,
+    Y,
+    dt,
+    ct,
+    at,
+    lt,
+    Ue,
+    L,
+    et
+  ]);
+  return /* @__PURE__ */ f(Dt.Provider, {
+    value: Mt,
+    children: /* @__PURE__ */ f(Ht, {})
+  });
+}, Ht = x(() => /* @__PURE__ */ j(Vt, { children: [
+  /* @__PURE__ */ f("div", {
+    className: t((e) => e.classNameWrapper),
+    style: t((e) => e.styleWrapper),
+    tabIndex: -1,
+    children: /* @__PURE__ */ f(Ft, {})
+  }),
+  /* @__PURE__ */ f(Xt, {}),
+  /* @__PURE__ */ f(en, {})
+] })), Ft = x(() => {
+  const e = t((y) => y.activeSegment), n = t((y) => y.activateSegment), a = t((y) => y.control), l = t((y) => y.isDisabled), h = t((y) => y.isOpen), o = t((y) => y.isReadOnly), d = t((y) => y.refReference), i = t((y) => y.toggle), D = t((y) => y.type);
+  return /* @__PURE__ */ j("div", {
+    ref: d,
+    tabIndex: -1,
+    onClick: M(() => {
+      if (D === "select") {
+        i();
+        return;
+      }
+      !e && !o && n(g.DD);
+    }, [
+      e,
+      n,
+      o,
+      i,
+      D
+    ]),
+    className: H([
+      S.component.datePicker.inputWrapper,
+      S.transition.color,
+      S.control[l ? "none" : a ?? (h || e ? "boxShadowSelect" : "boxShadowOnlyHover")]
+    ]),
+    children: [
+      /* @__PURE__ */ f(Et, {}),
+      /* @__PURE__ */ f(Lt, {}),
+      /* @__PURE__ */ f(jt, {})
+    ]
+  });
+}), Et = x(() => {
+  const e = t((c) => c.ariaLabel), n = t((c) => c.autoComplete), a = t((c) => c.id), l = t((c) => c.isDisabled), h = t((c) => c.isReadOnly), o = t((c) => c.name), d = t((c) => c.onBlurInput), i = t((c) => c.onChangeInput), D = t((c) => c.onFocusInput), y = t((c) => c.onKeyDown), p = t((c) => c.refHiddenInput);
+  return t((c) => c.type) === "select" ? null : /* @__PURE__ */ f("input", {
+    name: o,
+    "aria-label": e ?? o,
+    autoComplete: n,
+    id: a,
+    ref: p,
+    type: "tel",
+    inputMode: "numeric",
+    tabIndex: 0,
+    disabled: l || h,
+    style: {
+      position: "absolute",
+      left: "-100dvw",
+      top: 0,
+      width: "100%",
+      height: "100%",
+      opacity: 0,
+      border: "none",
+      background: "transparent"
+    },
+    onKeyDown: y,
+    onChange: i,
+    onFocus: D,
+    onBlur: d
+  });
+}), Lt = x(() => t((e) => e.isShowPlaceholder) ? /* @__PURE__ */ f($t, {}) : /* @__PURE__ */ f(_t, {})), $t = x(() => {
+  const e = t((a) => a.genre), n = t((a) => a.labelPlaceholder);
+  return /* @__PURE__ */ f(Ot, {
+    sx: {
+      size: 16,
+      line: 1,
+      isNoUserSelect: !0
+    },
+    style: { color: u.genre.input[e].placeholder },
+    children: n
+  });
+}), _t = x(() => {
+  const e = t((n) => n.mode);
+  return e.map((n, a) => /* @__PURE__ */ j(zt, { children: [/* @__PURE__ */ f(Kt, { segment: n }), a !== e.length - 1 && /* @__PURE__ */ f("span", {
+    style: {
+      width: "4px",
+      pointerEvents: "none",
+      textAlign: "center"
+    },
+    children: "."
+  })] }, n));
+}), Kt = x((e) => {
+  const { segment: n } = e, a = t((c) => c.activateSegment), l = t((c) => c.classNameTypography), h = t((c) => c.input[n]), o = t((c) => c.activeSegment === n), d = t((c) => c.isDisabled), i = t((c) => c.isReadOnly), D = t((c) => c.inputPlaceholders[n]), y = t((c) => c.styleTypography), p = t((c) => c.type);
+  return /* @__PURE__ */ f("div", {
+    className: H([
+      S.component.datePicker.inputSegment,
+      S.transition.color,
+      l,
+      !!h && S.component.datePicker.inputSegmentHasValue,
+      o && S.component.datePicker.inputSegmentIsActive
+    ]),
+    style: y,
+    onClick: (c) => {
+      p !== "select" && (c.preventDefault(), c.stopPropagation(), !(d || i) && a(n));
+    },
+    children: h || D || ""
+  });
+}), jt = x(() => t((e) => e.isShowButtonList) ? /* @__PURE__ */ j("div", {
+  className: H([S.component.datePicker.listButton]),
+  children: [/* @__PURE__ */ f(Ut, {}), /* @__PURE__ */ f(Gt, {})]
+}) : null), Ut = x(() => {
+  const e = t((i) => i.clearActiveSegment), n = t((i) => i.clearDate), a = t((i) => i.genre), l = t((i) => i.isDisabled), h = t((i) => i.isHasInput), o = t((i) => i.isHasValue), d = t((i) => i.isReadOnly);
+  return !t((i) => i.isShowClearButton) || !o && !h || l || d ? null : /* @__PURE__ */ f(ge, {
+    genre: a,
+    size: "small",
+    isWidthAsHeight: !0,
+    isFullRadius: !0,
+    isFullSize: !0,
+    isHiddenBorder: !0,
+    isOnlyIcon: !0,
+    tabIndex: 0,
+    icons: [{
+      name: "Close",
+      type: "id"
+    }],
+    isDisabled: l || d,
+    onFocus: (i) => {
+      i.preventDefault(), i.stopPropagation(), e();
+    },
+    onClick: (i) => {
+      i.preventDefault(), i.stopPropagation(), n();
+    }
+  });
+}), Gt = x(() => {
+  const e = t((o) => o.clearActiveSegment), n = t((o) => o.genre), a = t((o) => o.isDisabled), l = t((o) => o.isReadOnly), h = t((o) => o.toggle);
+  return t((o) => o.type) === "manual" ? null : /* @__PURE__ */ f(ge, {
+    genre: n,
+    size: "small",
+    isWidthAsHeight: !0,
+    isFullRadius: !0,
+    isFullSize: !0,
+    isHiddenBorder: !0,
+    isOnlyIcon: !0,
+    icons: [{
+      name: "Calendar",
+      type: "id"
+    }],
+    isDisabled: a || l,
+    tabIndex: 0,
+    onFocus: (o) => {
+      o.preventDefault(), o.stopPropagation(), e();
+    },
+    onClick: (o) => {
+      o.preventDefault(), o.stopPropagation(), h();
+    }
+  });
+}), Xt = x(() => {
+  const e = t((d) => d.classNamePopover), n = t((d) => d.floatingStyles), a = t((d) => d.genre), l = t((d) => d.isOpen), h = t((d) => d.refFloating), o = t((d) => d.size);
+  return /* @__PURE__ */ f(It, {
+    style: t((d) => d.stylePopover),
+    className: e,
+    size: o,
+    genre: a,
+    isOpen: l,
+    floatingStyles: n,
+    ref: h,
+    control: "boxShadowSelect",
+    isDisabledBoxShadow: !0,
+    children: /* @__PURE__ */ f(Qt, {})
+  });
+}), Qt = x(() => /* @__PURE__ */ j("div", {
+  className: H([S.component.datePicker.dropdownList]),
+  children: [/* @__PURE__ */ f(Zt, {}), /* @__PURE__ */ f(qt, {})]
+})), Zt = x(() => {
+  const e = t((k) => k.dateMax), n = t((k) => k.dateMin), a = t((k) => k.genre), l = t((k) => k.isBlockNextMonth), h = t((k) => k.isBlockPrevMonth), o = t((k) => k.localeMonths), d = t((k) => k.monthSelectValue), i = t((k) => k.onNextMonth), D = t((k) => k.onPrevMonth), y = t((k) => k.onSelectMonthYear), p = t((k) => k.refSelectMonth), c = t((k) => k.refSelectYear), he = t((k) => k.yearSelectValue);
+  return /* @__PURE__ */ j(yt, {
+    style: {
+      justifyContent: "space-between",
+      alignItems: "center"
+    },
+    children: [
+      /* @__PURE__ */ f(ge, {
+        type: "button",
+        isFullRadius: !0,
+        icons: [{
+          name: "Arrow2",
+          type: "id",
+          turn: 90
+        }],
+        isWidthAsHeight: !0,
+        genre: a,
+        size: "small",
+        onClick: D,
+        isHidden: h,
+        isDisabled: h
+      }),
+      /* @__PURE__ */ j(yt, {
+        style: { gap: "8px" },
+        children: [/* @__PURE__ */ f(At, {
+          isToggleWhenClickSelectListOption: !0,
+          monthsLocale: o,
+          genre: a,
+          size: "small",
+          value: d,
+          isOnClickOptionClose: !0,
+          isStayValueAfterSelect: !0,
+          isOnlyColorInSelectListOption: !0,
+          isCenter: !0,
+          isShortLabel: !0,
+          refFloating: p,
+          onChange: y,
+          dateMin: n,
+          dateMax: e,
+          style: { width: "60px" }
+        }), /* @__PURE__ */ f(Bt, {
+          isToggleWhenClickSelectListOption: !0,
+          genre: a,
+          size: "small",
+          refFloating: c,
+          value: he,
+          onChange: y,
+          isOnClickOptionClose: !0,
+          isStayValueAfterSelect: !0,
+          isOnlyColorInSelectListOption: !0,
+          isCenter: !0,
+          dateMin: n,
+          dateMax: e,
+          style: { width: "60px" }
+        })]
+      }),
+      /* @__PURE__ */ f(ge, {
+        type: "button",
+        onClick: i,
+        isWidthAsHeight: !0,
+        isFullRadius: !0,
+        icons: [{
+          name: "Arrow2",
+          type: "id",
+          turn: -90
+        }],
+        genre: a,
+        size: "small",
+        isDisabled: l,
+        isHidden: l
+      })
+    ]
+  });
+}), qt = x(() => {
+  const e = t((o) => o.classNameTypographyDay), n = t((o) => o.daysInMonth), a = t((o) => o.daysInWeek), l = t((o) => o.rows), h = t((o) => o.styleTypographyDay);
+  return /* @__PURE__ */ j("div", {
+    className: H([S.component.datePicker.dropdownListDays]),
+    style: re([{ [m.component.datePicker.rows]: l }]),
+    children: [a.map((o) => /* @__PURE__ */ f("div", {
+      className: H([
+        S.component.datePicker.dayOfWeek,
+        e,
+        S.transition.color
+      ]),
+      style: re([h, {
+        [m.component.datePicker.row]: n[0]?.weekOfMonth - 1,
+        [m.component.datePicker.column]: o.index + 1
+      }]),
+      tabIndex: -1,
+      children: o.label
+    }, `${o.label}-${o.index}`)), n.map((o) => /* @__PURE__ */ f(Jt, {
+      day: o,
+      classNameTypographyDay: e,
+      styleTypographyDay: h
+    }, o.value))]
+  });
+}), Jt = x((e) => {
+  const { classNameTypographyDay: n, day: a, styleTypographyDay: l } = e, h = t((o) => o.onSelectDay);
+  return /* @__PURE__ */ f("div", {
+    className: H([
+      S.component.datePicker.day,
+      n,
+      S.control[a.isDisabled || a.isChoice ? "none" : "boxShadow"],
+      S.transition.color,
+      a.isDisabled && S.component.datePicker.dayIsHidden,
+      a.isToday && S.component.datePicker.dayIsToday,
+      a.isWeekend && S.component.datePicker.dayIsWeekend,
+      a.isChoice && S.component.datePicker.dayIsChoice,
+      !a.isCurrentMonth && S.component.datePicker.dayIsNotCurrentMonth
+    ]),
+    style: re([l, {
+      [m.component.datePicker.row]: a.weekOfMonth + 1,
+      [m.component.datePicker.column]: a.dayOfWeek
+    }]),
+    onClick: () => {
+      a.isDisabled || h(a.value);
+    },
+    tabIndex: a.isDisabled ? -1 : 0,
+    children: a.labelNumber
+  });
+}), en = x(() => {
+  const e = t((l) => l.error), n = t((l) => l.isError), a = t((l) => l.size);
+  return !e?.isError && !n ? null : /* @__PURE__ */ f(wt, {
+    size: e?.size ?? a,
+    sxTypography: {
+      size: 16,
+      weight: "400",
+      ...e?.sxTypography
+    },
+    ...e ?? {}
+  });
+}), tn = /^\d{4}-\d{2}-\d{2}$/, nn = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
+function on(e, n, a, l, h) {
+  const o = a[n] ?? "";
+  if (n === g.YYYY) {
+    l(n, o.length >= 4 ? e : o + e);
+    return;
+  }
+  if (o.length >= 2 || o === "") {
+    l(n, e);
+    return;
+  }
+  const d = n === g.DD ? 31 : 12, i = o + e, D = Number(i);
+  if (D > d || D === 0) {
+    l(n, e);
+    return;
+  }
+  l(n, i), h(n);
+}
+function rn(e) {
+  if (tn.test(e)) {
+    const [a, l, h] = e.split("-").map(Number);
+    return kt(a, l, h);
+  }
+  const n = nn.exec(e);
+  if (n) {
+    const a = n[1], l = n[2], h = n[3], o = Number(a), d = Number(l), i = Number(h);
+    let D, y;
+    return o > 12 ? (y = o, D = d) : (D = o, y = d), kt(i, D, y);
+  }
+  return null;
+}
+function kt(e, n, a) {
+  const l = new Date(e, n - 1, a);
+  return l.getFullYear() === e && l.getMonth() === n - 1 && l.getDate() === a ? {
+    year: e,
+    month: n,
+    day: a
+  } : null;
+}
+function an(e) {
+  const a = Math.floor(e / 7);
+  return e % 7 > 0 ? a + 1 : a;
+}
+function sn(e, n) {
+  const a = n.indexOf(e);
+  return a < n.length - 1 ? n[a + 1] : n[0];
+}
+function cn(e, n) {
+  const a = n.indexOf(e);
+  return a > 0 ? n[a - 1] : n[n.length - 1];
+}
+function be(e, n, a, l) {
+  const h = e.DD, o = e.MM, d = e.YYYY, i = h === "" ? NaN : Number(h), D = o === "" ? NaN : Number(o), y = d === "" ? NaN : Number(d), p = h !== "" || o !== "" || d !== "";
+  if (!Number.isNaN(i) && !Number.isNaN(D) && !Number.isNaN(y)) {
+    const c = R.utc(`${i}.${D}.${y}`, "D.M.YYYY", !0).startOf("day");
+    c.isValid() ? n?.(c.valueOf()) : a?.();
+  } else l?.(p);
+}
+function ln(e, n) {
+  return e[g.DD] === n[g.DD] && e[g.MM] === n[g.MM] && e[g.YYYY] === n[g.YYYY];
+}
+export {
+  bn as t
+};
+
+//# sourceMappingURL=date-picker-D81n3KbO.js.map