@alif-ui-test/core 1.11.0

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

@@ -0,0 +1,55 @@
+const c = "_root_cbcga_1", t = "_controlPanel_cbcga_40", e = "_controlPanelButtons_cbcga_47", n = "_controlPanelDateContainer_cbcga_63", o = "_activeMid_cbcga_96", a = "_calendar_cbcga_106", _ = "_timePickerControlled_cbcga_112", i = "_timePickerControlledContainer_cbcga_119", r = "_timePickerUncontrolled_cbcga_136", l = "_dayPicker_cbcga_141", s = "_monthPicker_cbcga_146", d = "_yearPicker_cbcga_151", k = "_weekday_cbcga_156", P = "_time_cbcga_112", b = "_day_cbcga_141", g = "_month_cbcga_146", m = "_year_cbcga_151", y = "_active_cbcga_96", v = "_inactive_cbcga_206", C = "_activeFirst_cbcga_214", u = "_activeSecond_cbcga_215", h = "_weekend_cbcga_255", w = "_current_cbcga_259", B = "_confirmationBlock_cbcga_268", f = "_dateOptions_cbcga_277", p = {
+  root: c,
+  controlPanel: t,
+  controlPanelButtons: e,
+  controlPanelDateContainer: n,
+  activeMid: o,
+  calendar: a,
+  timePickerControlled: _,
+  timePickerControlledContainer: i,
+  timePickerUncontrolled: r,
+  dayPicker: l,
+  monthPicker: s,
+  yearPicker: d,
+  weekday: k,
+  time: P,
+  day: b,
+  month: g,
+  year: m,
+  active: y,
+  inactive: v,
+  activeFirst: C,
+  activeSecond: u,
+  weekend: h,
+  current: w,
+  confirmationBlock: B,
+  dateOptions: f
+};
+export {
+  y as active,
+  C as activeFirst,
+  o as activeMid,
+  u as activeSecond,
+  a as calendar,
+  B as confirmationBlock,
+  t as controlPanel,
+  e as controlPanelButtons,
+  n as controlPanelDateContainer,
+  w as current,
+  f as dateOptions,
+  b as day,
+  l as dayPicker,
+  p as default,
+  v as inactive,
+  g as month,
+  s as monthPicker,
+  c as root,
+  P as time,
+  _ as timePickerControlled,
+  i as timePickerControlledContainer,
+  r as timePickerUncontrolled,
+  k as weekday,
+  h as weekend,
+  m as year,
+  d as yearPicker
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,62 @@
+import { resolveTypography as s } from "../../../utils/typography.js";
+const l = (t, n, e, i) => n ? "day" : e ? "month" : i ? "year" : t ? "time" : "day", y = (t, n, e, i, o) => {
+  const g = [
+    o && "year",
+    i && "month",
+    e && "day",
+    n && "time"
+  ].filter(Boolean), c = g.indexOf(t);
+  return g[c + 1] || null;
+}, r = (t, n = "minutes") => {
+  if (!t)
+    return 0;
+  switch (n) {
+    case "year":
+      return t.getFullYear();
+    case "month":
+      return t.getFullYear() * 12 + t.getMonth();
+    case "date":
+      return (t.getFullYear() * 12 + t.getMonth()) * 31 + t.getDate();
+    case "hours":
+      return ((t.getFullYear() * 12 + t.getMonth()) * 31 + t.getDate()) * 60 + t.getHours();
+    case "minutes":
+      return (((t.getFullYear() * 12 + t.getMonth()) * 31 + t.getDate()) * 60 + t.getHours()) * 60 + t.getMinutes();
+    case "seconds":
+      return ((((t.getFullYear() * 12 + t.getMonth()) * 31 + t.getDate()) * 60 + t.getHours()) * 60 + t.getMinutes()) * 60 + t.getSeconds();
+    default:
+      return t.getTime();
+  }
+}, f = (t, n, e = "minutes") => !t || !n ? !t && !n : r(t, e) === r(n, e), p = (t, n, e, i = "minutes") => t ? r(t, i) > r(n, i) && r(t, i) < r(e, i) || r(t, i) < r(n, i) && r(t, i) > r(e, i) : !1, h = (t, n, e = "minutes") => t ? n ? r(t, e) < r(n, e) ? t : n : t : n, m = (t) => {
+  const n = s("body", "s"), e = s("body", "m"), i = s("body", "mStrong"), o = s("description", "l");
+  return {
+    ...t,
+    "--picker-body-s-font-family": n.fontFamily,
+    "--picker-body-s-font-weight": n.fontWeight,
+    "--picker-body-s-font-size": n.fontSize,
+    "--picker-body-s-line-height": n.lineHeight,
+    "--picker-body-s-letter-spacing": n.letterSpacing,
+    "--picker-body-m-font-family": e.fontFamily,
+    "--picker-body-m-font-weight": e.fontWeight,
+    "--picker-body-m-font-size": e.fontSize,
+    "--picker-body-m-line-height": e.lineHeight,
+    "--picker-body-m-letter-spacing": e.letterSpacing,
+    "--picker-body-m-strong-font-family": i.fontFamily,
+    "--picker-body-m-strong-font-weight": i.fontWeight,
+    "--picker-body-m-strong-font-size": i.fontSize,
+    "--picker-body-m-strong-line-height": i.lineHeight,
+    "--picker-body-m-strong-letter-spacing": i.letterSpacing,
+    "--picker-description-l-font-family": o.fontFamily,
+    "--picker-description-l-font-weight": o.fontWeight,
+    "--picker-description-l-font-size": o.fontSize,
+    "--picker-description-l-line-height": o.lineHeight,
+    "--picker-description-l-letter-spacing": o.letterSpacing
+  };
+};
+export {
+  f as areDatesEqual,
+  l as defineDefaultView,
+  y as defineNextView,
+  m as getPickerStyles,
+  p as isDateInRange,
+  h as returnMinDate
+};

package/dist/components/Dates/Dates.module.css.js

@@ -0,0 +1,73 @@
+const n = "_root_1hvv3_1", t = "_dateTimeContainer_1hvv3_83", e = "_controlPanel_1hvv3_88", o = "_controlPanelButtonArrow_1hvv3_96", a = "_controlPanelDateContainer_1hvv3_112", _ = "_controlPanelButtonMonth_1hvv3_118", r = "_controlPanelButtonYear_1hvv3_133", c = "_controlPanelActiveButtonYear_1hvv3_153", i = "_controlPanelActiveButtonMonth_1hvv3_163", v = "_calendar_1hvv3_173", l = "_calendarShadow_1hvv3_181", d = "_option_1hvv3_192", h = "_current_1hvv3_215", s = "_active_1hvv3_220", m = "_rangeMiddle_1hvv3_220", P = "_confirmationBlock_1hvv3_235", u = "_dateOptions_1hvv3_244", k = "_weekend_1hvv3_252", B = "_rangeStart_1hvv3_256", g = "_rangeEnd_1hvv3_262", w = "_todayRangeMiddle_1hvv3_297", M = "_month_1hvv3_302", p = "_inlineTimePickerWrapper_1hvv3_306", y = "_timePicker_1hvv3_311", C = "_timePickerColumn_1hvv3_319", A = "_time_1hvv3_311", T = "_timeHeaderContainer_1hvv3_347", f = "_timeHeader_1hvv3_347", H = "_activeTime_1hvv3_368", O = "_timeOverlay_1hvv3_372", R = "_confirmationButton_1hvv3_383", S = "_days_1hvv3_387", Y = "_weekday_1hvv3_394", D = "_weekendRangeMiddle_1hvv3_404", E = {
+  root: n,
+  dateTimeContainer: t,
+  controlPanel: e,
+  controlPanelButtonArrow: o,
+  controlPanelDateContainer: a,
+  controlPanelButtonMonth: _,
+  controlPanelButtonYear: r,
+  controlPanelActiveButtonYear: c,
+  controlPanelActiveButtonMonth: i,
+  calendar: v,
+  calendarShadow: l,
+  option: d,
+  current: h,
+  active: s,
+  rangeMiddle: m,
+  confirmationBlock: P,
+  dateOptions: u,
+  weekend: k,
+  rangeStart: B,
+  rangeEnd: g,
+  todayRangeMiddle: w,
+  month: M,
+  inlineTimePickerWrapper: p,
+  timePicker: y,
+  timePickerColumn: C,
+  time: A,
+  timeHeaderContainer: T,
+  timeHeader: f,
+  activeTime: H,
+  timeOverlay: O,
+  confirmationButton: R,
+  days: S,
+  weekday: Y,
+  weekendRangeMiddle: D
+};
+export {
+  s as active,
+  H as activeTime,
+  v as calendar,
+  l as calendarShadow,
+  P as confirmationBlock,
+  R as confirmationButton,
+  e as controlPanel,
+  i as controlPanelActiveButtonMonth,
+  c as controlPanelActiveButtonYear,
+  o as controlPanelButtonArrow,
+  _ as controlPanelButtonMonth,
+  r as controlPanelButtonYear,
+  a as controlPanelDateContainer,
+  h as current,
+  u as dateOptions,
+  t as dateTimeContainer,
+  S as days,
+  E as default,
+  p as inlineTimePickerWrapper,
+  M as month,
+  d as option,
+  g as rangeEnd,
+  m as rangeMiddle,
+  B as rangeStart,
+  n as root,
+  A as time,
+  f as timeHeader,
+  T as timeHeaderContainer,
+  O as timeOverlay,
+  y as timePicker,
+  C as timePickerColumn,
+  w as todayRangeMiddle,
+  Y as weekday,
+  k as weekend,
+  D as weekendRangeMiddle
+};

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

@@ -0,0 +1,65 @@
+import { resolveTypography as c } from "../../utils/typography.js";
+const d = {
+  time: "var(--picker-date-border-radius-times)",
+  day: "var(--picker-date-border-radius-days)",
+  "date-time": "var(--picker-date-border-radius-days)",
+  month: "var(--picker-date-border-radius-month)",
+  year: "var(--picker-date-border-radius-years)"
+}, a = {
+  year: "var(--picker-date-width-calendar)",
+  month: "var(--picker-date-width-calendar)",
+  day: "var(--picker-date-width-calendar)",
+  time: "var(--picker-date-width-time)",
+  "date-time": "calc(var(--picker-date-width-calendar) + var(--picker-date-width-time))"
+}, p = {
+  year: "20px",
+  month: "0px",
+  day: "0px",
+  time: "20px",
+  "date-time": "20px"
+}, s = (e) => d[e], f = (e, t) => {
+  const r = c("body", "s"), o = c("body", "m"), n = c("body", "mStrong"), i = c("description", "l");
+  return {
+    "--picker-body-s-font-family": r.fontFamily,
+    "--picker-body-s-font-weight": r.fontWeight,
+    "--picker-body-s-font-size": r.fontSize,
+    "--picker-body-s-line-height": r.lineHeight,
+    "--picker-body-s-letter-spacing": r.letterSpacing,
+    "--picker-body-m-font-family": o.fontFamily,
+    "--picker-body-m-font-weight": o.fontWeight,
+    "--picker-body-m-font-size": o.fontSize,
+    "--picker-body-m-line-height": o.lineHeight,
+    "--picker-body-m-letter-spacing": o.letterSpacing,
+    "--picker-body-m-strong-font-family": n.fontFamily,
+    "--picker-body-m-strong-font-weight": n.fontWeight,
+    "--picker-body-m-strong-font-size": n.fontSize,
+    "--picker-body-m-strong-line-height": n.lineHeight,
+    "--picker-body-m-strong-letter-spacing": n.letterSpacing,
+    "--picker-description-l-font-family": i.fontFamily,
+    "--picker-description-l-font-weight": i.fontWeight,
+    "--picker-description-l-font-size": i.fontSize,
+    "--picker-description-l-line-height": i.lineHeight,
+    "--picker-description-l-letter-spacing": i.letterSpacing,
+    "--picker-date-border-radius": s(e),
+    "--picker-width": t || a[e],
+    "--picker-mask-image-height": p[e]
+  };
+}, g = (e, t = "") => {
+  let r = "", o = 0, n = 0;
+  for (let i = 0; i < t.length && !(o >= e.length && t[i] !== "a"); i++)
+    "DMYHm".includes(t[i]) || "ДМГЧм".includes(t[i]) || "РМСсм".includes(t[i]) ? (r += e[o] || "_", o++) : t[i] === "a" ? n === 0 && e.length > o ? (r += e[o].toUpperCase() === "A" ? "AM" : "PM", n = 1, o++) : n === 0 && (r += "_M") : r += t[i];
+  return r;
+}, y = (e) => e.replace(/\D/g, ""), h = (e) => {
+  if (!e) return;
+  const t = e.parentElement;
+  if (!t) return;
+  const r = e.offsetTop - t.offsetTop;
+  t.scrollTop = r - t.clientHeight / 2 + e.clientHeight / 2;
+}, m = (e) => e ? e.includes("%") ? "trigger" : e : "max-content";
+export {
+  g as formatInputValue,
+  f as getPickerStyles,
+  m as getPopoverWidth,
+  y as sanitizeInput,
+  h as scrollToCenter
+};

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

@@ -0,0 +1,8 @@
+const e = {
+  en: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
+  ru: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
+  tj: ["Дш", "Сш", "Чш", "Пш", "Ҷм", "Шб", "Яш"]
+};
+export {
+  e as WEEKDAYS
+};

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

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1,119 @@
+import { jsxs as S, jsx as n } from "react/jsx-runtime";
+import { useState as V, useMemo as E, useCallback as F, useLayoutEffect as g } from "react";
+import { defineMask as q, formatDate as z, parseDate as B } from "./InputDatePicker.utils.js";
+import { getPopoverWidth as G, formatInputValue as H } from "../Dates.utils.js";
+import { useLocale as J } from "../../../providers/hooks/useLocale/useLocale.js";
+import { Popover as I } from "../../Popover/Popover.js";
+import { Input as K } from "../../Input/Input.js";
+import { InlineDatePicker as v } from "./DatePicker/DatePicker.js";
+import { OutlineSystemCalendar as N } from "../../../icons/components/OutlineSystemCalendar.js";
+const T = ({
+  onClear: k,
+  onChange: o,
+  onBlur: d,
+  value: p,
+  isRange: r,
+  withTime: s,
+  maxDate: u = new Date(2100, 11, 31, 23, 59, 59, 999),
+  minDate: c = new Date(1900, 0, 1, 0, 0, 0, 0),
+  options: P,
+  className: C,
+  style: h,
+  pickerWidth: i,
+  ...w
+}) => {
+  const { locale: y } = J(), [A, a] = V(!1), [O, l] = V(""), M = E(
+    () => q(!!r, !!s, y),
+    [r, y, s]
+  ), f = F(
+    (e) => {
+      e ? z(e, !!r, !!s, l) : l("");
+    },
+    [r, s]
+  );
+  g(() => {
+    f(p);
+  }, [r, f, p, s]);
+  const b = (e) => {
+    const t = e.target.value.replace(/[^\dAaPp]/g, ""), m = H(t, M);
+    l(m);
+  }, j = (e) => {
+    const t = B(e.target.value, !!r);
+    if (!t) {
+      l(""), o(null), d?.(e);
+      return;
+    }
+    if (r && Array.isArray(t)) {
+      const [m, L] = t;
+      c && L < c || u && m > u ? (l(""), o(null)) : (o(t), f(t)), d?.(e);
+      return;
+    }
+    !r && t instanceof Date && (c && t < c || u && t > u ? (l(""), o(null)) : (o(t), f(t))), d?.(e);
+  }, D = () => {
+    k?.(), o?.(null), l("");
+  };
+  return /* @__PURE__ */ S(
+    I,
+    {
+      isOpen: A,
+      width: G(i),
+      onClose: () => a(!1),
+      position: "bottom-start",
+      children: [
+        /* @__PURE__ */ n(
+          I.Trigger,
+          {
+            onBlur: j,
+            className: C,
+            style: { width: "100%", ...h },
+            children: /* @__PURE__ */ n(
+              K,
+              {
+                ...w,
+                value: O,
+                mask: M,
+                onChange: b,
+                onClear: k && D,
+                onFieldClick: () => a((e) => !e),
+                rightIcon: /* @__PURE__ */ n(N, { onMouseDown: (e) => e.preventDefault() })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ n(I.Dropdown, { children: /* @__PURE__ */ n("div", { onMouseDown: (e) => e.preventDefault(), children: r ? /* @__PURE__ */ n(
+          v,
+          {
+            value: p,
+            isRange: !0,
+            options: P,
+            maxDate: u,
+            minDate: c,
+            onPickerChange: f,
+            pickerWidth: i,
+            onChange: (e) => {
+              o(e), a(!1);
+            }
+          }
+        ) : /* @__PURE__ */ n(
+          v,
+          {
+            value: p,
+            isRange: !1,
+            withTime: s,
+            options: P,
+            maxDate: u,
+            minDate: c,
+            onPickerChange: f,
+            pickerWidth: i,
+            onChange: (e) => {
+              o(e), a(!1);
+            }
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  T as InputDatePicker
+};

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

@@ -0,0 +1 @@
+