urfu-ui-kit-react 2.1.7-next.3 → 2.1.7-next.5

package/dist/components/Calendar/Calendar.js

@@ -1,42 +1,43 @@
-import { jsx as o, jsxs as P, Fragment as ze } from "react/jsx-runtime";
-import { getFieldAccessibility$u as We } from "../../shared/fieldAccessibility.js";
-import { useRef as ne, useState as v, useInsertionEffect as Ge, useEffect as _, useMemo as F, useContext as Ve, createContext as Ke } from "react";
-import { createPortal as Ye } from "react-dom";
-import Je, { registerLocale$u as Qe } from "../../vendor/react-datepicker/dist/es/index.js";
+import { jsx as o, jsxs as T, Fragment as ot } from "react/jsx-runtime";
+import { getFieldAccessibility$u as nt } from "../../shared/fieldAccessibility.js";
+import { useRef as he, useState as g, useInsertionEffect as it, useEffect as A, useMemo as m, useContext as at, createContext as lt } from "react";
+import { createPortal as ct } from "react-dom";
+import st, { registerLocale$u as dt } from "../../vendor/react-datepicker/dist/es/index.js";
 /* empty css                                                  */
-import { MaskedDateInput$u as Xe } from "./MaskedDateInput.js";
-import { Tooltip$u as Ze } from "../Tooltip/Tooltip.js";
-import { ru$u as Ue } from "../../vendor/date-fns/locale/ru.js";
+import { MaskedDateInput$u as ut } from "./MaskedDateInput.js";
+import { Tooltip$u as pt } from "../Tooltip/Tooltip.js";
+import { ru$u as mt } from "../../vendor/date-fns/locale/ru.js";
+import { toCalendarDay$u as J, isCalendarRangeBlocked$u as ge, isCalendarDayBlocked$u as ft } from "../../vanilla/core/dateLimits.js";
 /* empty css          */
