urfu-ui-kit-react 2.1.7-next.2 → 2.1.7-next.4

package/README.md

@@ -90,9 +90,9 @@ npm run docsb
 1. Обновить историю версий и документацию затронутых компонентов.
 2. Проверить lint, тесты, сборку библиотеки и документации; проверить локальные tarball в потребителях.
 3. Vanilla берётся из соседней папки монорепозитория `packages/vanilla` и собирается внутрь пакета: зависимости `urfu-ui-kit-vanilla` нет, в npm vanilla отдельно не выходит (с 20.10.2026). Собирать и тестировать кит — только в полном checkout монорепозитория.
-4. Публикацию выполняет владелец выпуска. Обновление документации само по себе не меняет версию пакета.
+4. Публикацию выполняет CI: версию поднимают вручную в `package.json` и `docs/versioning.md` и вливают в `main`, CI кладёт её в очередь npm, владелец пакета в npm подтверждает с 2FA, затем CI ставит тег `react-vX.Y.Z` и выкладывает документацию — [docs/ci.md](../../docs/ci.md#выпуск-версии). Обновление документации само по себе не меняет версию пакета.
 
-Версию поднимают вручную в `package.json` и `docs/versioning.md` и коммитят. `npm run pub` номер не меняет: прогоняет тесты, сборку и контракт пакета, публикует версию из `package.json` и ставит тег `react-vX.Y.Z`; повторный запуск после сбоя публикует ту же версию. `npm run pub:next` — то же для предварительной версии `X.Y.Z-next.N` с тегом `next`.
+Запасной путь, если CI недоступен, — `npm run pub` в этой папке. Он номер не меняет: прогоняет тесты, сборку и контракт пакета, публикует версию из `package.json` и ставит тег `react-vX.Y.Z`; повторный запуск после сбоя публикует ту же версию. `npm run pub:next` — то же для предварительной версии `X.Y.Z-next.N` с тегом `next`.
 
 **Важно:** это публичная библиотека; все изменения API ломают потребителей (meetings, youth-science, kpis-npr). Избегайте breaking changes без координации.
 

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8F,MAAM,OAAO,CAAC;AAInH,OAAO,4CAA4C,CAAC;AACpD,OAAO,KAAK,EAAwB,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAShG,OAAO,iBAAiB,CAAC;AAgEzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkejD,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8F,MAAM,OAAO,CAAC;AAInH,OAAO,4CAA4C,CAAC;AACpD,OAAO,KAAK,EAAwB,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAUhG,OAAO,iBAAiB,CAAC;AAgEzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4gBjD,CAAC"}

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