@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

package/build/date-picker-z3LcE7Ab.js

@@ -0,0 +1,689 @@
+import { i as s, n as h, r as o, t as Ee } from "./utils-Cona48dZ.js";
+import { n as L, t as B } from "./functions-CLGf7hqw.js";
+import { t as de } from "./component-6HgOL-7c.js";
+import { useTypographyStyles as fe } from "./hooks-use-typography-styles.es.js";
+import { t as G } from "./button-D8zdhI-0.js";
+import { t as Le } from "./error-D1UNY-0f.js";
+import { n as $e, t as _e } from "./popover-1k1MNFwv.js";
+import { t as je } from "./typography-B2KioMfq.js";
+import { a as w, i as Ke, n as Ue } from "./select-B4JeEvIF.js";
+import "./component-stack.es.js";
+import { Fragment as Xe, jsx as D, jsxs as A } from "react/jsx-runtime";
+import { Fragment as Ge, useCallback as N, useEffect as R, useMemo as S, useRef as H, useState as E } from "react";
+var l = /* @__PURE__ */ (function(e) {
+  return e.DD = "DD", e.MM = "MM", e.YYYY = "YYYY", e;
+})({}), Qe = [
+  "mo",
+  "tu",
+  "we",
+  "th",
+  "fr",
+  "sa",
+  "su"
+], gt = (e) => {
+  const { onChange: d } = e, [i, f] = E(null), [u, g] = E(w(e.dateDefault).utc()), [r, m] = E({
+    [l.DD]: "",
+    [l.MM]: "",
+    [l.YYYY]: ""
+  });
+  R(() => {
+    Q.current = r;
+  }, [r]);
+  const v = S(() => r[l.DD] !== "" || r[l.MM] !== "" || r[l.YYYY] !== "", [r]), M = N(() => {
+    m({
+      [l.DD]: "",
+      [l.MM]: "",
+      [l.YYYY]: ""
+    });
+  }, []), [a, Y] = E(null), [ye, V] = E(!1), z = S(() => !e.mode || e.mode.length === 0 ? [
+    l.DD,
+    l.MM,
+    l.YYYY
+  ] : new Set(e.mode).size !== e.mode.length ? [
+    l.DD,
+    l.MM,
+    l.YYYY
+  ] : e.mode, [e.mode]), O = S(() => e.type ? e.type : "manualAndSelect", [e.type]), k = S(() => {
+    const t = [
+      l.DD,
+      l.MM,
+      l.YYYY
+    ], n = Object.fromEntries(t.map((c) => [c, {
+      type: c,
+      value: r[c],
+      placeholder: e.locale.inputs[c === l.DD ? "day" : c === l.MM ? "month" : "year"],
+      isFirst: z[0] === c,
+      isLast: z[z.length - 1] === c,
+      segmentNext: me(c, z),
+      segmentPrev: he(c, z),
+      onNextSegment: () => Y(me(c, z)),
+      onPrevSegment: () => Y(he(c, z)),
+      setValue: (b) => m((y) => ({
+        ...y,
+        [c]: b
+      })),
+      setActive: () => Y(c)
+    }]));
+    return {
+      sort: z.map((c) => n[c]).filter(Boolean),
+      default: n
+    };
+  }, [
+    e,
+    z,
+    r
+  ]), ke = S(() => Qe.map((t, n) => ({
+    index: n,
+    label: e.locale.weeks.find((c) => c.value === t)?.localeShort ?? t.toUpperCase()
+  })), [e.locale.weeks]), $ = S(() => {
+    const t = w.utc(), n = i ?? u, c = n.clone().startOf("month"), b = n.clone().endOf("month"), y = e.dateMin ? w.utc(e.dateMin) : null, x = e.dateMax ? w.utc(e.dateMax) : null, U = c.clone().subtract(c.isoWeekday() - 1, "days"), X = b.clone().add(7 - b.isoWeekday(), "days"), W = [], P = U.clone();
+    for (; P <= X; ) {
+      const J = P.isBetween(c, b, "day", "[]");
+      W.push({
+        value: P.valueOf(),
+        labelString: P.format("dd"),
+        labelNumber: P.date(),
+        dayOfWeek: P.isoWeekday(),
+        isWeekend: [6, 7].includes(P.isoWeekday()),
+        weekOfMonth: Math.ceil((W.length + 1) / 7),
+        isToday: P.isSame(t, "day"),
+        isCurrentMonth: J,
+        isChoice: P.valueOf() === i?.valueOf(),
+        isDisabled: !!(y && P.isBefore(y, "day") || x && P.isAfter(x, "day"))
+      }), P.add(1, "day");
+    }
+    return W;
+  }, [
+    i,
+    u,
+    e.dateMax,
+    e.dateMin
+  ]), ve = S(() => et($.length) + 1, [$]), ee = S(() => o.sizeValue[e.size].radius, [e.size]), be = S(() => o.sizeValue[e.size].padding, [e.size]), T = S(() => i !== null, [i]), te = S(() => {
+    const t = (i ?? u).clone().add(1, "month").startOf("month");
+    return e.dateMax ? t.isAfter(w.utc(e.dateMax), "month") : !1;
+  }, [
+    i,
+    e.dateMax,
+    u
+  ]), ne = S(() => {
+    const t = (i ?? u).clone().subtract(1, "month").startOf("month");
+    return e.dateMin ? t.isBefore(w.utc(e.dateMin), "month") : !1;
+  }, [
+    i,
+    e.dateMin,
+    u
+  ]), [_, ae] = E(!1), Q = H(r), j = H(!1), re = H(""), oe = H(null), ie = H(null), F = H(null), Se = N(() => {
+    e.onFocus?.();
+  }, [e.onFocus]), De = N(() => {
+    e.onBlur?.();
+  }, [e.onBlur]), Pe = N(() => {
+    Y(null);
+  }, []), { isOpen: I, refReference: Me, refFloating: Ye, floatingStyles: Ce, close: Z, toggle: le } = $e({
+    isFocusTrap: !0,
+    placement: "bottom-start",
+    offset: be,
+    mode: "independence",
+    isClickOutside: !0,
+    refsExcludeClickOutside: [oe, ie],
+    isDisabled: e?.isDisabled || e?.isReadOnly,
+    onFocus: Se,
+    onBlur: De,
+    onBlurReference: Pe
+  }), q = S(() => !!(!_ && !T && e.labelPlaceholder && (O === "select" || !I) && !v && !a), [
+    _,
+    T,
+    I,
+    e.labelPlaceholder,
+    v,
+    a,
+    O
+  ]), C = N((t, n, c) => {
+    const b = w(t).utc(), y = b.clone().date().toString(), x = (b.clone().month() + 1).toString(), U = y.padStart(2, "0"), X = x.padStart(2, "0"), W = b.clone().year().toString(), P = c?.[l.DD], J = c?.[l.MM], We = c?.[l.YYYY], He = U === P && X === J && We === W, ue = i?.isSame(b, "day");
+    ue || (f(b), d(b.valueOf())), (!ue || c) && !He && m({
+      [l.DD]: n ? U : y,
+      [l.MM]: n ? X : x,
+      [l.YYYY]: W
+    });
+  }, [i, d]), K = N((t) => {
+    const n = t.key, c = [
+      "ArrowLeft",
+      "ArrowRight",
+      "ArrowUp",
+      "ArrowDown",
+      "Backspace",
+      "Delete",
+      "Tab",
+      "Enter"
+    ], b = /^\d$/.test(n);
+    if (!(b || c.includes(n) || t.ctrlKey || t.metaKey)) {
+      t.preventDefault();
+      return;
+    }
+    if (a && k.default[a]) {
+      if (b && (Je(n, a, r, k), t.preventDefault(), t.stopPropagation()), n === "Tab" && (k.default[a].isLast ? F?.current?.blur() : (t.preventDefault(), k.default[a].onNextSegment())), n === "Enter" && (t.preventDefault(), t.stopPropagation()), n === "Backspace" || n === "Delete") {
+        if (a === l.DD) if (r.DD !== "") {
+          const y = r.DD;
+          if (y.length === 1) k.default[a].setValue("");
+          else {
+            const x = y.slice(0, -1);
+            k.default[a].setValue(x);
+          }
+        } else k.default[a].onPrevSegment();
+        else if (a === l.MM) if (r.MM !== "") {
+          const y = r.MM;
+          if (y.length === 1) k.default[a].setValue("");
+          else {
+            const x = y.slice(0, -1);
+            k.default[a].setValue(x);
+          }
+        } else k.default[a].onPrevSegment();
+        else if (a === l.YYYY) if (r.YYYY !== "") {
+          const y = r.YYYY;
+          if (y.length === 1) k.default[a].setValue("");
+          else {
+            const x = y.slice(0, -1);
+            k.default[a].setValue(x);
+          }
+        } else k.default[a].onPrevSegment();
+        t.preventDefault(), t.stopPropagation();
+      }
+      (n === "ArrowLeft" || n === "ArrowDown") && (t.preventDefault(), k.default[a].onPrevSegment()), (n === "ArrowRight" || n === "ArrowUp") && (t.preventDefault(), k.default[a].onNextSegment());
+    }
+  }, [
+    a,
+    r,
+    k.default,
+    k
+  ]), xe = N(() => {
+    C((i ?? u).clone().add(1, "month").valueOf(), !0);
+  }, [
+    i,
+    C,
+    u
+  ]), Ne = N(() => {
+    C((i ?? u).clone().subtract(1, "month").valueOf(), !0);
+  }, [
+    i,
+    C,
+    u
+  ]), we = N(() => {
+    O !== "select" && (ae(!0), a || Y(l.DD));
+  }, [a, O]), Oe = N(() => {
+    ae(!1), I || e.onBlur?.();
+  }, [I, e.onBlur]), Ve = N((t) => {
+    const n = t.target.value, c = pe(n);
+    if (c) {
+      m({
+        DD: String(c.day).padStart(2, "0"),
+        MM: String(c.month).padStart(2, "0"),
+        YYYY: String(c.year)
+      }), F.current && (F.current.value = "");
+      return;
+    }
+    const b = re.current, y = n.length > b.length ? n.slice(-1) : null;
+    re.current = n, y && /^\d$/.test(y) && K({
+      key: y,
+      preventDefault: () => {
+      },
+      stopPropagation: () => {
+      }
+    }), n.length < b.length && K({
+      key: "Backspace",
+      preventDefault: () => {
+      },
+      stopPropagation: () => {
+      }
+    }), F.current && (F.current.value = "");
+  }, [K]);
+  R(() => {
+    T && !j.current && (j.current = !0);
+  }, [T]), R(() => {
+    g(w(e.dateDefault).utc());
+  }, [e.dateDefault]), R(() => {
+    if (f(e.value || e.defaultValue ? w(e.value ?? e.defaultValue).utc() : null), e.value) {
+      const t = w(e.value).utc();
+      m({
+        [l.DD]: t.date().toString().padStart(2, "0"),
+        [l.MM]: (t.month() + 1).toString().padStart(2, "0"),
+        [l.YYYY]: t.year().toString()
+      });
+    }
+  }, [e.value, e.defaultValue]), R(() => {
+    a || p(r, (t) => {
+      C(t, !0, r), V(!1);
+    }, () => {
+      d(null), V(!0);
+    }, (t) => {
+      t || (j.current && (d(null), j.current = !1), V(!1));
+    });
+  }, [
+    C,
+    d,
+    r,
+    a
+  ]), R(() => {
+    !I && !_ && v && !a && p(r, () => {
+    }, () => {
+      d(null), M(), V(!1);
+    }, () => {
+      d(null), M(), V(!1);
+    });
+  }, [
+    M,
+    r,
+    I,
+    _,
+    d,
+    v,
+    a
+  ]), R(() => {
+    a && p(Q.current, (t) => {
+      C(t, !0, Q.current), V(!1);
+    }, () => {
+      V(!0);
+    }, (t) => {
+      t || V(!1);
+    });
+  }, [C, a]), R(() => {
+    a && (Z(), F?.current?.focus());
+  }, [a, Z]);
+  const { className: ce, style: se } = fe({ sx: {
+    variant: Ee.sizeToController.small,
+    weight: "500",
+    ...e?.sxTypography
+  } }), { className: ze, style: Be } = fe({ sx: {
+    size: 16,
+    weight: e.isBold ? "700" : "400",
+    ...e?.sxTypography
+  } }), { className: Ie, style: Ae } = S(() => {
+    const t = B([h.component.datePicker.wrapper, e.className]), n = {};
+    return n[s.component.datePicker.padding] = o.size[e.size].padding, n[s.component.datePicker.inputBackground] = o.genre.select[e.genre].background.index, n[s.component.datePicker.inputBackgroundHover] = o.genre.input[e.genre].background, n[s.component.datePicker.inputSegmentBackgroundActive] = o.palette.fillQuaternaryLight, n[s.component.datePicker.inputBorderColor] = o.genre.input[e.genre].border, n[s.component.datePicker.inputBorderColorHover] = o.genre.input[e.genre].border, n[s.component.datePicker.inputColor] = o.genre.input[e.genre].color, n[s.component.datePicker.inputColorHover] = o.genre.input[e.genre].color, n[s.component.datePicker.inputPadding] = q ? `0px ${o.size[e.size].padding}` : `0px ${o.size[e.size].padding} 0px ${o.sizeValue[e.size].padding - 2}px`, n[s.component.datePicker.inputHeight] = o.size[e.size].height, n[s.component.datePicker.inputRadius] = o.size[e.size].radius, n[s.component.datePicker.inputValueColor] = o.genre.input[e.genre].color, n[s.component.datePicker.inputPlaceholderColor] = o.genre.input[e.genre].placeholder, n[s.component.datePicker.buttonToggleRight] = `${o.size[e.size].padding}`, n[s.component.datePicker.buttonClearRight] = `${o.sizeValue[e.size].padding * 2 + o.sizeValue[e.size].height}px`, {
+      className: t,
+      style: L([Object.keys(n).length ? n : void 0, e.style])
+    };
+  }, [
+    e.className,
+    e.style,
+    q,
+    e.genre,
+    e.size
+  ]), { className: Re, style: Te } = S(() => {
+    const t = B([e.classNamePopover]), n = {};
+    return n[s.component.datePicker.dayRadius] = `${ee}px`, n[s.component.datePicker.dayBackgroundRest] = o.genre.datepicker[e.genre].background.index, n[s.component.datePicker.dayBackgroundHover] = o.genre.datepicker[e.genre].background.hover, n[s.component.datePicker.dayBackgroundWeekend] = o.genre.datepicker[e.genre].background.weekend, n[s.component.datePicker.dayBackgroundToday] = o.genre.datepicker[e.genre].background.today, n[s.component.datePicker.dayBackgroundChoice] = o.genre.datepicker[e.genre].background.choice, n[s.component.datePicker.dayBorderRest] = o.genre.datepicker[e.genre].border.index, n[s.component.datePicker.dayBorderWeekend] = o.genre.datepicker[e.genre].border.weekend, n[s.component.datePicker.dayBorderToday] = o.genre.datepicker[e.genre].border.today, n[s.component.datePicker.dayBorderChoice] = o.genre.datepicker[e.genre].border.choice, n[s.component.datePicker.dayBorderHover] = o.genre.datepicker[e.genre].border.hover, n[s.component.datePicker.dayColorRest] = o.genre.datepicker[e.genre].color.index, n[s.component.datePicker.dayColorHover] = o.genre.datepicker[e.genre].color.hover, n[s.component.datePicker.dayColorWeekend] = o.genre.datepicker[e.genre].color.weekend, n[s.component.datePicker.dayColorToday] = o.genre.datepicker[e.genre].color.today, n[s.component.datePicker.dayColorChoice] = o.genre.datepicker[e.genre].color.choice, {
+      className: t,
+      style: L([
+        Object.keys(n).length ? n : void 0,
+        {
+          background: o.genre.popover[e.genre].background,
+          border: `solid 1px ${o.genre.input[e.genre].border}`
+        },
+        e.stylePopover
+      ])
+    };
+  }, [
+    e.classNamePopover,
+    e.stylePopover,
+    e.genre,
+    ee
+  ]), Fe = S(() => O !== "manual" || e.isShowClearButton && (T || v) && !e?.isDisabled && !e?.isReadOnly, [
+    O,
+    v,
+    T,
+    e.isShowClearButton,
+    e?.isDisabled,
+    e?.isReadOnly
+  ]);
+  return /* @__PURE__ */ A(Xe, { children: [
+    /* @__PURE__ */ D("div", {
+      className: Ie,
+      style: Ae,
+      tabIndex: -1,
+      children: /* @__PURE__ */ A("div", {
+        ref: Me,
+        tabIndex: -1,
+        onClick: () => {
+          if (O === "select") {
+            le();
+            return;
+          }
+          !a && !e?.isReadOnly && Y(l.DD);
+        },
+        className: B([
+          h.component.datePicker.inputWrapper,
+          h.transition.color,
+          h.control[e.isDisabled ? "none" : e.control ?? (I || a ? "boxShadowSelect" : "boxShadowOnlyHover")]
+        ]),
+        children: [
+          O !== "select" ? /* @__PURE__ */ D("input", {
+            name: e.name,
+            "aria-label": e.ariaLabel ?? e.name,
+            autoComplete: e.autoComplete,
+            id: e.id,
+            ref: F,
+            type: "tel",
+            inputMode: "numeric",
+            tabIndex: 0,
+            disabled: e?.isDisabled || e?.isReadOnly,
+            style: {
+              position: "absolute",
+              left: "-100dvw",
+              top: 0,
+              width: "100%",
+              height: "100%",
+              opacity: 0,
+              border: "none",
+              background: "transparent"
+            },
+            onKeyDown: K,
+            onChange: Ve,
+            onFocus: we,
+            onBlur: Oe
+          }) : null,
+          q ? /* @__PURE__ */ D(je, {
+            sx: {
+              size: 16,
+              line: 1,
+              isNoUserSelect: !0
+            },
+            style: { color: o.genre.input[e.genre].placeholder },
+            children: e.labelPlaceholder
+          }) : k.sort.map((t, n) => /* @__PURE__ */ A(Ge, { children: [/* @__PURE__ */ D("div", {
+            className: B([
+              h.component.datePicker.inputSegment,
+              h.transition.color,
+              ze,
+              !!t.value && h.component.datePicker.inputSegmentHasValue,
+              a === t.type && h.component.datePicker.inputSegmentIsActive
+            ]),
+            style: Be,
+            onClick: (c) => {
+              O !== "select" && (c.preventDefault(), c.stopPropagation(), !(e?.isDisabled || e?.isReadOnly) && t.setActive());
+            },
+            children: t.value || t.placeholder || ""
+          }), n !== k.sort.length - 1 && /* @__PURE__ */ D("span", {
+            style: {
+              width: "4px",
+              pointerEvents: "none",
+              textAlign: "center"
+            },
+            children: "."
+          })] }, t.type)),
+          Fe ? /* @__PURE__ */ A("div", {
+            className: B([h.component.datePicker.listButton]),
+            children: [e.isShowClearButton && (T || v) && !e?.isDisabled && !e?.isReadOnly ? /* @__PURE__ */ D(G, {
+              genre: e.genre,
+              size: "small",
+              isWidthAsHeight: !0,
+              isFullRadius: !0,
+              isFullSize: !0,
+              isHiddenBorder: !0,
+              isOnlyIcon: !0,
+              tabIndex: 0,
+              icons: [{
+                name: "Close",
+                type: "id"
+              }],
+              isDisabled: e?.isDisabled || e?.isReadOnly,
+              onFocus: (t) => {
+                t.preventDefault(), t.stopPropagation(), Y(null);
+              },
+              onClick: (t) => {
+                t.preventDefault(), t.stopPropagation(), d(null), M(), V(!1);
+              }
+            }) : null, O !== "manual" ? /* @__PURE__ */ D(G, {
+              genre: e.genre,
+              size: "small",
+              isWidthAsHeight: !0,
+              isFullRadius: !0,
+              isFullSize: !0,
+              isHiddenBorder: !0,
+              isOnlyIcon: !0,
+              icons: [{
+                name: "Calendar",
+                type: "id"
+              }],
+              isDisabled: e?.isDisabled || e?.isReadOnly,
+              tabIndex: 0,
+              onFocus: (t) => {
+                t.preventDefault(), t.stopPropagation(), Y(null);
+              },
+              onClick: (t) => {
+                t.preventDefault(), t.stopPropagation(), le();
+              }
+            }) : null]
+          }) : null
+        ]
+      })
+    }),
+    /* @__PURE__ */ D(_e, {
+      style: Te,
+      className: Re,
+      size: e.size,
+      genre: e.genre,
+      isOpen: I,
+      floatingStyles: Ce,
+      ref: Ye,
+      control: "boxShadowSelect",
+      isDisabledBoxShadow: !0,
+      children: /* @__PURE__ */ A("div", {
+        className: B([h.component.datePicker.dropdownList]),
+        children: [/* @__PURE__ */ A(de, {
+          style: {
+            justifyContent: "space-between",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ D(G, {
+              type: "button",
+              isFullRadius: !0,
+              icons: [{
+                name: "Arrow2",
+                type: "id",
+                turn: 90
+              }],
+              isWidthAsHeight: !0,
+              genre: e.genre,
+              size: "small",
+              onClick: () => Ne(),
+              isHidden: ne,
+              isDisabled: ne
+            }),
+            /* @__PURE__ */ A(de, {
+              style: { gap: "8px" },
+              children: [/* @__PURE__ */ D(Ue, {
+                isToggleWhenClickSelectListOption: !0,
+                monthsLocale: e.locale.months,
+                genre: e.genre,
+                size: "small",
+                value: (i ?? u).clone().startOf("month").utc().valueOf(),
+                isOnClickOptionClose: !0,
+                isStayValueAfterSelect: !0,
+                isOnlyColorInSelectListOption: !0,
+                isCenter: !0,
+                isShortLabel: !0,
+                refFloating: oe,
+                onChange: (t) => {
+                  t && C(t, !0);
+                },
+                dateMin: e.dateMin,
+                dateMax: e.dateMax,
+                style: { width: "60px" }
+              }), /* @__PURE__ */ D(Ke, {
+                isToggleWhenClickSelectListOption: !0,
+                genre: e.genre,
+                size: "small",
+                refFloating: ie,
+                value: (i ?? u).clone().startOf("year").utc().valueOf(),
+                onChange: (t) => {
+                  t && C(t, !0);
+                },
+                isOnClickOptionClose: !0,
+                isStayValueAfterSelect: !0,
+                isOnlyColorInSelectListOption: !0,
+                isCenter: !0,
+                dateMin: e.dateMin,
+                dateMax: e.dateMax,
+                style: { width: "60px" }
+              })]
+            }),
+            /* @__PURE__ */ D(G, {
+              type: "button",
+              onClick: () => xe(),
+              isWidthAsHeight: !0,
+              isFullRadius: !0,
+              icons: [{
+                name: "Arrow2",
+                type: "id",
+                turn: -90
+              }],
+              genre: e.genre,
+              size: "small",
+              isDisabled: te,
+              isHidden: te
+            })
+          ]
+        }), /* @__PURE__ */ A("div", {
+          className: B([h.component.datePicker.dropdownListDays]),
+          style: L([{ [s.component.datePicker.rows]: ve }]),
+          children: [ke.map((t, n) => /* @__PURE__ */ D("div", {
+            className: B([
+              h.component.datePicker.dayOfWeek,
+              ce,
+              h.transition.color
+            ]),
+            style: L([se, {
+              [s.component.datePicker.row]: $[0]?.weekOfMonth - 1,
+              [s.component.datePicker.column]: n + 1
+            }]),
+            tabIndex: -1,
+            children: t.label
+          }, `${t.label}-${n}`)), $.map((t) => /* @__PURE__ */ D("div", {
+            className: B([
+              h.component.datePicker.day,
+              ce,
+              h.control[t.isDisabled || t.isChoice ? "none" : "boxShadow"],
+              h.transition.color,
+              t.isDisabled && h.component.datePicker.dayIsHidden,
+              t.isToday && h.component.datePicker.dayIsToday,
+              t.isWeekend && h.component.datePicker.dayIsWeekend,
+              t.isChoice && h.component.datePicker.dayIsChoice,
+              !t.isCurrentMonth && h.component.datePicker.dayIsNotCurrentMonth
+            ]),
+            style: L([se, {
+              [s.component.datePicker.row]: t?.weekOfMonth + 1,
+              [s.component.datePicker.column]: t.dayOfWeek
+            }]),
+            onClick: () => {
+              t.isDisabled || (C(t.value, !0), e.isOnClickClose && Z());
+            },
+            tabIndex: t.isDisabled ? -1 : 0,
+            children: t.labelNumber
+          }, t.value))]
+        })]
+      })
+    }),
+    (e?.error?.isError || ye) && /* @__PURE__ */ D(Le, {
+      size: e?.error?.size ?? e.size,
+      sxTypography: {
+        size: 16,
+        weight: "400",
+        ...e?.error?.sxTypography
+      },
+      ...e.error
+    })
+  ] });
+}, Ze = /^\d{4}-\d{2}-\d{2}$/, qe = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
+function Je(e, d, i, f) {
+  const u = e, g = d, r = i[g] ?? "";
+  if (g === l.DD) {
+    if (r.length >= 2) {
+      f.default[g].setValue(u);
+      return;
+    }
+    if (r === "") {
+      f.default[g].setValue(u);
+      return;
+    }
+    const m = r + u, v = Number(m);
+    if (v > 31) {
+      f.default[g].setValue(u);
+      return;
+    }
+    if (v === 0) {
+      f.default[g].setValue(u);
+      return;
+    }
+    f.default[g].setValue(m), f.default[g].onNextSegment();
+  } else if (g === l.MM) {
+    if (r.length >= 2) {
+      f.default[g].setValue(u);
+      return;
+    }
+    if (r === "") {
+      f.default[g].setValue(u);
+      return;
+    }
+    const m = r + u, v = Number(m);
+    if (v > 12) {
+      f.default[g].setValue(u);
+      return;
+    }
+    if (v === 0) {
+      f.default[g].setValue(u);
+      return;
+    }
+    f.default[g].setValue(m), (m.length === 2 || m.length === 1 && Number(m) > 1) && f.default[g].onNextSegment();
+  } else if (g === l.YYYY) {
+    if (r.length >= 4) {
+      f.default[g].setValue(u);
+      return;
+    }
+    const m = r + u;
+    f.default[g].setValue(m);
+  }
+}
+function pe(e) {
+  if (Ze.test(e)) {
+    const [i, f, u] = e.split("-").map(Number);
+    return ge(i, f, u);
+  }
+  const d = qe.exec(e);
+  if (d) {
+    const [i, f, u, g] = d, r = Number(f), m = Number(u), v = Number(g);
+    let M, a;
+    return r > 12 ? (a = r, M = m) : (M = r, a = m), ge(v, M, a);
+  }
+  return null;
+}
+function ge(e, d, i) {
+  const f = new Date(e, d - 1, i);
+  return f.getFullYear() === e && f.getMonth() === d - 1 && f.getDate() === i ? {
+    year: e,
+    month: d,
+    day: i
+  } : null;
+}
+function et(e) {
+  const i = Math.floor(e / 7);
+  return e % 7 > 0 ? i + 1 : i;
+}
+function me(e, d) {
+  const i = d.indexOf(e);
+  return i < d.length - 1 ? d[i + 1] : d[0];
+}
+function he(e, d) {
+  const i = d.indexOf(e);
+  return i > 0 ? d[i - 1] : d[d.length - 1];
+}
+function p(e, d, i, f) {
+  const u = e.DD, g = e.MM, r = e.YYYY, m = u === "" ? NaN : Number(u), v = g === "" ? NaN : Number(g), M = r === "" ? NaN : Number(r), a = u !== "" || g !== "" || r !== "";
+  if (!Number.isNaN(m) && !Number.isNaN(v) && !Number.isNaN(M)) {
+    const Y = w.utc(`${m}.${v}.${M}`, "D.M.YYYY", !0).startOf("day");
+    Y.isValid() ? d?.(Y.valueOf()) : i?.();
+  } else f?.(a);
+}
+export {
+  gt as t
+};
+
+//# sourceMappingURL=date-picker-z3LcE7Ab.js.map