-import { useMountTransition$u as Re } from "../../hooks/useMountTransition.js";
-import { POPUP_TRANSITION_MS$u as et } from "../../shared/popupTransition.js";
-import { useAutoId$u as tt } from "../../hooks/useAutoId.js";
-import { isCompact$u as rt, sizeClassName$u as ot } from "../../shared/size.js";
-import { getPortalScopeProps$u as nt } from "../../shared/uiKitDefaults.js";
-import { CalendarSelect$u as ae } from "./CalendarSelect.js";
-import { resolveValidation$u as at } from "../../vanilla/core/validation.js";
-import { getYear$u as B } from "../../vendor/date-fns/getYear.js";
-import { getMonth$u as it } from "../../vendor/date-fns/getMonth.js";
-import { differenceInCalendarDays$u as ie } from "../../vendor/date-fns/differenceInCalendarDays.js";
-import { isSameDay$u as lt } from "../../vendor/date-fns/isSameDay.js";
-Qe(
+import { useMountTransition$u as yt } from "../../hooks/useMountTransition.js";
+import { POPUP_TRANSITION_MS$u as vt } from "../../shared/popupTransition.js";
+import { useAutoId$u as bt } from "../../hooks/useAutoId.js";
+import { isCompact$u as ht, sizeClassName$u as gt } from "../../shared/size.js";
+import { getUiKitPrefix$u as a, kitCls$u as w, getPortalScopeProps$u as kt } from "../../shared/uiKitDefaults.js";
+import { CalendarSelect$u as ke } from "./CalendarSelect.js";
+import { resolveValidation$u as xt } from "../../vanilla/core/validation.js";
+import { getYear$u as Q } from "../../vendor/date-fns/getYear.js";
+import { getMonth$u as wt } from "../../vendor/date-fns/getMonth.js";
+import { differenceInCalendarDays$u as xe } from "../../vendor/date-fns/differenceInCalendarDays.js";
+import { isSameDay$u as Ct } from "../../vendor/date-fns/isSameDay.js";
+dt(
   "ru",
-  Ue
+  mt
 );
-const b = (c) => {
-  if (!c) return null;
-  const u = new Date(c);
-  return u.setHours(12, 0, 0, 0), u;
+const k = (d) => {
+  if (!d) return null;
+  const p = new Date(d);
+  return p.setHours(12, 0, 0, 0), p;
 };
-function ct(c, u, N = 1) {
+function Dt(d, p, B = 1) {
   return {
     *[Symbol.iterator]() {
-      for (let p = c; p < u; p += N)
-        yield p;
+      for (let f = d; f < p; f += B)
+        yield f;
     }
   };
 }
-const O = [
+const E = [
   "Январь",
   "Февраль",
   "Март",
@@ -49,161 +50,179 @@ const O = [
   "Октябрь",
   "Ноябрь",
   "Декабрь"
-], st = [
-  ...ct(B(/* @__PURE__ */ new Date()) - 100, B(/* @__PURE__ */ new Date()) + 15, 1)
-], le = Ke(null), ut = ({ children: c }) => {
-  const u = Ve(le);
-  return u ? Ye(/* @__PURE__ */ o("div", { children: c }), u) : /* @__PURE__ */ o(ze, { children: c });
-}, Tt = ({
-  "aria-label": c,
-  "aria-labelledby": u,
-  "aria-describedby": N,
-  title: p = "",
-  selected: T,
-  onChange: f,
-  range: d = !1,
-  startDate: H,
-  endDate: q,
-  onRangeChange: A,
-  isFilter: ce,
-  placeholder: se,
-  inline: E,
-  portalOn: z = !1,
-  open: W,
-  greyIcon: ue,
-  isClearable: x,
-  setOptionState: G,
-  tableView: V,
-  size: K,
-  id: de,
-  required: Y = !1,
-  validationText: pe = "Заполните поле",
-  validationOn: me,
-  error: fe,
-  validationOnWithoutText: ye,
-  absoluteValidationText: ve,
-  lineUp: $ = !1,
-  rowGap: be = 4,
-  columnGap: he = 20,
-  styleInputContainer: ge,
-  styleTitle: xe,
-  disabled: J,
-  wheelEdit: we = !1,
-  showHint: ke = !1,
-  hintText: Ce = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
-  tooltipMaxWidth: De = 300
+], $t = [
+  ...Dt(Q(/* @__PURE__ */ new Date()) - 100, Q(/* @__PURE__ */ new Date()) + 15, 1)
+], we = lt(null), St = ({ children: d }) => {
+  const p = at(we);
+  return p ? ct(/* @__PURE__ */ o("div", { children: d }), p) : /* @__PURE__ */ o(ot, { children: d });
+}, Qt = ({
+  "aria-label": d,
+  "aria-labelledby": p,
+  "aria-describedby": B,
+  title: f = "",
+  selected: L,
+  onChange: b,
+  range: u = !1,
+  startDate: U,
+  endDate: X,
+  onRangeChange: j,
+  isFilter: Ce,
+  placeholder: De,
+  inline: F,
+  portalOn: Z = !1,
+  open: R,
+  greyIcon: $e,
+  isClearable: C,
+  setOptionState: ee,
+  tableView: te,
+  size: re,
+  id: Se,
+  required: oe = !1,
+  validationText: _e = "Заполните поле",
+  validationOn: Pe,
+  error: Ie,
+  validationOnWithoutText: Me,
+  absoluteValidationText: Oe,
+  lineUp: H = !1,
+  rowGap: Ne = 4,
+  columnGap: Te = 20,
+  styleInputContainer: Ae,
+  styleTitle: Ee,
+  disabled: ne,
+  wheelEdit: Be = !1,
+  showHint: Le = !1,
+  hintText: je = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
+  tooltipMaxWidth: Fe = 300,
+  minDate: ie,
+  maxDate: ae,
+  excludeDates: D,
+  allowDisabledInRange: le = !0
 }) => {
-  const Se = rt(K, V), Ie = ot(K, V), w = at({ error: fe, validationOn: me, validationOnWithoutText: ye, validationText: pe }), m = tt(de, "u-calendar"), Q = `u-calendar-portal-${m}`, j = ne(null), X = ne(null), [Me] = v(
+  const He = ht(re, te), qe = gt(re, te), $ = xt({ error: Ie, validationOn: Pe, validationOnWithoutText: Me, validationText: _e }), y = bt(Se, w("calendar")), ce = `${a()}-calendar-portal-${y}`, q = he(null), se = he(null), [ze] = g(
     () => typeof document > "u" ? null : document.createElement("div")
-  ), a = z && !E ? Me : null, k = We(m, p, Y, w, {
-    "aria-label": c,
-    "aria-labelledby": u,
-    "aria-describedby": N
-  }), [h, C] = v(!1), {
-    shouldRender: D,
-    status: Pe,
-    isAnimated: _e
-  } = Re({
-    isOpen: !!(W || h),
-    duration: et
-  }), Oe = _e && Pe === "exiting";
-  Ge(() => {
-    if (!a || !D) return;
-    a.id = Q;
-    const e = nt()["data-u-kit"];
-    return e ? a.setAttribute("data-u-kit", e) : a.removeAttribute("data-u-kit"), document.body.appendChild(a), () => a.remove();
-  }, [a, D, Q]);
-  const [Z, y] = v(null), [Ne, Te] = v(!1), [Ae, Ee] = v(!1);
-  _(() => {
+  ), l = Z && !F ? ze : null, S = nt(y, f, oe, $, {
+    "aria-label": d,
+    "aria-labelledby": p,
+    "aria-describedby": B
+  }), [x, _] = g(!1), {
+    shouldRender: P,
+    status: We,
+    isAnimated: Ge
+  } = yt({
+    isOpen: !!(R || x),
+    duration: vt
+  }), Ke = Ge && We === "exiting";
+  it(() => {
+    if (!l || !P) return;
+    l.id = ce;
+    const e = kt()["data-u-kit"];
+    return e ? l.setAttribute("data-u-kit", e) : l.removeAttribute("data-u-kit"), document.body.appendChild(l), () => l.remove();
+  }, [l, P, ce]);
+  const [de, h] = g(null), [Ve, Ye] = g(!1), [Je, Qe] = g(!1);
+  A(() => {
     const e = () => {
-      Ee(window.innerWidth <= 900);
+      Qe(window.innerWidth <= 900);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const U = F(() => b(T), [T]), R = (e, t) => {
+  const ue = m(() => k(L), [L]), pe = (e, t) => {
     const r = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input";
     if (!e) {
-      f == null || f("", { source: r });
+      b == null || b("", { source: r });
       return;
     }
-    const i = b(e);
-    f == null || f(i, { source: r });
-  }, l = F(() => b(H), [H]), s = F(() => b(q), [q]), $e = (e, t) => {
-    var M;
-    const r = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input", [i, g] = e ?? [null, null];
-    A == null || A([b(i), b(g)], { source: r }), r === "calendar" && i && g && C(!1);
-    const I = g ?? i;
-    r === "input" && I && ((M = X.current) == null || M.setPreSelection(I));
+    const i = k(e);
+    b == null || b(i, { source: r });
+  }, z = m(() => J(ie), [ie]), W = m(() => J(ae), [ae]), G = m(
+    () => D == null ? void 0 : D.map(J).filter((e) => e !== null),
+    [D]
+  ), I = m(
+    () => ({ minDate: z, maxDate: W, excludeDates: G }),
+    [z, W, G]
+  ), me = (e) => ft(e, I), c = m(() => k(U), [U]), s = m(() => k(X), [X]), K = u && !le && c && !s ? c : null, V = m(
+    () => K ? (e) => !ge(K, e, I) : void 0,
+    [K, I]
+  ), Ue = (e, t) => {
+    var N;
+    const r = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input", [i, v] = e ?? [null, null];
+    if (!le && r === "input" && i && v && ge(i, v, I)) return;
+    j == null || j([k(i), k(v)], { source: r }), r === "calendar" && i && v && _(!1);
+    const O = v ?? i;
+    r === "input" && O && ((N = se.current) == null || N.setPreSelection(O));
   };
-  _(() => {
+  A(() => {
     const e = (t) => {
-      const r = j.current, i = r == null ? void 0 : r.querySelector(":scope > div > div > input");
-      h && (i && i.focus(), r && !r.contains(t.target) && !(a != null && a.contains(t.target)) && (C(!1), i && i.blur()));
+      const r = q.current, i = r == null ? void 0 : r.querySelector(":scope > div > div > input");
+      x && (i && i.focus(), r && !r.contains(t.target) && !(l != null && l.contains(t.target)) && (_(!1), i && i.blur()));
     };
     return document.addEventListener("click", e), () => {
       document.removeEventListener("click", e);
     };
-  }, [h, a]), _(() => {
+  }, [x, l]), A(() => {
     var e;
-    if (x) {
-      const t = ((e = j.current) == null ? void 0 : e.querySelectorAll(".react-datepicker__close-icon")) ?? [];
+    if (C) {
+      const t = ((e = q.current) == null ? void 0 : e.querySelectorAll(".react-datepicker__close-icon")) ?? [];
       for (const r of t)
-        r.innerHTML = '<i class="u-selectbox-select-icon-cross u-calendar-clear-icon"></i>';
+        r.innerHTML = `<i class="${a()}-selectbox-select-icon-cross ${a()}-calendar-clear-icon"></i>`;
     }
-  }, [T, l == null ? void 0 : l.getTime(), s == null ? void 0 : s.getTime()]);
-  const ee = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), je = (e) => typeof e == "number" ? `calc(${e} * var(--u-unit, 1px))` : String(e), te = (e) => {
+  }, [L, c == null ? void 0 : c.getTime(), s == null ? void 0 : s.getTime()]);
+  const fe = (e) => typeof e == "number" ? `calc(${e} * var(--${a()}-preset-unit, 1px))` : String(e), Xe = (e) => typeof e == "number" ? `calc(${e} * var(--u-unit, 1px))` : String(e), ye = (e) => {
     const t = e.target;
-    t.closest(".react-datepicker") && (d || !t.closest(".react-datepicker__day")) || C(!h);
-  }, Le = d ? {
+    t.closest(".react-datepicker") && (u || !t.closest(".react-datepicker__day") || t.closest(".react-datepicker__day--disabled")) || _(!x);
+  }, Ze = u ? {
     selectsRange: !0,
     // Клик раньше выбранного начала завершает период «кликнутый день — прежнее начало», как и в Vue.
     swapRange: !0,
-    startDate: l,
+    startDate: c,
     endDate: s,
-    onChange: (e, t) => $e(e, t)
+    onChange: (e, t) => Ue(e, t)
   } : {
-    selected: U,
-    onChange: (e, t) => R(e, t)
-  }, [S, L] = v(null), Fe = (l == null ? void 0 : l.getTime()) ?? null, Be = (s == null ? void 0 : s.getTime()) ?? null;
-  _(() => {
-    L(null);
-  }, [Fe, Be, D]);
-  const He = (e) => {
-    if (!l || s) return "";
-    const t = S === null ? 0 : ie(l, S);
-    if (S !== null && t > 0) {
-      const r = ie(e, S);
+    selected: ue,
+    onChange: (e, t) => pe(e, t)
+  }, [M, Y] = g(null), Re = (c == null ? void 0 : c.getTime()) ?? null, et = (s == null ? void 0 : s.getTime()) ?? null;
+  A(() => {
+    Y(null);
+  }, [Re, et, P]);
+  const tt = (e) => {
+    if (!c || s) return "";
+    const t = M === null ? 0 : xe(c, M);
+    if (M !== null && t > 0) {
+      const r = xe(e, M);
       return r === 0 ? "react-datepicker__day--in-selecting-range react-datepicker__day--selecting-range-start" : r === t ? "react-datepicker__day--in-selecting-range react-datepicker__day--selecting-range-end" : r > 0 && r < t ? "react-datepicker__day--in-selecting-range" : "";
     }
-    return lt(e, l) ? "u-calendar-day--range-pending" : "";
-  }, qe = d ? !!(l || s) : !!U, re = /* @__PURE__ */ o(
-    Je,
+    return Ct(e, c) ? w("calendar-day--range-pending") : "";
+  }, rt = u ? !!(c || s) : !!ue, ve = /* @__PURE__ */ o(
+    st,
     {
-      ref: X,
-      ariaLabelledBy: k["aria-labelledby"],
-      ariaDescribedBy: k["aria-describedby"],
-      ariaInvalid: k["aria-invalid"] ? "true" : void 0,
-      ariaRequired: k["aria-required"] ? "true" : void 0,
-      open: E ? W || h : D,
-      inline: E,
-      popperContainer: a ? ut : void 0,
+      ref: se,
+      ariaLabelledBy: S["aria-labelledby"],
+      ariaDescribedBy: S["aria-describedby"],
+      ariaInvalid: S["aria-invalid"] ? "true" : void 0,
+      ariaRequired: S["aria-required"] ? "true" : void 0,
+      open: F ? R || x : P,
+      inline: F,
+      popperContainer: l ? St : void 0,
       popperPlacement: "bottom-end",
-      popperClassName: [Oe ? "u-calendar-popper--closing" : "", z ? "u-calendar-popper--portal" : ""].filter(Boolean).join(" ") || void 0,
-      dayClassName: d ? He : void 0,
-      onDayMouseEnter: d ? (e) => L(s ? null : e.getTime()) : void 0,
-      onMonthMouseLeave: d ? () => L(null) : void 0,
-      isClearable: x,
+      popperClassName: [Ke ? w("calendar-popper--closing") : "", Z ? w("calendar-popper--portal") : ""].filter(Boolean).join(" ") || void 0,
+      dayClassName: u ? tt : void 0,
+      onDayMouseEnter: u ? (e) => Y(s || me(e) || V && !V(e) ? null : e.getTime()) : void 0,
+      onMonthMouseLeave: u ? () => Y(null) : void 0,
+      minDate: z ?? void 0,
+      maxDate: W ?? void 0,
+      excludeDates: G,
+      filterDate: V,
+      isClearable: C,
       ariaLabelClose: "Очистить",
-      disabled: J,
+      disabled: ne,
       renderCustomHeader: ({
         date: e,
         changeYear: t,
         changeMonth: r,
         decreaseMonth: i,
-        increaseMonth: g,
-        prevMonthButtonDisabled: I,
-        nextMonthButtonDisabled: M
-      }) => /* @__PURE__ */ P(
+        increaseMonth: v,
+        prevMonthButtonDisabled: O,
+        nextMonthButtonDisabled: N
+      }) => /* @__PURE__ */ T(
         "div",
         {
           style: {
@@ -221,7 +240,7 @@ const O = [
               {
                 style: {
                   width: "calc(25 * var(--u-unit, 1px))",
-                  color: "var(--u-color-primary, #1E4391)",
+                  color: `var(--${a()}-color-primary, #1E4391)`,
                   display: "flex",
                   // Без внутреннего отступа: стрелка прижата к краю карточки,
                   // а не поджата к году и месяцу.
@@ -229,13 +248,13 @@ const O = [
                   cursor: "pointer"
                 },
                 onClick: (n) => {
-                  n.preventDefault(), n.stopPropagation(), y(null), i();
+                  n.preventDefault(), n.stopPropagation(), h(null), i();
                 },
-                disabled: I,
-                children: /* @__PURE__ */ o("i", { className: "u-icon icon-left", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
+                disabled: O,
+                children: /* @__PURE__ */ o("i", { className: `${a()}-icon icon-left`, style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
               }
             ),
-            /* @__PURE__ */ P(
+            /* @__PURE__ */ T(
               "div",
               {
                 style: {
@@ -247,32 +266,32 @@ const O = [
                 },
                 children: [
                   /* @__PURE__ */ o(
-                    ae,
+                    ke,
                     {
-                      value: B(e),
-                      options: st.map((n) => ({ value: n, label: n })),
+                      value: Q(e),
+                      options: $t.map((n) => ({ value: n, label: n })),
                       onChange: (n) => t(Number(n)),
                       fallbackValue: (/* @__PURE__ */ new Date()).getFullYear(),
                       width: 45,
-                      isOpen: Z === "year",
-                      onOpen: () => y("year"),
-                      onClose: () => y(null)
+                      isOpen: de === "year",
+                      onOpen: () => h("year"),
+                      onClose: () => h(null)
                     }
                   ),
                   /* @__PURE__ */ o(
-                    ae,
+                    ke,
                     {
-                      value: O[it(e)],
-                      options: O.map((n) => ({ value: n, label: n })),
+                      value: E[wt(e)],
+                      options: E.map((n) => ({ value: n, label: n })),
                       onChange: (n) => {
-                        const oe = String(n);
-                        r(O.indexOf(oe)), G && G(oe);
+                        const be = String(n);
+                        r(E.indexOf(be)), ee && ee(be);
                       },
-                      fallbackValue: O[(/* @__PURE__ */ new Date()).getMonth()],
+                      fallbackValue: E[(/* @__PURE__ */ new Date()).getMonth()],
                       width: 85,
-                      isOpen: Z === "month",
-                      onOpen: () => y("month"),
-                      onClose: () => y(null)
+                      isOpen: de === "month",
+                      onOpen: () => h("month"),
+                      onClose: () => h(null)
                     }
                   )
                 ]
@@ -283,112 +302,114 @@ const O = [
               {
                 style: {
                   width: "calc(25 * var(--u-unit, 1px))",
-                  color: "var(--u-color-primary, #1E4391)",
+                  color: `var(--${a()}-color-primary, #1E4391)`,
                   display: "flex",
                   justifyContent: "flex-end",
                   padding: 0,
                   cursor: "pointer"
                 },
                 onClick: (n) => {
-                  n.preventDefault(), n.stopPropagation(), y(null), g();
+                  n.preventDefault(), n.stopPropagation(), h(null), v();
                 },
-                disabled: M,
-                children: /* @__PURE__ */ o("i", { className: "u-icon icon-right", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
+                disabled: N,
+                children: /* @__PURE__ */ o("i", { className: `${a()}-icon icon-right`, style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
               }
             )
           ]
         }
       ),
-      placeholderText: se ?? (d ? "Выберите период" : "Выберите дату"),
+      placeholderText: De ?? (u ? "Выберите период" : "Выберите дату"),
       customInput: /* @__PURE__ */ o(
-        Xe,
+        ut,
         {
-          "aria-label": c,
-          id: `custom-input-mask-${m}`,
-          isClearable: x,
-          range: d,
-          wheelEdit: we && !d,
-          onWheelDate: (e) => R(e),
-          onOpenCalendar: () => C(!0),
-          onFocusChange: Te
+          "aria-label": d,
+          id: `custom-input-mask-${y}`,
+          isClearable: C,
+          range: u,
+          wheelEdit: Be && !u,
+          onWheelDate: (e) => {
+            me(e) || pe(e);
+          },
+          onOpenCalendar: () => _(!0),
+          onFocusChange: Ye
         }
       ),
-      ...Le,
+      ...Ze,
       strictParsing: !0,
       locale: "ru",
-      className: (ce ? "custom-input dpc-filter custom-input-filter" : Se ? "custom-input dpc-table custom-input-table" : `${ue ? "dpc-grey" : "dpc"} custom-input`) + (w.hasError ? " u-input-required" : "") + // react-datepicker рисует крестик и у disabled-поля — отступ под него тоже есть, как во Vue.
-      (x && qe ? " dpc--clearable" : ""),
+      className: (Ce ? "custom-input dpc-filter custom-input-filter" : He ? "custom-input dpc-table custom-input-table" : `${$e ? "dpc-grey" : "dpc"} custom-input`) + ($.hasError ? ` ${a()}-input-required` : "") + // react-datepicker рисует крестик и у disabled-поля — отступ под него тоже есть, как во Vue.
+      (C && rt ? " dpc--clearable" : ""),
       dateFormat: "dd.MM.yyyy"
     }
   );
-  return /* @__PURE__ */ o(le.Provider, { value: a, children: /* @__PURE__ */ P(
+  return /* @__PURE__ */ o(we.Provider, { value: l, children: /* @__PURE__ */ T(
     "div",
     {
-      ref: j,
-      id: `u-datepicker${m}`,
-      className: Ie || void 0,
-      style: { display: "flex", flexDirection: "column", rowGap: "calc(4 * var(--u-preset-unit, 1px))" },
+      ref: q,
+      id: `${a()}-datepicker${y}`,
+      className: qe || void 0,
+      style: { display: "flex", flexDirection: "column", rowGap: `calc(4 * var(--${a()}-preset-unit, 1px))` },
       children: [
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ T(
           "div",
           {
             style: Object.assign(
               {
                 display: "flex",
-                flexDirection: $ ? "row" : "column",
-                rowGap: $ ? null : ee(be),
-                columnGap: $ ? ee(he) : null
+                flexDirection: H ? "row" : "column",
+                rowGap: H ? null : fe(Ne),
+                columnGap: H ? fe(Te) : null
               },
-              ge
+              Ae
             ),
             children: [
-              p && /* @__PURE__ */ o(
+              f && /* @__PURE__ */ o(
                 "div",
                 {
-                  id: `${m}-label`,
-                  className: `${Y ? "u-required" : ""} u-react-input-title`,
+                  id: `${y}-label`,
+                  className: `${oe ? w("required") : ""} ${a()}-react-input-title`,
                   style: Object.assign(
                     {
-                      color: "var(--u-field-title-color, #545454)",
-                      fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                      color: `var(--${a()}-field-title-color, #545454)`,
+                      fontSize: `var(--${a()}-field-label-size-main, calc(14 * var(--u-unit, 1px)))`
                     },
-                    xe
+                    Ee
                   ),
-                  children: p
+                  children: f
                 }
               ),
-              ke ? /* @__PURE__ */ o(
-                Ze,
+              Le ? /* @__PURE__ */ o(
+                pt,
                 {
                   portalOn: !0,
-                  id: `calendar-hint-${m || "default"}`,
+                  id: `calendar-hint-${y || "default"}`,
                   position: "top",
-                  isActive: Ne && !J && !Ae,
+                  isActive: Ve && !ne && !Je,
                   showWhenActive: !0,
                   tooltipStyle: {
-                    maxWidth: je(De),
+                    maxWidth: Xe(Fe),
                     width: "auto",
                     whiteSpace: "normal",
                     overflowWrap: "break-word"
                   },
-                  tooltipText: Ce,
-                  children: /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: te, children: re })
+                  tooltipText: je,
+                  children: /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: ye, children: ve })
                 }
-              ) : /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: te, children: re })
+              ) : /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: ye, children: ve })
             ]
           }
         ),
-        w.showText && /* @__PURE__ */ o(
+        $.showText && /* @__PURE__ */ o(
           "h5",
           {
-            id: `${m}-error`,
+            id: `${y}-error`,
             className: "h5 clr-red-main",
-            style: ve ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative" },
-            children: w.text
+            style: Oe ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative" },
+            children: $.text
           }
         )
       ]
     }
   ) });
 };
-export { Tt as Calendar$u };
+export { Qt as Calendar$u };

package/dist/components/Calendar/Calendar.types.d.ts

@@ -32,6 +32,25 @@ export type CalendarProperties = FieldAccessibilityProperties & Partial<{
     onChange(date: Date | '' | null, meta?: {
         source: CalendarChangeSource;
     }): void;
+    /**
+     * Самый ранний день, который можно выбрать: Date, строка или число, которые понимает
+     * `new Date()`. Дни раньше него неактивны в попапе (`aria-disabled`), а набранная в поле
+     * такая дата не принимается — как неверная (31.02): `onChange` её не получает. Сравнение
+     * по дню, время не учитывается.
+     */
+    minDate: Date | string | number | null;
+    /** Самый поздний день, который можно выбрать; как `minDate`, только с другой стороны. */
+    maxDate: Date | string | number | null;
+    /** Отдельные дни, которые нельзя выбрать (праздники, занятые даты); ведут себя как дни за `minDate`/`maxDate`. */
+    excludeDates: ReadonlyArray<Date | string | number>;
+    /**
+     * Режим `range`: можно ли выбрать период, внутри которого есть недоступные дни
+     * (`minDate`/`maxDate`/`excludeDates`). По умолчанию `true` — можно (границы периода при
+     * этом доступны). `false`: после выбора начала дни за первым недоступным, в обе стороны,
+     * неактивны для конца периода, а набранный период с недоступным днём внутри не принимается —
+     * как неверная дата: `onRangeChange` его не получает.
+     */
+    allowDisabledInRange: boolean;
     isError: boolean;
     isFilter: boolean;
     placeholder: string;