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

package/dist/components/DatePicker/Picker/Picker.js

@@ -1,944 +0,0 @@
-import { jsxs as D, jsx as r, Fragment as U } from "react/jsx-runtime";
-import { useState as W, useRef as oe, useEffect as re, useMemo as De } from "react";
-import n from "./Picker.module.css.js";
-import { defineDefaultView as z, getPickerStyles as me, defineNextView as Me, areDatesEqual as w, returnMinDate as se, isDateInRange as ae } from "./Picker.utils.js";
-import { formatSingleDate as Ne, addZero as $ } from "../DatePicker.utils.js";
-import { useLocale as we } from "../../../providers/hooks/useLocale/useLocale.js";
-import { FunctionButton as ye } from "../../FunctionButton/FunctionButton.js";
-import { Button as ke } from "../../Button/Button.js";
-import { OutlineNavigationChevronLeftSmall as K } from "../../../icons/components/OutlineNavigationChevronLeftSmall.js";
-import { OutlineNavigationChevronUpSmall as q } from "../../../icons/components/OutlineNavigationChevronUpSmall.js";
-import { classNames as v } from "../../../utils/class-names.js";
-import { OutlineNavigationChevronRightSmall as Z } from "../../../icons/components/OutlineNavigationChevronRightSmall.js";
-import { OutlineNavigationChevronDownSmall as _ } from "../../../icons/components/OutlineNavigationChevronDownSmall.js";
-const V = {
-  CONFIRMATION: {
-    en: "Ok",
-    ru: "Ок",
-    tj: "Ок"
-  },
-  WEEKDAYS: {
-    en: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
-    ru: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
-    tj: ["Дш", "Сш", "Чш", "Пш", "Ҷм", "Шб", "Яш"]
-  },
-  MONTHS: {
-    en: [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ],
-    ru: [
-      "Январь",
-      "Февраль",
-      "Март",
-      "Апрель",
-      "Май",
-      "Июнь",
-      "Июль",
-      "Август",
-      "Сентябрь",
-      "Октябрь",
-      "Ноябрь",
-      "Декабрь"
-    ],
-    tj: [
-      "Январ",
-      "Феврал",
-      "Март",
-      "Апрел",
-      "Май",
-      "Июн",
-      "Июл",
-      "Август",
-      "Сентябр",
-      "Октябр",
-      "Ноябр",
-      "Декабр"
-    ]
-  }
-}, Be = ({
-  className: le,
-  allowTime: x = !0,
-  timeControl: G = !0,
-  allowSeconds: R = !1,
-  allowPeriod: ee = !1,
-  allowDay: Y = !0,
-  allowMonth: P = !0,
-  allowYear: H = !0,
-  isRange: y = !1,
-  values: m,
-  onDateChange: B,
-  dateOptions: Q,
-  ...te
-}) => {
-  const { locale: b } = we(), [C, F] = W(
-    z(x, Y, P, H)
-  ), [c, h] = W(null), [A, I] = W(null), [T, X] = W(0), [o, E] = W(null), L = oe(null), j = oe(null);
-  re(() => {
-    m && (Array.isArray(m) || h(m)), y && Array.isArray(m) && (m.length > 1 ? E(m) : m.length === 1 && (h(m[0]), X(1)));
-  }, [y, m]), re(() => {
-    C === "year" && j.current && typeof j.current.scrollIntoView == "function" && j.current.scrollIntoView({
-      behavior: "instant",
-      block: "center"
-    }), C === "time" && L.current && typeof L.current.scrollIntoView == "function" && L.current.scrollIntoView({
-      behavior: "instant",
-      block: "center"
-    });
-  }, [L, j, C]);
-  const ce = v(n.root, le), s = {
-    // control panel handlers
-    setPrevSecond: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds() === 0 ? 59 : e.getSeconds() - 1
-        )
-      );
-    },
-    setNextSecond: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds() === 59 ? 0 : e.getSeconds() + 1
-        )
-      );
-    },
-    setPrevMinute: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours(),
-          e.getMinutes() === 0 ? 59 : e.getMinutes() - 1,
-          e.getSeconds()
-        )
-      );
-    },
-    setNextMinute: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours(),
-          e.getMinutes() === 59 ? 0 : e.getMinutes() + 1,
-          e.getSeconds()
-        )
-      );
-    },
-    setPrevHour: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours() === 0 ? 23 : e.getHours() - 1,
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setNextHour: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours() === 23 ? 0 : e.getHours() + 1,
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setAnotherPeriod: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      e.getHours() < 12 ? h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours() + 12,
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      ) : h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate(),
-          e.getHours() - 12,
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setPrevDay: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate() - 1,
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setNextDay: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth(),
-          e.getDate() + 1,
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setPrevMonth: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date(), t = new Date(
-        e.getFullYear(),
-        e.getMonth(),
-        0
-      ).getDate();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth() - 1,
-          t < e.getDate() ? t : e.getDate(),
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setNextMonth: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date(), t = new Date(
-        e.getFullYear(),
-        e.getMonth() + 2,
-        0
-      ).getDate();
-      h(
-        new Date(
-          e.getFullYear(),
-          e.getMonth() + 1,
-          t < e.getDate() ? t : e.getDate(),
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setPrevYear: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear() - 1,
-          e.getMonth(),
-          e.getDate(),
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    setNextYear: () => {
-      const e = c || o && o[0] || /* @__PURE__ */ new Date();
-      h(
-        new Date(
-          e.getFullYear() + 1,
-          e.getMonth(),
-          e.getDate(),
-          e.getHours(),
-          e.getMinutes(),
-          e.getSeconds()
-        )
-      );
-    },
-    // change view handlers
-    setTimeView: () => F("time"),
-    setDayView: () => F("day"),
-    setMonthView: () => F("month"),
-    setYearView: () => F("year"),
-    setNextView: (e) => {
-      if (!e) {
-        B(null);
-        return;
-      }
-      const t = Me(
-        C,
-        x,
-        Y,
-        P,
-        H
-      );
-      if (t)
-        h(e), F(t);
-      else {
-        if (!y)
-          B(e);
-        else {
-          if (T == 0)
-            X(1), E([e]);
-          else {
-            X(0);
-            const l = o && o[0], d = l ? l.valueOf() < e.valueOf() ? [l, e] : [e, l] : null;
-            E(d), B(d);
-          }
-          h(null);
-        }
-        F(
-          z(x, Y, P, H)
-        );
-      }
-    },
-    // change date handlers
-    setDate: (e) => {
-      o && o.length > 1 && E(null), s.setNextView(e);
-    },
-    setDateFromOption: (e) => {
-      Array.isArray(e) ? (E(e), B(e), h(null), F(
-        z(x, Y, P, H)
-      )) : (B(e), F(
-        z(x, Y, P, H)
-      ));
-    },
-    uncontrollableTimeClick: (e, t) => {
-      const l = c || o && o[0] || /* @__PURE__ */ new Date();
-      s.setDate(
-        new Date(l.getFullYear(), l.getMonth(), l.getDate(), e, t)
-      );
-    },
-    dayClick: (e) => {
-      const t = c || o && o[0] || /* @__PURE__ */ new Date();
-      s.setDate(
-        new Date(
-          t.getFullYear(),
-          t.getMonth(),
-          e,
-          t.getHours(),
-          t.getMinutes()
-        )
-      );
-    },
-    monthClick: (e) => {
-      const t = c || o && o[0] || /* @__PURE__ */ new Date(), l = new Date(t.getFullYear(), e, 0).getDate();
-      s.setDate(
-        new Date(
-          t.getFullYear(),
-          e,
-          t.getDate() > l ? l : t.getDate(),
-          t.getHours(),
-          t.getMinutes()
-        )
-      );
-    },
-    yearClick: (e) => {
-      const t = c || o && o[0] || /* @__PURE__ */ new Date();
-      s.setDate(
-        new Date(
-          e,
-          t.getMonth(),
-          t.getDate(),
-          t.getHours(),
-          t.getMinutes()
-        )
-      );
-    },
-    // hover handlers
-    uncontrollableTimeHover: (e, t) => {
-      const l = c || o && o[0] || /* @__PURE__ */ new Date();
-      I(
-        new Date(l.getFullYear(), l.getMonth(), l.getDate(), e, t)
-      );
-    },
-    dayHover: (e) => {
-      const t = c || o && o[0] || /* @__PURE__ */ new Date();
-      I(
-        new Date(
-          t.getFullYear(),
-          t.getMonth(),
-          e,
-          t.getHours(),
-          t.getMinutes()
-        )
-      );
-    },
-    monthHover: (e) => {
-      const t = c || o && o[0] || /* @__PURE__ */ new Date();
-      I(
-        new Date(
-          t.getFullYear(),
-          e,
-          t.getDate(),
-          t.getHours(),
-          t.getMinutes()
-        )
-      );
-    },
-    yearHover: (e) => {
-      const t = c || o && o[0] || /* @__PURE__ */ new Date();
-      I(
-        new Date(
-          e,
-          t.getMonth(),
-          t.getDate(),
-          t.getHours(),
-          t.getMinutes()
-        )
-      );
-    },
-    clearHoveredDate: () => {
-      I(null);
-    }
-  }, J = (e, t, l, d, a, g) => v(
-    e,
-    w(l, /* @__PURE__ */ new Date(), g) && n.current,
-    !t && (m ? m && !Array.isArray(m) && w(l, m, g) : c && w(l, c, g)) && n.active,
-    t && (a && a.length > 1 ? ae(l, a[0], a[1], g) : a && a.length > 0 && d && ae(l, a[0], d, g)) && n.activeMid,
-    t && m && Array.isArray(m) && m.length > 1 && T == 0 && (w(l, m[0], g) || w(l, m[1], g)) && n.active,
-    t && a && T === 1 && w(l, a[0], g) && n.active,
-    t && a && a.length > 1 && !w(a[0], a[1], g) && w(l, a[0], g) && n.activeFirst,
-    t && a && a.length > 1 && !w(a[0], a[1], g) && w(l, a[1], g) && n.activeSecond,
-    t && a && a.length === 1 && T === 1 && d && !w(a[0], d, g) && w(
-      l,
-      se(a[0], d) == a[0] ? a[0] : d,
-      g
-    ) && n.activeFirst,
-    t && a && a.length === 1 && T === 1 && !w(a[0], d, g) && w(
-      l,
-      se(a[0], d) == a[0] ? d : a[0],
-      g
-    ) && n.activeSecond
-  ), ie = (e) => {
-    const {
-      selectedDate: t,
-      rangeDates: l,
-      allowDay: d,
-      timeControl: a,
-      allowPeriod: g,
-      allowSeconds: p,
-      isRange: k,
-      hoveredDate: N
-    } = e, u = t || l && l[0] || /* @__PURE__ */ new Date(), f = [];
-    for (let M = 0; M < 24; M++)
-      for (let i = 0; i < 60; i += 15)
-        f.push({
-          hours: M,
-          minutes: i
-        });
-    const S = f.find(
-      (M) => M.hours === u.getHours() && M.minutes === u.getMinutes()
-    ) || null;
-    return /* @__PURE__ */ D(U, { children: [
-      d && /* @__PURE__ */ D("div", { className: n.controlPanel, children: [
-        /* @__PURE__ */ r(
-          K,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setPrevDay
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: n.controlPanelDateContainer, children: /* @__PURE__ */ r("span", { onClick: s.setDayView, children: Ne(u, !1) }) }),
-        /* @__PURE__ */ r(
-          Z,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setNextDay
-          }
-        )
-      ] }),
-      a ? /* @__PURE__ */ D(
-        "div",
-        {
-          className: v(n.calendar, n.timePickerControlled),
-          children: [
-            /* @__PURE__ */ D(
-              "div",
-              {
-                className: n.timePickerControlledContainer,
-                children: [
-                  /* @__PURE__ */ r(
-                    q,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setNextHour
-                    }
-                  ),
-                  g ? /* @__PURE__ */ r("span", { children: u.getHours() % 12 || 12 }) : /* @__PURE__ */ r("span", { children: $(u.getHours()) }),
-                  /* @__PURE__ */ r(
-                    _,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setPrevHour
-                    }
-                  )
-                ]
-              },
-              "hour-picker"
-            ),
-            /* @__PURE__ */ D(
-              "div",
-              {
-                className: n.timePickerControlledContainer,
-                children: [
-                  /* @__PURE__ */ r(
-                    q,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setNextMinute
-                    }
-                  ),
-                  /* @__PURE__ */ r("span", { children: $(u.getMinutes()) }),
-                  /* @__PURE__ */ r(
-                    _,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setPrevMinute
-                    }
-                  )
-                ]
-              },
-              "minute-picker"
-            ),
-            p && /* @__PURE__ */ D(
-              "div",
-              {
-                className: n.timePickerControlledContainer,
-                children: [
-                  /* @__PURE__ */ r(
-                    q,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setNextSecond
-                    }
-                  ),
-                  /* @__PURE__ */ r("span", { children: $(u.getSeconds()) }),
-                  /* @__PURE__ */ r(
-                    _,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setPrevSecond
-                    }
-                  )
-                ]
-              },
-              "second-picker"
-            ),
-            g && /* @__PURE__ */ D(
-              "div",
-              {
-                className: n.timePickerControlledContainer,
-                children: [
-                  /* @__PURE__ */ r(
-                    q,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setAnotherPeriod
-                    }
-                  ),
-                  /* @__PURE__ */ r("span", { children: u.getHours() < 12 ? "AM" : "PM" }),
-                  /* @__PURE__ */ r(
-                    _,
-                    {
-                      role: "button",
-                      className: n.controlPanelButtons,
-                      onClick: s.setAnotherPeriod
-                    }
-                  )
-                ]
-              },
-              "period-picker"
-            )
-          ]
-        }
-      ) : /* @__PURE__ */ r(
-        "div",
-        {
-          className: v(n.calendar, n.timePickerUncontrolled),
-          children: f.map(({ hours: M, minutes: i }) => {
-            const O = new Date(
-              u.getFullYear(),
-              u.getMonth(),
-              u.getDate(),
-              M,
-              i
-            );
-            return /* @__PURE__ */ D(
-              "span",
-              {
-                ref: S?.hours === M && S?.minutes === i ? L : null,
-                className: J(
-                  n.time,
-                  k,
-                  O,
-                  N,
-                  l,
-                  "minutes"
-                ),
-                onClick: () => s.uncontrollableTimeClick(M, i),
-                onMouseLeave: s.clearHoveredDate,
-                onMouseEnter: () => s.uncontrollableTimeHover(M, i),
-                children: [
-                  $(M),
-                  ":",
-                  $(i)
-                ]
-              },
-              `${M}:${i}`
-            );
-          })
-        }
-      )
-    ] });
-  }, ne = (e) => {
-    const {
-      locale: t,
-      selectedDate: l,
-      rangeDates: d,
-      allowMonth: a,
-      allowYear: g,
-      isRange: p,
-      hoveredDate: k
-    } = e, N = l || d && d[0] || /* @__PURE__ */ new Date(), u = new Date(
-      N.getFullYear(),
-      N.getMonth() + 1,
-      0
-    ).getDate(), f = new Date(
-      N.getFullYear(),
-      N.getMonth(),
-      1
-    ).getDay(), S = [];
-    V.WEEKDAYS[t || "ru"].forEach((i) => {
-      S.push(
-        /* @__PURE__ */ r("div", { className: n.weekday, children: i }, `weekday-${i}`)
-      );
-    });
-    const M = [];
-    for (let i = 0; i < (f || 7) - 1; i++)
-      M.unshift(
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: v(n.day, n.inactive)
-          },
-          `prev-${i}`
-        )
-      );
-    S.push(...M);
-    for (let i = 1; i <= u; i++) {
-      const O = new Date(
-        N.getFullYear(),
-        N.getMonth(),
-        i
-      ), he = O.getDay() === 0 || O.getDay() === 6;
-      S.push(
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: J(
-              v(n.day, he && n.weekend),
-              p,
-              O,
-              k,
-              d,
-              "date"
-            ),
-            onClick: () => s.dayClick(i),
-            onMouseEnter: () => s.dayHover(i),
-            onMouseLeave: s.clearHoveredDate,
-            children: i
-          },
-          i
-        )
-      );
-    }
-    for (let i = 0; S.length % 7 != 0; i++)
-      S.push(
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: v(n.day, n.inactive)
-          },
-          `next-${i}`
-        )
-      );
-    return /* @__PURE__ */ D(U, { children: [
-      a && /* @__PURE__ */ D("div", { className: n.controlPanel, children: [
-        /* @__PURE__ */ r(
-          K,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setPrevMonth
-          }
-        ),
-        /* @__PURE__ */ D("div", { className: n.controlPanelDateContainer, children: [
-          /* @__PURE__ */ r("span", { onClick: s.setMonthView, children: V.MONTHS[t || "ru"][N.getMonth()] }),
-          g && /* @__PURE__ */ r("span", { onClick: s.setYearView, children: N.getFullYear() })
-        ] }),
-        /* @__PURE__ */ r(
-          Z,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setNextMonth
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r("div", { className: v(n.calendar, n.dayPicker), children: S })
-    ] });
-  }, ue = (e) => {
-    const {
-      locale: t,
-      selectedDate: l,
-      rangeDates: d,
-      allowYear: a,
-      isRange: g,
-      hoveredDate: p
-    } = e, k = l || d && d[0] || /* @__PURE__ */ new Date();
-    return /* @__PURE__ */ D(U, { children: [
-      a && /* @__PURE__ */ D("div", { className: n.controlPanel, children: [
-        /* @__PURE__ */ r(
-          K,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setPrevYear
-          }
-        ),
-        /* @__PURE__ */ D("div", { className: n.controlPanelDateContainer, children: [
-          /* @__PURE__ */ r("span", { className: n.activeMid, children: V.MONTHS[t || "ru"][k.getMonth()] }),
-          /* @__PURE__ */ r("span", { onClick: s.setYearView, children: k.getFullYear() })
-        ] }),
-        /* @__PURE__ */ r(
-          Z,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setNextYear
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r("div", { className: v(n.calendar, n.monthPicker), children: V.MONTHS[t || "ru"].map((N, u) => {
-        const f = new Date(k.getFullYear(), u, 1);
-        return /* @__PURE__ */ r(
-          "span",
-          {
-            className: J(
-              n.month,
-              g,
-              f,
-              p,
-              d,
-              "month"
-            ),
-            onClick: () => s.monthClick(u),
-            onMouseEnter: () => s.monthHover(u),
-            onMouseLeave: s.clearHoveredDate,
-            children: N
-          },
-          u
-        );
-      }) })
-    ] });
-  }, de = (e) => {
-    const {
-      locale: t,
-      selectedDate: l,
-      rangeDates: d,
-      allowMonth: a,
-      isRange: g,
-      hoveredDate: p
-    } = e, k = l || d && d[0] || /* @__PURE__ */ new Date(), N = [];
-    for (let u = 1900; u <= 2100; u++) {
-      const f = new Date(u, 0, 1);
-      N.push(
-        /* @__PURE__ */ r(
-          "span",
-          {
-            ref: k.getFullYear() === u ? j : null,
-            className: J(
-              n.year,
-              g,
-              f,
-              p,
-              d,
-              "year"
-            ),
-            onClick: () => s.yearClick(u),
-            onMouseEnter: () => s.yearHover(u),
-            onMouseLeave: s.clearHoveredDate,
-            children: u
-          },
-          u
-        )
-      );
-    }
-    return /* @__PURE__ */ D(U, { children: [
-      /* @__PURE__ */ D("div", { className: n.controlPanel, children: [
-        /* @__PURE__ */ r(
-          K,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setPrevYear
-          }
-        ),
-        /* @__PURE__ */ D("div", { className: n.controlPanelDateContainer, children: [
-          a && /* @__PURE__ */ r("span", { onClick: s.setMonthView, children: V.MONTHS[t || "ru"][k.getMonth()] }),
-          /* @__PURE__ */ r("span", { className: n.activeMid, children: k.getFullYear() })
-        ] }),
-        /* @__PURE__ */ r(
-          Z,
-          {
-            role: "button",
-            className: n.controlPanelButtons,
-            onClick: s.setNextYear
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r("div", { className: v(n.calendar, n.yearPicker), children: N })
-    ] });
-  }, ge = De(() => {
-    switch (C) {
-      case "time":
-        return ie({
-          selectedDate: c,
-          rangeDates: o,
-          allowDay: Y,
-          timeControl: G,
-          allowPeriod: ee,
-          allowSeconds: R,
-          isRange: y,
-          hoveredDate: A
-        });
-      case "day":
-        return ne({
-          locale: b,
-          selectedDate: c,
-          rangeDates: o,
-          allowMonth: P,
-          allowYear: H,
-          isRange: y,
-          hoveredDate: A
-        });
-      case "month":
-        return ue({
-          locale: b,
-          selectedDate: c,
-          rangeDates: o,
-          allowYear: H,
-          isRange: y,
-          hoveredDate: A
-        });
-      case "year":
-        return de({
-          locale: b,
-          selectedDate: c,
-          rangeDates: o,
-          allowMonth: P,
-          isRange: y,
-          hoveredDate: A
-        });
-      default:
-        return ne({
-          locale: b,
-          selectedDate: c,
-          rangeDates: o,
-          allowMonth: P,
-          allowYear: H,
-          isRange: y,
-          hoveredDate: A
-        });
-    }
-  }, [
-    Y,
-    P,
-    ee,
-    R,
-    H,
-    A,
-    y,
-    b,
-    o,
-    c,
-    G,
-    C
-  ]);
-  return /* @__PURE__ */ D(
-    "div",
-    {
-      className: ce,
-      style: me(te.style),
-      ...te,
-      children: [
-        ge,
-        (Q && Q.length > 0 || C == "time" && G) && /* @__PURE__ */ D("div", { className: n.confirmationBlock, children: [
-          /* @__PURE__ */ r("div", { className: n.dateOptions, children: Q?.filter(
-            (e) => Array.isArray(e.value) && y || !Array.isArray(e.value) && !y
-          ).map((e) => /* @__PURE__ */ r(
-            ye,
-            {
-              variant: "accent",
-              size: "m",
-              onClick: () => s.setDateFromOption(e.value),
-              children: e.text
-            }
-          )) }),
-          /* @__PURE__ */ r(
-            ke,
-            {
-              type: "button",
-              variant: "primary",
-              size: "s",
-              disabled: !c,
-              onClick: () => s.setDate(c),
-              children: V.CONFIRMATION[b || "ru"]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  Be as Picker
-};