@alif-ui-test/core 1.11.0 → 2.0.0-alpha.5

package/dist/components/Dates/InputDatePicker/DatePicker/DatePicker.constants.js

@@ -1,8 +1,32 @@
-const e = {
-  en: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
-  ru: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
-  tj: ["Дш", "Сш", "Чш", "Пш", "Ҷм", "Шб", "Яш"]
-};
-export {
-  e as WEEKDAYS
+//#region src/components/Dates/InputDatePicker/DatePicker/DatePicker.constants.ts
+var e = {
+	en: [
+		"Mo",
+		"Tu",
+		"We",
+		"Th",
+		"Fr",
+		"Sa",
+		"Su"
+	],
+	ru: [
+		"Пн",
+		"Вт",
+		"Ср",
+		"Чт",
+		"Пт",
+		"Сб",
+		"Вс"
+	],
+	tj: [
+		"Дш",
+		"Сш",
+		"Чш",
+		"Пш",
+		"Ҷм",
+		"Шб",
+		"Яш"
+	]
 };
+//#endregion
+export { e as WEEKDAYS };

package/dist/components/Dates/InputDatePicker/DatePicker/DatePicker.js

@@ -1,238 +1,141 @@
-import { jsxs as H, jsx as i } from "react/jsx-runtime";
-import { useRef as le, useState as Y, useMemo as ie, useLayoutEffect as de, useEffect as me } from "react";
-import { getInitialDate as ue, getRangeBoundaries as fe, makeRangeCheck as W, extractors as f, applySelectedTime as _, isSameDay as $, clampDisabled as ye, isSameMonth as q, isSameYear as he, isBefore as ge } from "./DatePicker.utils.js";
-import { WEEKDAYS as Me } from "./DatePicker.constants.js";
-import n from "../../Dates.module.css.js";
-import { MONTHS as z } from "../../InputMonthPicker/MonthPicker/MonthPicker.constants.js";
-import { scrollToCenter as De, getPickerStyles as pe } from "../../Dates.utils.js";
-import { PickerHeader as Se } from "../../PickerHeader/PickerHeader.js";
-import { PickerOptions as G } from "../../PickerOptions/PickerOptions.js";
-import { formatTime as T } from "../../InputTimePicker/TimePicker/TimePicker.utils.js";
-import { useLocale as we } from "../../../../providers/hooks/useLocale/useLocale.js";
-import { TimePicker as ke } from "../../InputTimePicker/TimePicker/TimePicker.js";
-import { classNames as g } from "../../../../utils/class-names.js";
-const Re = ({
-  value: t,
-  onChange: N,
-  onPickerChange: b,
-  minDate: y,
-  maxDate: M,
-  className: J,
-  isRange: h,
-  options: K,
-  withTime: E,
-  pickerWidth: Q
-}) => {
-  const C = /* @__PURE__ */ new Date(), { locale: A } = we(), V = le(null), [D, p] = Y("day"), [a, m] = Y(
-    () => ue(t, y, M)
-  ), [S, w] = Y(
-    t instanceof Date ? t : null
-  ), [u, L] = Y(null), [I, l] = Y(null), [O, P] = Y(
-    t instanceof Date ? T(t.getHours(), t.getMinutes()) : T(C.getHours(), C.getMinutes())
-  ), U = a.getFullYear(), R = ie(
-    () => fe(
-      t,
-      !!h,
-      u ? [u, I ?? u] : null,
-      I
-    ),
-    [t, h, u, I]
-  ), X = W(R, f.day), Z = W(R, f.month), x = W(R, f.year), v = (e) => {
-    const r = _(e, O);
-    if (w(r), b?.(r), E) return;
-    if (!h) {
-      N(e);
-      return;
-    }
-    if (!u) {
-      L(e), l(e);
-      return;
-    }
-    const [o, s] = ge(e, u) ? [e, u] : [u, e];
-    N([o, s]), b?.([o, s]), L(null), l(null);
-  }, ee = (e) => Array.isArray(t) ? t[0]?.getFullYear() === e || t[1]?.getFullYear() === e : t instanceof Date ? t.getFullYear() === e : a.getFullYear() === e, te = () => {
-    S && E && N(_(S, O));
-  };
-  de(() => {
-    De(V.current);
-  }, [U, D]), me(() => {
-    if (!t) {
-      w(null), L(null), l(null);
-      return;
-    }
-    if (h && Array.isArray(t)) {
-      const [, e] = t;
-      w(e), m(e);
-    } else !h && t instanceof Date && (w(t), m(t), P(T(t.getHours(), t.getMinutes())));
-  }, [t, h]);
-  const B = (e, r, o, s, k) => g(
-    n.option,
-    k,
-    r && n.active,
-    o && n.current,
-    s.isStart(e) && n.rangeStart,
-    s.isEnd(e) && n.rangeEnd,
-    s.isMiddle(e) && n.rangeMiddle,
-    s.isMiddle(e) && o && n.todayRangeMiddle,
-    s.isMiddle(e) && k?.includes(n.weekend) && n.weekendRangeMiddle
-  ), ne = () => {
-    const e = f.year(a), r = a.getMonth(), o = new Date(e, r + 1, 0).getDate(), s = new Date(e, r, 1).getDay(), k = s === 0 ? 6 : s - 1, F = Array.from({ length: k }, (d, c) => /* @__PURE__ */ i("div", {}, `empty-${c}`));
-    for (let d = 1; d <= o; d++) {
-      const c = new Date(e, r, d), j = $(c, C), se = c.getDay() === 0 || c.getDay() === 6, ce = !!S && $(S, c), ae = ye(c) || y && c < y || M && c > M;
-      F.push(
-        /* @__PURE__ */ i(
-          "button",
-          {
-            onClick: () => v(c),
-            disabled: ae,
-            onMouseEnter: () => l(c),
-            onMouseLeave: () => l(null),
-            className: B(
-              c,
-              ce,
-              j,
-              X,
-              g(se && n.weekend)
-            ),
-            children: d
-          },
-          c.toISOString()
-        )
-      );
-    }
-    return /* @__PURE__ */ H("div", { className: g(n.days, n.calendarShadow), children: [
-      Me[A].map((d) => /* @__PURE__ */ i("div", { className: n.weekday, children: d }, d)),
-      F
-    ] });
-  }, re = () => {
-    const e = f.year(a);
-    return /* @__PURE__ */ i("div", { className: g(n.calendar, n.calendarShadow), children: z[A].map((r, o) => {
-      const s = new Date(e, o, 1), k = new Date(e, o, 1), F = new Date(e, o + 1, 0), d = y && F < y || M && k > M, c = t instanceof Date && q(t, s), j = q(s, C);
-      return /* @__PURE__ */ i(
-        "button",
-        {
-          disabled: d,
-          onMouseEnter: () => l(s),
-          onMouseLeave: () => l(null),
-          onClick: () => {
-            m(s), l(null), p("day");
-          },
-          className: B(
-            s,
-            c,
-            j,
-            Z,
-            n.month
-          ),
-          children: r
-        },
-        o
-      );
-    }) });
-  }, oe = () => {
-    const e = Array.from(
-      {
-        length: (M?.getFullYear() ?? 2100) - (y?.getFullYear() ?? 1900) + 1
-      },
-      (r, o) => (y?.getFullYear() ?? 1900) + o
-    );
-    return /* @__PURE__ */ i("div", { className: g(n.calendar, n.calendarShadow), children: e.map((r) => {
-      const o = new Date(r, 0, 1), s = t instanceof Date && he(t, o);
-      return /* @__PURE__ */ i(
-        "button",
-        {
-          ref: ee(r) ? V : null,
-          onClick: () => {
-            m(o), l(null), p("month");
-          },
-          onMouseEnter: () => l(o),
-          onMouseLeave: () => l(null),
-          className: B(
-            o,
-            s,
-            r === C.getFullYear(),
-            x
-          ),
-          children: r
-        },
-        r
-      );
-    }) });
-  };
-  return /* @__PURE__ */ H(
-    "div",
-    {
-      className: g(n.root, J),
-      style: pe(E ? "date-time" : D, Q),
-      children: [
-        /* @__PURE__ */ H("div", { className: g(n.dateTimeContainer), children: [
-          /* @__PURE__ */ H("div", { style: { width: "100%" }, children: [
-            /* @__PURE__ */ i(
-              Se,
-              {
-                viewMode: D,
-                year: f.year(a),
-                month: z[A][a.getMonth()],
-                onMonthClick: () => p("month"),
-                onYearClick: () => p("year"),
-                onPrev: () => m(
-                  new Date(
-                    f.year(a),
-                    a.getMonth() - 1,
-                    1
-                  )
-                ),
-                onNext: () => m(
-                  new Date(
-                    f.year(a),
-                    a.getMonth() + 1,
-                    1
-                  )
-                )
-              }
-            ),
-            D === "day" && ne(),
-            D === "month" && re(),
-            D === "year" && oe()
-          ] }),
-          E && /* @__PURE__ */ i(
-            ke,
-            {
-              withHeader: !0,
-              value: O,
-              isStandalone: !1,
-              withConfirmationButton: !1,
-              onScroll: (e) => {
-                if (P(e), !S) return;
-                const r = _(S, e);
-                b?.(r);
-              }
-            }
-          )
-        ] }),
-        h ? /* @__PURE__ */ i(
-          G,
-          {
-            isRange: !0,
-            options: K,
-            onChange: (e) => {
-              N(e), p("day"), m(e[1]), w(e[1]);
-            }
-          }
-        ) : /* @__PURE__ */ i(
-          G,
-          {
-            options: K,
-            onConfirm: E ? te : void 0,
-            onChange: (e) => {
-              N(e), p("day"), m(e), w(e), P(T(e.getHours(), e.getMinutes()));
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  Re as InlineDatePicker
+import { classNames as e } from "../../../../utils/class-names.js";
+import { useLocale as t } from "../../../../providers/hooks/useLocale/useLocale.js";
+import n from "../../Dates.module.js";
+import { applySelectedTime as r, dateMatcher as i, extractors as a, getInitialDate as ee, isScrollTarget as o, makeRangeCheck as s } from "./DatePicker.utils.js";
+import { PickerOptions as c } from "../../PickerOptions/PickerOptions.js";
+import { getPickerStyles as l, getRangeBoundaries as te, scrollToCenter as ne } from "../../Dates.utils.js";
+import { MONTHS as re } from "../../InputMonthPicker/MonthPicker/MonthPicker.constants.js";
+import { PickerHeader as ie } from "../../PickerHeader/PickerHeader.js";
+import { formatTime as u } from "../../InputTimePicker/TimePicker/TimePicker.utils.js";
+import { TimePicker as d } from "../../InputTimePicker/TimePicker/TimePicker.js";
+import { DayView as f } from "./DayView/DayView.js";
+import { MonthView as p } from "./MonthView/MonthView.js";
+import { YearView as m } from "./YearView/YearView.js";
+import { useEffect as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/Dates/InputDatePicker/DatePicker/DatePicker.tsx
+var S = ({ value: S, onChange: C, onPickerChange: w, minDate: T, maxDate: E, disabledDates: D, style: ae, className: oe, isRange: O, options: k, withTime: A, pickerWidth: j, hoursStep: M, minutesStep: N, minTime: P, maxTime: F, ref: I }) => {
+	let { locale: L } = t(), R = v(null), z = /* @__PURE__ */ new Date(), [B, V] = y("day"), [H, U] = y(() => ee(S, T, E)), [W, G] = y(S instanceof Date ? S : null), [K, q] = y(null), [J, Y] = y(null), [X, Z] = y(() => {
+		let e = S instanceof Date ? S : z;
+		return u(e.getHours(), e.getMinutes());
+	}), Q = _(() => te(S, O, K ? [K, J ?? K] : null, J, (e, t) => e.getTime() < t.getTime() ? [e, t] : [t, e]), [
+		S,
+		O,
+		K,
+		J
+	]), se = s(Q, a.day), ce = s(Q, a.month), le = s(Q, a.year), $ = (e) => {
+		U((t) => new Date(t.getFullYear(), t.getMonth() + e, 1));
+	}, ue = (e) => {
+		let t = r(e, X);
+		if (G(t), w?.(t), A) return;
+		if (!O) {
+			C(e);
+			return;
+		}
+		if (!K) {
+			q(e), Y(e);
+			return;
+		}
+		let [n, a] = i.isBefore(e, K) ? [e, K] : [K, e];
+		C([n, a]), q(null), Y(null);
+	};
+	return h(() => {
+		if (!S) {
+			G(null), q(null), Y(null);
+			return;
+		}
+		if (O && Array.isArray(S)) {
+			let [, e] = S;
+			G(e), U(e);
+		} else !O && S instanceof Date && (G(S), U(S), Z(u(S.getHours(), S.getMinutes())));
+	}, [S, O]), g(() => {
+		B === "year" && ne(R.current);
+	}, [B, S]), /* @__PURE__ */ x("div", {
+		ref: I,
+		className: e(n.root, oe),
+		style: l(A ? "date-time" : B, j, ae),
+		children: [/* @__PURE__ */ x("div", {
+			className: n.dateTimeContainer,
+			children: [/* @__PURE__ */ x("div", {
+				className: n.calendarContainer,
+				children: [/* @__PURE__ */ b(ie, {
+					viewMode: B,
+					year: a.year(H),
+					month: re[L][H.getMonth()],
+					onMonthClick: () => V("month"),
+					onYearClick: () => V("year"),
+					onPrev: () => $(-1),
+					onNext: () => $(1)
+				}), (() => {
+					switch (B) {
+						case "day":
+						case "date-time": return /* @__PURE__ */ b(f, {
+							currentDate: H,
+							today: z,
+							selectedDate: W,
+							minDate: T,
+							maxDate: E,
+							disabledDates: D,
+							isRange: O,
+							dayRange: se,
+							onSelectDate: ue,
+							onHoverDate: Y
+						});
+						case "month": return /* @__PURE__ */ b(p, {
+							currentDate: H,
+							today: z,
+							value: S,
+							minDate: T,
+							maxDate: E,
+							isRange: O,
+							monthRange: ce,
+							onMonthSelect: (e) => {
+								U(e), Y(null), V("day");
+							},
+							onHoverDate: Y
+						});
+						case "year": return /* @__PURE__ */ b(m, {
+							value: S,
+							today: z,
+							minDate: T,
+							maxDate: E,
+							isRange: O,
+							yearRange: le,
+							targetRef: R,
+							isScrollTarget: (e) => o(e, S, H),
+							onYearSelect: (e) => {
+								U(e), Y(null), V("month");
+							},
+							onHoverDate: Y
+						});
+						default: return null;
+					}
+				})()]
+			}), A && /* @__PURE__ */ b(d, {
+				withHeader: !0,
+				hoursStep: M,
+				minutesStep: N,
+				minTime: P,
+				maxTime: F,
+				value: X,
+				isStandalone: !1,
+				withConfirmationButton: !1,
+				onScroll: (e) => {
+					Z(e), W && w?.(r(W, e));
+				}
+			})]
+		}), /* @__PURE__ */ b(c, {
+			isRange: O,
+			options: k,
+			onConfirm: !O && A ? () => {
+				!W || !A || C(r(W, X));
+			} : void 0,
+			onChange: (e) => {
+				O && Array.isArray(e) ? (C(e), U(e[1]), G(e[1])) : !O && e instanceof Date && (C(e), U(e), G(e), Z(u(e.getHours(), e.getMinutes()))), V("day");
+			},
+			disabledOptions: D
+		})]
+	});
 };
+//#endregion
+export { S as DatePicker };

package/dist/components/Dates/InputDatePicker/DatePicker/DatePicker.utils.js

@@ -1,47 +1,44 @@
-const c = (e, t, n, s) => {
-  if (!t) return null;
-  const [r, o] = n ?? [];
-  return r && o ? [r, o].sort((g, i) => g.getTime() - i.getTime()) : r ? [r, s ?? r].sort((i, a) => i.getTime() - a.getTime()) : Array.isArray(e) && e[0] && e[1] ? [...e].sort((g, i) => g.getTime() - i.getTime()) : null;
-}, m = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), f = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth(), h = (e, t) => e.getFullYear() === t.getFullYear(), l = (e, t) => e.getTime() < t.getTime(), u = (e, t) => e.getTime() > t.getTime(), T = (e, t, n) => t && l(e, t) || n && u(e, n), Y = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), y = (e, t) => {
-  if (!e)
-    return {
-      isStart: () => !1,
-      isEnd: () => !1,
-      isMiddle: () => !1
-    };
-  const [n, s] = e.map(t);
-  return {
-    isStart: (r) => t(r) === n,
-    isEnd: (r) => t(r) === s,
-    isMiddle: (r) => {
-      const o = t(r);
-      return o > n && o < s;
-    }
-  };
-}, F = (e, t) => {
-  const [n, s] = t.split(":").map(Number), r = new Date(e);
-  return r.setHours(n, s, 0, 0), r;
-}, M = {
-  day: (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(),
-  month: (e) => e.getFullYear() * 12 + e.getMonth(),
-  year: (e) => e?.getFullYear()
-}, p = (e, t, n) => {
-  if (e instanceof Date) return e;
-  if (Array.isArray(e)) return e[1] ?? e[0];
-  const s = /* @__PURE__ */ new Date();
-  return t && s < t ? t : n && s > n ? n : s;
-};
-export {
-  F as applySelectedTime,
-  T as clampDisabled,
-  M as extractors,
-  p as getInitialDate,
-  c as getRangeBoundaries,
-  u as isAfter,
-  l as isBefore,
-  m as isSameDay,
-  f as isSameMonth,
-  h as isSameYear,
-  y as makeRangeCheck,
-  Y as normalizeDay
-};
+//#region src/components/Dates/InputDatePicker/DatePicker/DatePicker.utils.ts
+var e = (e, t, n) => {
+	switch (n) {
+		case "year": return e.getFullYear() === t.getFullYear();
+		case "month": return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+		default: return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+	}
+}, t = {
+	isSameDay: (t, n) => e(t, n, "day"),
+	isSameMonth: (t, n) => e(t, n, "month"),
+	isSameYear: (t, n) => e(t, n, "year"),
+	isBefore: (e, t) => e.getTime() < t.getTime(),
+	isAfter: (e, t) => e.getTime() > t.getTime(),
+	isOutOfRange: (e, t, n) => !!(t && e < t || n && e > n)
+}, n = {
+	day: (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(),
+	month: (e) => e.getFullYear() * 12 + e.getMonth(),
+	year: (e) => e?.getFullYear()
+}, r = (e, t, n) => {
+	if (e instanceof Date) return e;
+	if (Array.isArray(e)) return e[1] ?? e[0];
+	let r = /* @__PURE__ */ new Date();
+	return t && r < t ? t : n && r > n ? n : r;
+}, i = (e, t) => {
+	let [n, r] = t.split(":").map(Number), i = new Date(e);
+	return i.setHours(n, r, 0, 0), i;
+}, a = (e, t) => {
+	if (!e) return {
+		isStart: () => !1,
+		isEnd: () => !1,
+		isMiddle: () => !1
+	};
+	let [n, r] = e.map(t);
+	return {
+		isStart: (e) => t(e) === n,
+		isEnd: (e) => t(e) === r,
+		isMiddle: (e) => {
+			let i = t(e);
+			return i > n && i < r;
+		}
+	};
+}, o = (e, t, n) => Array.isArray(t) ? t[0]?.getFullYear() === e || t[1]?.getFullYear() === e : t instanceof Date ? t.getFullYear() === e : n.getFullYear() === e;
+//#endregion
+export { i as applySelectedTime, t as dateMatcher, n as extractors, r as getInitialDate, o as isScrollTarget, a as makeRangeCheck };

package/dist/components/Dates/InputDatePicker/DatePicker/DayView/DayView.js

@@ -0,0 +1,35 @@
+import { resolveTypography as e } from "../../../../../utils/typography.js";
+import { classNames as t } from "../../../../../utils/class-names.js";
+import { useLocale as n } from "../../../../../providers/hooks/useLocale/useLocale.js";
+import { Typography as r } from "../../../../Typography/Typography.js";
+import i from "../../../Dates.module.js";
+import { dateMatcher as a } from "../DatePicker.utils.js";
+import { getRangeMouseHandlers as o } from "../../../Dates.utils.js";
+import { WEEKDAYS as s } from "../DatePicker.constants.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/Dates/InputDatePicker/DatePicker/DayView/DayView.tsx
+var u = ({ currentDate: u, today: d, selectedDate: f, minDate: p, maxDate: m, disabledDates: h, isRange: g, dayRange: _, onSelectDate: v, onHoverDate: y }) => {
+	let { locale: b } = n(), x = u.getFullYear(), S = u.getMonth(), C = new Date(x, S + 1, 0).getDate(), w = new Date(x, S, 1).getDay(), T = w === 0 ? 6 : w - 1, E = (e) => a.isOutOfRange(e, p, m) || h?.some((t) => a.isSameDay(t, e)), D = (n) => {
+		let r = a.isSameDay(n, d), s = n.getDay() === 0 || n.getDay() === 6, l = !!f && a.isSameDay(f, n), u = _.isStart(n), p = _.isEnd(n), m = _.isMiddle(n), h = t(i.dateCell, "uiFont", l && i.active, r && i.today, u && i.rangeStart, p && i.rangeEnd, m && i.rangeMiddle, m && r && i.todayRangeMiddle, m && s && i.weekendRangeMiddle, s && i.weekend);
+		return /* @__PURE__ */ c("button", {
+			onClick: () => v(n),
+			disabled: E(n),
+			style: e("body", "s"),
+			className: h,
+			...o(g, y, n),
+			children: n.getDate()
+		}, n.toISOString());
+	}, O = [...Array.from({ length: T }, (e, t) => /* @__PURE__ */ c("div", {}, `empty-${t}`)), ...Array.from({ length: C }, (e, t) => D(new Date(x, S, t + 1)))];
+	return /* @__PURE__ */ l("div", {
+		className: t(i.days, i.calendarShadow),
+		children: [s[b].map((e) => /* @__PURE__ */ c(r, {
+			size: "l",
+			element: "span",
+			variant: "description",
+			className: i.weekday,
+			children: e
+		}, e)), O]
+	});
+};
+//#endregion
+export { u as DayView };

package/dist/components/Dates/InputDatePicker/DatePicker/MonthView/MonthView.js

@@ -0,0 +1,28 @@
+import { resolveTypography as e } from "../../../../../utils/typography.js";
+import { classNames as t } from "../../../../../utils/class-names.js";
+import { useLocale as n } from "../../../../../providers/hooks/useLocale/useLocale.js";
+import r from "../../../Dates.module.js";
+import { dateMatcher as i } from "../DatePicker.utils.js";
+import { getRangeMouseHandlers as a } from "../../../Dates.utils.js";
+import { MONTHS as o } from "../../../InputMonthPicker/MonthPicker/MonthPicker.constants.js";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/Dates/InputDatePicker/DatePicker/MonthView/MonthView.tsx
+var c = ({ currentDate: c, today: l, value: u, minDate: d, maxDate: f, isRange: p, monthRange: m, onMonthSelect: h, onHoverDate: g }) => {
+	let { locale: _ } = n(), v = c.getFullYear(), y = (e, t) => d && t < d || f && e > f;
+	return /* @__PURE__ */ s("div", {
+		className: t(r.calendar, r.calendarShadow),
+		children: o[_].map((n, o) => {
+			let c = new Date(v, o, 1), d = c, f = new Date(v, o + 1, 0), _ = u instanceof Date && i.isSameMonth(u, c), b = i.isSameMonth(c, l), x = m.isStart(c), S = m.isEnd(c), C = m.isMiddle(c), w = t(r.dateCell, "uiFont", r.month, _ && r.active, b && r.today, x && r.rangeStart, S && r.rangeEnd, C && r.rangeMiddle, C && b && r.todayRangeMiddle);
+			return /* @__PURE__ */ s("button", {
+				disabled: y(d, f),
+				onClick: () => h(c),
+				style: e("body", "s"),
+				className: w,
+				...a(p, g, c),
+				children: n
+			}, o);
+		})
+	});
+};
+//#endregion
+export { c as MonthView };

package/dist/components/Dates/InputDatePicker/DatePicker/YearView/YearView.js

@@ -0,0 +1,26 @@
+import { resolveTypography as e } from "../../../../../utils/typography.js";
+import { classNames as t } from "../../../../../utils/class-names.js";
+import n from "../../../Dates.module.js";
+import { dateMatcher as r } from "../DatePicker.utils.js";
+import { getRangeMouseHandlers as i } from "../../../Dates.utils.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Dates/InputDatePicker/DatePicker/YearView/YearView.tsx
+var o = ({ value: o, today: s, minDate: c, maxDate: l, isRange: u, yearRange: d, targetRef: f, isScrollTarget: p, onYearSelect: m, onHoverDate: h }) => {
+	let g = c?.getFullYear() ?? 1900, _ = l?.getFullYear() ?? 2100, v = Array.from({ length: _ - g + 1 }, (e, t) => g + t);
+	return /* @__PURE__ */ a("div", {
+		className: t(n.calendar, n.calendarShadow),
+		children: v.map((c) => {
+			let l = new Date(c, 0, 1), g = o instanceof Date && r.isSameYear(o, l), _ = c === s.getFullYear(), v = r.isSameYear(l, s), y = d.isStart(l), b = d.isEnd(l), x = d.isMiddle(l), S = t(n.dateCell, "uiFont", g && n.active, _ && n.today, y && n.rangeStart, b && n.rangeEnd, x && n.rangeMiddle, x && v && n.todayRangeMiddle);
+			return /* @__PURE__ */ a("button", {
+				ref: p(c) ? f : null,
+				onClick: () => m(l),
+				style: e("body", "s"),
+				className: S,
+				...i(u, h, l),
+				children: c
+			}, c);
+		})
+	});
+};
+//#endregion
+export { o as YearView };

package/dist/components/Dates/InputDatePicker/InputDatePicker.constants.js

@@ -0,0 +1,20 @@
+//#region src/components/Dates/InputDatePicker/InputDatePicker.constants.ts
+var e = {
+	date_standalone: {
+		en: "DD.MM.YYYY",
+		ru: "ДД.ММ.ГГГГ",
+		tj: "РР.ММ.СССС"
+	},
+	date_range: {
+		en: "DD.MM.YYYY - DD.MM.YYYY",
+		ru: "ДД.ММ.ГГГГ - ДД.ММ.ГГГГ",
+		tj: "РР.ММ.СССС - РР.ММ.СССС"
+	},
+	date_time: {
+		en: "DD.MM.YYYY HH:mm",
+		ru: "ДД.ММ.ГГГГ ЧЧ:мм",
+		tj: "РР.ММ.СССС cc:мм"
+	}
+};
+//#endregion
+export { e as MASK_VALUES };