@alif-ui-test/core 1.11.0

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

@@ -0,0 +1,944 @@
+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
+};