@oneb/ui-vue 0.3.30 → 0.3.31

package/dist/periodPicker/index.js

@@ -1,24 +1,24 @@
-import { openBlock as u, createElementBlock as p, createElementVNode as v, defineComponent as st, computed as f, createBlock as Q, unref as S, withCtx as At, normalizeStyle as xe, Fragment as q, renderList as Z, normalizeClass as c, toDisplayString as O, createCommentVNode as Y, ref as b, watch as ce, nextTick as K, onMounted as Rt, onUnmounted as Lt, withDirectives as he, withKeys as ke, vModelText as Ye, createVNode as J, Teleport as nt } from "vue";
-import { autoUpdate as Wt, computePosition as Tt, offset as qt, flip as Ut, shift as It } from "@floating-ui/dom";
-import { DatePicker as Ce } from "v-calendar";
-import { OneButton as Pe } from "../button/index.js";
-import { O as Et, u as Ft } from "../useModal-7fe9444b.js";
-import { r as rt } from "../CheckIcon-f1c94824.js";
-import { r as jt } from "../XMarkIcon-51ef0691.js";
-import { r as Nt } from "../ChevronDownIcon-6805ce6c.js";
-import { useOnebI18n as dt } from "../i18n/index.js";
-import { _ as pt } from "../_plugin-vue_export-helper-dad06003.js";
-import l from "dayjs";
-import { default as Ka } from "dayjs";
-import Kt from "dayjs/plugin/advancedFormat";
-import Qt from "dayjs/plugin/isoWeek";
-import Ht from "dayjs/plugin/quarterOfYear";
-import Jt from "dayjs/plugin/utc";
-import Xt from "dayjs/plugin/customParseFormat";
+import { openBlock as o, createElementBlock as d, createElementVNode as v, defineComponent as vt, computed as f, createBlock as F, unref as M, withCtx as Wt, normalizeStyle as ue, Fragment as W, renderList as Z, normalizeClass as c, toDisplayString as _, createCommentVNode as k, ref as b, watch as me, nextTick as E, onMounted as Tt, onUnmounted as Ut, withDirectives as Me, withKeys as Oe, vModelText as _e, createVNode as J, Teleport as st, renderSlot as Se } from "vue";
+import { autoUpdate as qt, computePosition as It, offset as Et, flip as Ft, shift as jt } from "@floating-ui/dom";
+import { DatePicker as Be } from "v-calendar";
+import { OneButton as Le } from "../button/index.js";
+import { O as Nt, u as Kt } from "../useModal-7fe9444b.js";
+import { r as it } from "../CheckIcon-f1c94824.js";
+import { r as Qt } from "../XMarkIcon-51ef0691.js";
+import { r as Ht } from "../ChevronDownIcon-6805ce6c.js";
+import { useOnebI18n as ft } from "../i18n/index.js";
+import { _ as mt } from "../_plugin-vue_export-helper-dad06003.js";
+import n from "dayjs";
+import { default as Xa } from "dayjs";
+import Jt from "dayjs/plugin/advancedFormat";
+import Xt from "dayjs/plugin/isoWeek";
+import Zt from "dayjs/plugin/quarterOfYear";
+import ea from "dayjs/plugin/utc";
+import ta from "dayjs/plugin/customParseFormat";
 import "../SpinnerIcon-74648c98.js";
 import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
-function Ve(a, o) {
-  return u(), p("svg", {
+function We(a, u) {
+  return o(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -33,8 +33,8 @@ function Ve(a, o) {
     })
   ]);
 }
-function Zt(a, o) {
-  return u(), p("svg", {
+function aa(a, u) {
+  return o(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -49,7 +49,7 @@ function Zt(a, o) {
     })
   ]);
 }
-const $e = {
+const Te = {
   xs: {
     trigger: "h-7 rounded-lg",
     triggerButton: "gap-1.5 px-2 text-[11px]",
@@ -254,10 +254,10 @@ const $e = {
       "--pp-fast-list-max-h": "540px"
     }
   }
-}, we = "manual-date", le = "manual-range", G = "date", ea = "period", P = "range", ta = { class: "fast-picker-group__list" }, aa = ["onClick"], la = { class: "fast-picker-option__label" }, na = {
+}, ze = "manual-date", oe = "manual-range", B = "date", la = "period", $ = "range", na = { class: "fast-picker-group__list" }, ra = ["onClick"], oa = { class: "fast-picker-option__label" }, ua = {
   key: 0,
   class: "fast-picker-option__description"
-}, ra = /* @__PURE__ */ st({
+}, sa = /* @__PURE__ */ vt({
   __name: "OnePeriodPickerFastModal",
   props: {
     useModal: {},
@@ -268,315 +268,318 @@ const $e = {
   },
   emits: ["select"],
   setup(a) {
-    const o = dt(), x = a, r = f(() => x.t ?? o), i = f(() => $e[x.size ?? "md"]), m = f(() => i.value.vars);
-    return (s, C) => a.useModal.isOpened.value ? (u(), Q(S(Et), {
+    const u = ft(), m = a, r = f(() => m.t ?? u), s = f(() => Te[m.size ?? "md"]), y = f(() => s.value.vars);
+    return (i, z) => a.useModal.isOpened.value ? (o(), F(M(Nt), {
       key: 0,
       useModal: a.useModal,
-      size: i.value.fastModalSize,
+      size: s.value.fastModalSize,
       title: r.value("ui.period_select.Fast periods")
     }, {
-      default: At(() => [
+      default: Wt(() => [
         v("div", {
           class: "grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
-          style: xe(m.value)
+          style: ue(y.value)
         }, [
-          (u(!0), p(q, null, Z(a.groups, (A) => (u(), p("section", {
-            key: A.id,
+          (o(!0), d(W, null, Z(a.groups, (T) => (o(), d("section", {
+            key: T.id,
             class: "fast-picker-group"
           }, [
-            v("div", ta, [
-              (u(!0), p(q, null, Z(A.options, (_) => (u(), p("div", {
-                key: _.key
+            v("div", na, [
+              (o(!0), d(W, null, Z(T.options, (S) => (o(), d("div", {
+                key: S.key
               }, [
-                _.type === "label" ? (u(), p("p", {
+                S.type === "label" ? (o(), d("p", {
                   key: 0,
-                  class: c([i.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-3 mb-1 first:mt-0"])
-                }, O(_.label), 3)) : (u(), p("button", {
+                  class: c([s.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-3 mb-1 first:mt-0"])
+                }, _(S.label), 3)) : (o(), d("button", {
                   key: 1,
                   type: "button",
-                  class: c(["fast-picker-option", { "fast-picker-option--active": a.activePresetKey === _.key }]),
-                  onClick: (ee) => s.$emit("select", _)
+                  class: c(["fast-picker-option", { "fast-picker-option--active": a.activePresetKey === S.key }]),
+                  onClick: (Q) => i.$emit("select", S)
                 }, [
-                  v("span", la, O(_.label), 1),
-                  _.description ? (u(), p("span", na, O(_.description), 1)) : Y("", !0)
-                ], 10, aa))
+                  v("span", oa, _(S.label), 1),
+                  S.description ? (o(), d("span", ua, _(S.description), 1)) : k("", !0)
+                ], 10, ra))
               ]))), 128))
             ])
           ]))), 128))
         ], 4)
       ]),
       _: 1
-    }, 8, ["useModal", "size", "title"])) : Y("", !0);
+    }, 8, ["useModal", "size", "title"])) : k("", !0);
   }
 });
-const oa = /* @__PURE__ */ pt(ra, [["__scopeId", "data-v-3fbb25c2"]]);
-l.extend(Kt);
-l.extend(Qt);
-l.extend(Ht);
-l.extend(Jt);
-l.extend(Xt);
-const De = (a, o) => o("ui.period_select.date_short", {
+const ia = /* @__PURE__ */ mt(sa, [["__scopeId", "data-v-3fbb25c2"]]);
+n.extend(Jt);
+n.extend(Xt);
+n.extend(Zt);
+n.extend(ea);
+n.extend(ta);
+const Ve = (a, u) => u("ui.period_select.date_short", {
   day: a.format("DD"),
-  month: o("ui.months_short." + a.month()),
+  month: u("ui.months_short." + a.month()),
   year: a.format("YYYY")
-}), ot = (a) => {
+}), dt = (a) => {
   if (a == null)
     return null;
-  const o = Number(a);
-  return Number.isFinite(o) && o > 0 ? o : null;
-}, M = ({
+  const u = Number(a);
+  return Number.isFinite(u) && u > 0 ? u : null;
+}, O = ({
   key: a,
-  label: o,
-  group: x,
+  label: u,
+  group: m,
   description: r = null,
-  resolveRange: i
+  resolveRange: s
 }) => ({
   key: a,
-  label: o,
-  group: x,
+  label: u,
+  group: m,
   description: r,
   type: "option",
-  resolveRange: i
-}), ut = (a, o, x) => {
-  if (a && a > 0 && o && o > 0) {
-    const r = l.unix(a).format("DD.MM.YYYY"), i = l.unix(o).format("DD.MM.YYYY");
-    return r !== i ? `${r} - ${i}` : r;
+  resolveRange: s
+}), pt = (a, u, m) => {
+  if (a && a > 0 && u && u > 0) {
+    const r = n.unix(a).format("DD.MM.YYYY"), s = n.unix(u).format("DD.MM.YYYY");
+    return r !== s ? `${r} - ${s}` : r;
   }
   if (a && a > 0)
-    return `${x("ui.period_select.From")} ${l.unix(a).format("DD.MM.YYYY")}`;
-  if (o && o > 0) {
-    if (Math.abs(l.unix(o).diff(l().utc(), "minute")) < 15)
-      return x("ui.period_select.until current moment");
-    const r = l.unix(o).format("DD.MM.YYYY");
-    return r === l().endOf("day").format("DD.MM.YYYY") ? x("ui.period_select.until end of today") : r === l().subtract(1, "d").endOf("day").format("DD.MM.YYYY") ? x("ui.period_select.until end of yesterday") : r === l().endOf("month").format("DD.MM.YYYY") ? x("ui.period_select.until end of month") : r === l().subtract(1, "month").endOf("month").format("DD.MM.YYYY") ? x("ui.period_select.until end of last month") : `${x("ui.period_select.Till")} ${l.unix(o).format("DD.MM.YYYY")}`;
+    return `${m("ui.period_select.From")} ${n.unix(a).format("DD.MM.YYYY")}`;
+  if (u && u > 0) {
+    if (Math.abs(n.unix(u).diff(n().utc(), "minute")) < 15)
+      return m("ui.period_select.until current moment");
+    const r = n.unix(u).format("DD.MM.YYYY");
+    return r === n().endOf("day").format("DD.MM.YYYY") ? m("ui.period_select.until end of today") : r === n().subtract(1, "d").endOf("day").format("DD.MM.YYYY") ? m("ui.period_select.until end of yesterday") : r === n().endOf("month").format("DD.MM.YYYY") ? m("ui.period_select.until end of month") : r === n().subtract(1, "month").endOf("month").format("DD.MM.YYYY") ? m("ui.period_select.until end of last month") : `${m("ui.period_select.Till")} ${n.unix(u).format("DD.MM.YYYY")}`;
   }
   return "";
-}, ua = (a, o, x) => x === G ? G : x === ea ? P : a != null && o != null ? l.unix(a).isSame(l.unix(o), "day") ? G : P : a != null || o != null ? P : null, it = (a) => [
+}, da = (a, u, m) => m === B ? B : m === la ? $ : a != null && u != null ? n.unix(a).isSame(n.unix(u), "day") ? B : $ : a != null || u != null ? $ : null, ct = (a) => [
   // === Date presets (group: 'date') ===
-  M({
+  O({
     key: "until-now",
     label: a("ui.period_select.until current moment"),
     group: "date",
-    resolveRange: () => [null, l().unix()]
+    resolveRange: () => [null, n().unix()]
   }),
-  M({
+  O({
     key: "until-end-today",
     label: a("ui.period_select.until end of today"),
     group: "date",
-    resolveRange: () => [null, l().endOf("day").unix()]
+    resolveRange: () => [null, n().endOf("day").unix()]
   }),
-  M({
+  O({
     key: "until-end-yesterday",
     label: a("ui.period_select.until end of yesterday"),
     group: "date",
-    resolveRange: () => [null, l().subtract(1, "day").endOf("day").unix()]
+    resolveRange: () => [null, n().subtract(1, "day").endOf("day").unix()]
   }),
-  M({
+  O({
     key: "until-end-month",
     label: a("ui.period_select.until end of month"),
     group: "date",
-    resolveRange: () => [null, l().endOf("month").unix()]
+    resolveRange: () => [null, n().endOf("month").unix()]
   }),
-  M({
+  O({
     key: "until-end-last-month",
     label: a("ui.period_select.until end of last month"),
     group: "date",
-    resolveRange: () => [null, l().subtract(1, "month").endOf("month").unix()]
+    resolveRange: () => [null, n().subtract(1, "month").endOf("month").unix()]
   }),
-  M({
+  O({
     key: "today",
     label: a("ui.period_select.Today"),
     group: "date",
-    resolveRange: () => [l().startOf("day").unix(), l().endOf("day").unix()]
+    resolveRange: () => [n().startOf("day").unix(), n().endOf("day").unix()]
   }),
-  M({
+  O({
     key: "yesterday",
     label: a("ui.period_select.Yesterday"),
     group: "date",
     resolveRange: () => [
-      l().subtract(1, "day").startOf("day").unix(),
-      l().subtract(1, "day").endOf("day").unix()
+      n().subtract(1, "day").startOf("day").unix(),
+      n().subtract(1, "day").endOf("day").unix()
     ]
   }),
   // === Period presets (group: 'period') ===
-  M({
+  O({
     key: "this-week",
     label: a("ui.period_select.This week"),
     group: "period",
     resolveRange: () => [
-      l().startOf("isoWeek").startOf("day").unix(),
-      l().endOf("isoWeek").endOf("day").unix()
+      n().startOf("isoWeek").startOf("day").unix(),
+      n().endOf("isoWeek").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "this-month",
     label: a("ui.period_select.This month"),
     group: "period",
     resolveRange: () => [
-      l().startOf("month").startOf("day").unix(),
-      l().endOf("month").endOf("day").unix()
+      n().startOf("month").startOf("day").unix(),
+      n().endOf("month").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "this-quarter",
     label: a("ui.period_select.This quarter"),
     group: "period",
     resolveRange: () => [
-      l().startOf("quarter").startOf("day").unix(),
-      l().endOf("quarter").endOf("day").unix()
+      n().startOf("quarter").startOf("day").unix(),
+      n().endOf("quarter").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "this-year",
     label: a("ui.period_select.This Year"),
     group: "period",
     resolveRange: () => [
-      l().startOf("year").startOf("day").unix(),
-      l().endOf("year").endOf("day").unix()
+      n().startOf("year").startOf("day").unix(),
+      n().endOf("year").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "last-week",
     label: a("ui.period_select.Last week"),
     group: "period",
     resolveRange: () => [
-      l().subtract(1, "week").startOf("isoWeek").startOf("day").unix(),
-      l().subtract(1, "week").endOf("isoWeek").endOf("day").unix()
+      n().subtract(1, "week").startOf("isoWeek").startOf("day").unix(),
+      n().subtract(1, "week").endOf("isoWeek").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "last-month",
     label: a("ui.period_select.Last month"),
     group: "period",
     resolveRange: () => [
-      l().subtract(1, "month").startOf("month").startOf("day").unix(),
-      l().subtract(1, "month").endOf("month").endOf("day").unix()
+      n().subtract(1, "month").startOf("month").startOf("day").unix(),
+      n().subtract(1, "month").endOf("month").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "last-quarter",
     label: a("ui.period_select.Last quarter"),
     group: "period",
     resolveRange: () => [
-      l().subtract(1, "quarter").startOf("quarter").startOf("day").unix(),
-      l().subtract(1, "quarter").endOf("quarter").endOf("day").unix()
+      n().subtract(1, "quarter").startOf("quarter").startOf("day").unix(),
+      n().subtract(1, "quarter").endOf("quarter").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "last-year",
     label: a("ui.period_select.Last year"),
     group: "period",
     resolveRange: () => [
-      l().subtract(1, "year").startOf("year").startOf("day").unix(),
-      l().subtract(1, "year").endOf("year").endOf("day").unix()
+      n().subtract(1, "year").startOf("year").startOf("day").unix(),
+      n().subtract(1, "year").endOf("year").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "last-two-months",
     label: a("ui.period_select.Last two month"),
     group: "period",
     resolveRange: () => [
-      l().subtract(1, "month").startOf("month").startOf("day").unix(),
-      l().endOf("month").endOf("day").unix()
+      n().subtract(1, "month").startOf("month").startOf("day").unix(),
+      n().endOf("month").endOf("day").unix()
     ]
   }),
-  M({
+  O({
     key: "last-three-months",
     label: a("ui.period_select.Last three month"),
     group: "period",
     resolveRange: () => [
-      l().subtract(2, "month").startOf("month").startOf("day").unix(),
-      l().endOf("month").endOf("day").unix()
+      n().subtract(2, "month").startOf("month").startOf("day").unix(),
+      n().endOf("month").endOf("day").unix()
     ]
   })
-], ve = (a, o) => {
-  var m;
+], ye = (a, u) => {
+  var y;
   const r = {
     day: {
       iterations: 30,
       group: "date",
-      buildLabel: (s) => o("ui.period_select.day_label", {
-        dayOfWeek: o("ui.days_short." + s.day()),
-        day: s.format("D"),
-        month: o("ui.months_short." + s.month()),
-        year: s.format("YYYY")
+      buildLabel: (i) => u("ui.period_select.day_label", {
+        dayOfWeek: u("ui.days_short." + i.day()),
+        day: i.format("D"),
+        month: u("ui.months_short." + i.month()),
+        year: i.format("YYYY")
       })
     },
     week: {
       iterations: 15,
       group: "period",
-      buildLabel: (s) => o("ui.period_select.week_label", { weekNumber: s.format("WW") }),
-      buildDescription: (s, C) => o("ui.period_select.week_description", {
-        start: De(s, o),
-        end: De(C, o)
+      buildLabel: (i) => u("ui.period_select.week_label", { weekNumber: i.format("WW") }),
+      buildDescription: (i, z) => u("ui.period_select.week_description", {
+        start: Ve(i, u),
+        end: Ve(z, u)
       }),
       useIsoWeek: !0
     },
     month: {
       iterations: 24,
       group: "period",
-      buildLabel: (s) => o("ui.period_select.month_label", {
-        month: o("ui.months." + s.month()),
-        year: s.format("YYYY")
+      buildLabel: (i) => u("ui.period_select.month_label", {
+        month: u("ui.months." + i.month()),
+        year: i.format("YYYY")
       })
     },
     quarter: {
       iterations: 8,
       group: "period",
-      buildLabel: (s) => o("ui.period_select.quarter_label", {
-        year: s.format("YYYY"),
-        quarter: s.quarter()
+      buildLabel: (i) => u("ui.period_select.quarter_label", {
+        year: i.format("YYYY"),
+        quarter: i.quarter()
       }),
-      buildDescription: (s, C) => o("ui.period_select.quarter_description", {
-        start: De(s, o),
-        end: De(C, o)
+      buildDescription: (i, z) => u("ui.period_select.quarter_description", {
+        start: Ve(i, u),
+        end: Ve(z, u)
       })
     },
     year: {
       iterations: 7,
       group: "period",
-      buildLabel: (s) => s.format("YYYY")
+      buildLabel: (i) => i.format("YYYY")
     }
-  }[a], i = [];
-  for (let s = 0; s < r.iterations; s++) {
-    const C = l().subtract(s, a), A = a === "week" && r.useIsoWeek ? C.startOf("isoWeek") : C.startOf(a), _ = a === "week" && r.useIsoWeek ? C.endOf("isoWeek") : C.endOf(a), ee = A.startOf("day").unix(), E = _.endOf("day").unix();
-    i.push(
-      M({
-        key: `${a}-${s}`,
-        label: r.buildLabel(A, _),
-        description: ((m = r.buildDescription) == null ? void 0 : m.call(r, A, _)) ?? null,
+  }[a], s = [];
+  for (let i = 0; i < r.iterations; i++) {
+    const z = n().subtract(i, a), T = a === "week" && r.useIsoWeek ? z.startOf("isoWeek") : z.startOf(a), S = a === "week" && r.useIsoWeek ? z.endOf("isoWeek") : z.endOf(a), Q = T.startOf("day").unix(), se = S.endOf("day").unix();
+    s.push(
+      O({
+        key: `${a}-${i}`,
+        label: r.buildLabel(T, S),
+        description: ((y = r.buildDescription) == null ? void 0 : y.call(r, T, S)) ?? null,
         group: r.group,
-        resolveRange: () => [ee, E]
+        resolveRange: () => [Q, se]
       })
     );
   }
-  return i;
-}, ia = (a) => a ? a.includes("today") || a.includes("yesterday") || a.startsWith("day-") ? "day" : a.includes("week") ? "week" : a.includes("month") || a.startsWith("month-") ? "month" : a.includes("quarter") || a.startsWith("quarter-") ? "quarter" : a.includes("year") || a.startsWith("year-") ? "year" : a.startsWith("until-") ? "day" : null : null, X = (a, o) => {
-  if (!o)
+  return s;
+}, pa = (a) => a ? a.includes("today") || a.includes("yesterday") || a.startsWith("day-") ? "day" : a.includes("week") ? "week" : a.includes("month") || a.startsWith("month-") ? "month" : a.includes("quarter") || a.startsWith("quarter-") ? "quarter" : a.includes("year") || a.startsWith("year-") ? "year" : a.startsWith("until-") ? "day" : null : null, X = (a, u) => {
+  if (!u)
     return !0;
-  const x = ["day", "week", "month", "quarter", "year"], r = x.indexOf(o), i = ia(a);
-  return i ? x.indexOf(i) >= r : !0;
-}, fe = (a) => {
-  const o = a.replace(/[^0-9]/g, "");
-  if (o.length === 8) {
-    const x = o.substring(0, 2), r = o.substring(2, 4), i = o.substring(4, 8), m = l(`${i}-${r}-${x}`, "YYYY-MM-DD");
-    if (m.isValid())
-      return m.format("YYYY-MM-DD");
+  const m = ["day", "week", "month", "quarter", "year"], r = m.indexOf(u), s = pa(a);
+  return s ? m.indexOf(s) >= r : !0;
+}, xe = (a) => {
+  const u = a.replace(/[^0-9]/g, "");
+  if (u.length === 8) {
+    const m = u.substring(0, 2), r = u.substring(2, 4), s = u.substring(4, 8), y = n(`${s}-${r}-${m}`, "YYYY-MM-DD");
+    if (y.isValid())
+      return y.format("YYYY-MM-DD");
   }
   return null;
-}, sa = ["placeholder"], da = ["placeholder"], pa = { class: "truncate" }, ca = { class: "flex items-center justify-between pb-2 border-b border-gray-200" }, va = { class: "flex-1 overflow-y-auto pr-1 picker-group__list" }, fa = ["onClick"], xa = { class: "picker-option__label" }, ma = {
+}, ca = ["placeholder"], va = ["placeholder"], fa = { class: "truncate" }, ma = {
+  key: 0,
+  class: "flex flex-col gap-3 w-full"
+}, ya = { class: "flex items-center justify-between pb-2 border-b border-gray-200" }, xa = { class: "flex-1 overflow-y-auto pr-1 picker-group__list" }, ga = ["onClick"], ba = { class: "picker-option__label" }, ha = {
   key: 0,
   class: "picker-option__description"
-}, ya = {
+}, ka = {
   key: 1,
   class: "space-y-2"
-}, ga = { class: "flex items-center justify-between mb-3" }, ba = ["disabled"], ha = {
+}, Ya = { class: "flex items-center justify-between mb-3" }, wa = ["disabled"], Da = {
   key: 0,
   class: "grid grid-cols-2 gap-4"
-}, ka = ["onClick", "onMouseenter"], Ya = ["onClick", "onMouseenter"], wa = {
+}, Ma = ["onClick", "onMouseenter"], Oa = ["onClick", "onMouseenter"], _a = {
   key: 0,
   class: "grid gap-3 md:grid-cols-2 w-full text-sm"
-}, Da = { class: "text-gray-500 mb-1" }, Ma = { class: "text-gray-500 mb-1" }, Oa = /* @__PURE__ */ st({
+}, Sa = { class: "text-gray-500 mb-1" }, Ba = { class: "text-gray-500 mb-1" }, za = /* @__PURE__ */ vt({
   __name: "OnePeriodPicker",
   props: {
     modelValue: {},
@@ -596,36 +599,36 @@ const De = (a, o) => o("ui.period_select.date_short", {
     columns: { default: null }
   },
   emits: ["update:modelValue", "focus"],
-  setup(a, { emit: o }) {
-    const x = dt(), r = a, i = f(() => r.t ?? x), m = f(() => $e[r.size ?? "md"]), s = f(() => $e[r.dropdownSize ?? r.size ?? "md"]), C = f(() => s.value.vars), A = f(() => r.dropdownSize ?? r.size ?? "md"), _ = f(() => A.value !== "xs" && A.value !== "sm"), ee = o, E = b(null), F = b(null), h = b(!1), V = b(!1), Me = b(!1), w = b(G), $ = b(null), j = b(0), U = b(!1), Ae = b(!1), ne = b(""), re = b(""), R = b(l().format("YYYY-MM-DD")), B = b(void 0), oe = b(""), ue = b(""), I = b(0), z = b(null), Oe = b(null), N = b(null);
+  setup(a, { emit: u }) {
+    const m = ft(), r = a, s = f(() => r.t ?? m), y = f(() => Te[r.size ?? "md"]), i = f(() => Te[r.dropdownSize ?? r.size ?? "md"]), z = f(() => i.value.vars), T = f(() => r.dropdownSize ?? r.size ?? "md"), S = f(() => T.value !== "xs" && T.value !== "sm"), Q = f(() => r.mode === "date"), se = u, ee = b(null), j = b(null), h = b(!1), P = b(!1), Ge = b(!1), w = b(B), A = b(null), N = b(0), R = b(!1), Ue = b(!1), ie = b(""), de = b(""), C = b(n().format("YYYY-MM-DD")), V = b(void 0), pe = b(""), ce = b(""), I = b(0), G = b(null), Ce = b(null), K = b(null);
     let te = null;
-    const ae = b(null), _e = b(!1), Re = b(typeof window < "u" ? window.innerWidth : 1024), ie = f(() => Re.value < 640), me = Ft(), y = f(() => {
+    const ae = b(null), $e = b(!1), qe = b(typeof window < "u" ? window.innerWidth : 1024), ve = f(() => qe.value < 640), ge = Kt(), x = f(() => {
       var e, t;
-      return (e = r.modelValue) != null && e.start ? l(r.modelValue.start).startOf("day").unix() : ot((t = r.modelValue) == null ? void 0 : t.startUnix);
-    }), k = f(() => {
+      return (e = r.modelValue) != null && e.start ? n(r.modelValue.start).startOf("day").unix() : dt((t = r.modelValue) == null ? void 0 : t.startUnix);
+    }), Y = f(() => {
       var e, t;
-      return (e = r.modelValue) != null && e.end ? l(r.modelValue.end).endOf("day").unix() : ot((t = r.modelValue) == null ? void 0 : t.endUnix);
-    }), Se = f(() => y.value != null || k.value != null), ct = f(
-      () => ut(y.value, k.value, i.value) || r.placeholder || i.value("ui.period_select.Select date")
-    ), Be = f(() => r.disableDate ?? void 0), vt = f(() => ut(y.value, k.value, i.value) || ""), Le = f(() => `date-${j.value}`), ft = f(() => `range-${j.value}`), We = f(() => r.columns != null ? r.columns : ie.value || w.value !== P || A.value === "xs" || A.value === "sm" ? 1 : 2), ye = f(
+      return (e = r.modelValue) != null && e.end ? n(r.modelValue.end).endOf("day").unix() : dt((t = r.modelValue) == null ? void 0 : t.endUnix);
+    }), Pe = f(() => x.value != null || Y.value != null), yt = f(
+      () => pt(x.value, Y.value, s.value) || r.placeholder || s.value("ui.period_select.Select date")
+    ), be = f(() => r.disableDate ?? void 0), xt = f(() => pt(x.value, Y.value, s.value) || ""), Ae = f(() => `date-${N.value}`), gt = f(() => `range-${N.value}`), Ie = f(() => r.columns != null ? r.columns : ve.value || w.value !== $ || T.value === "xs" || T.value === "sm" ? 1 : 2), he = f(
       () => !r.minGranularity || r.minGranularity === "day" || r.minGranularity === "week"
-    ), xt = f(() => r.minGranularity === "month" ? i.value("ui.period_select.Months") : r.minGranularity === "quarter" ? i.value("ui.period_select.Quarters") : r.minGranularity === "year" ? i.value("ui.period_select.Years") : i.value("ui.period_select.Period group title")), L = f(() => {
+    ), bt = f(() => r.minGranularity === "month" ? s.value("ui.period_select.Months") : r.minGranularity === "quarter" ? s.value("ui.period_select.Quarters") : r.minGranularity === "year" ? s.value("ui.period_select.Years") : s.value("ui.period_select.Period group title")), U = f(() => {
       if (!r.minGranularity || r.minGranularity === "day" || r.minGranularity === "week")
         return null;
       if (r.minGranularity === "month" || r.minGranularity === "quarter") {
         const e = [I.value * 2 + 1, I.value * 2], t = r.minGranularity === "month";
         return {
-          titleStart: l().subtract(e[0], "year").format("YYYY"),
-          titleEnd: l().subtract(e[1], "year").format("YYYY"),
+          titleStart: n().subtract(e[0], "year").format("YYYY"),
+          titleEnd: n().subtract(e[1], "year").format("YYYY"),
           gridCols: t ? "grid-cols-3" : "grid-cols-2",
           unit: r.minGranularity,
-          yearGroups: e.map((n) => ({
-            yearLabel: l().subtract(n, "year").format("YYYY"),
-            items: t ? Array.from({ length: 12 }, (d, g) => ({
-              date: l().subtract(n, "year").month(g),
-              label: i.value("ui.months_short." + g)
-            })) : Array.from({ length: 4 }, (d, g) => ({
-              date: l().subtract(n, "year").quarter(g + 1).startOf("quarter"),
+          yearGroups: e.map((l) => ({
+            yearLabel: n().subtract(l, "year").format("YYYY"),
+            items: t ? Array.from({ length: 12 }, (p, g) => ({
+              date: n().subtract(l, "year").month(g),
+              label: s.value("ui.months_short." + g)
+            })) : Array.from({ length: 4 }, (p, g) => ({
+              date: n().subtract(l, "year").quarter(g + 1).startOf("quarter"),
               label: `Q${g + 1}`
             }))
           })),
@@ -633,331 +636,343 @@ const De = (a, o) => o("ui.period_select.date_short", {
         };
       }
       return {
-        titleStart: l().subtract(I.value * 8 + 7, "year").format("YYYY"),
-        titleEnd: l().subtract(I.value * 8, "year").format("YYYY"),
+        titleStart: n().subtract(I.value * 8 + 7, "year").format("YYYY"),
+        titleEnd: n().subtract(I.value * 8, "year").format("YYYY"),
         gridCols: "grid-cols-4",
         unit: "year",
         yearGroups: null,
         flatItems: Array.from({ length: 8 }, (e, t) => {
-          const n = l().subtract(I.value * 8 + (7 - t), "year");
-          return { date: n, label: n.format("YYYY") };
+          const l = n().subtract(I.value * 8 + (7 - t), "year");
+          return { date: l, label: l.format("YYYY") };
         })
       };
-    }), Te = f(() => {
+    }), Ee = f(() => {
       var e, t;
-      return !((e = B.value) != null && e.start) || !((t = B.value) != null && t.end) ? !1 : !l(B.value.end).isBefore(l(B.value.start));
-    }), qe = f(() => {
-      j.value;
-      const e = it(i.value).filter((n) => n.group === "date").filter((n) => X(n.key, r.minGranularity)), t = r.hideDayAndWeek || !X("day-0", r.minGranularity) ? [] : ve("day", i.value);
+      return !((e = V.value) != null && e.start) || !((t = V.value) != null && t.end) ? !1 : !n(V.value.end).isBefore(n(V.value.start));
+    }), Fe = f(() => {
+      N.value;
+      const e = ct(s.value).filter((l) => l.group === "date").filter((l) => X(l.key, r.minGranularity)), t = r.hideDayAndWeek || !X("day-0", r.minGranularity) ? [] : ye("day", s.value);
       return t.length > 0 ? [
         ...e,
         {
           key: "date-history",
           type: "label",
-          label: i.value("ui.period_select.Date history label"),
+          label: s.value("ui.period_select.Date history label"),
           group: "date"
         },
         ...t
       ] : e;
-    }), Ue = f(() => {
-      j.value;
-      const e = it(i.value).filter((D) => D.group === "period").filter((D) => X(D.key, r.minGranularity)), t = r.hideDayAndWeek || !X("week-0", r.minGranularity) ? [] : ve("week", i.value), n = X("month-0", r.minGranularity) ? ve("month", i.value) : [], d = X("quarter-0", r.minGranularity) ? ve("quarter", i.value) : [], g = X("year-0", r.minGranularity) ? ve("year", i.value) : [];
-      return { shortcuts: e, rollingWeek: t, rollingMonth: n, rollingQuarter: d, rollingYear: g };
-    }), Ie = f(() => {
-      const { shortcuts: e, rollingWeek: t, rollingMonth: n, rollingQuarter: d, rollingYear: g } = Ue.value, D = [...e], T = [
+    }), je = f(() => {
+      N.value;
+      const e = ct(s.value).filter((D) => D.group === "period").filter((D) => X(D.key, r.minGranularity)), t = r.hideDayAndWeek || !X("week-0", r.minGranularity) ? [] : ye("week", s.value), l = X("month-0", r.minGranularity) ? ye("month", s.value) : [], p = X("quarter-0", r.minGranularity) ? ye("quarter", s.value) : [], g = X("year-0", r.minGranularity) ? ye("year", s.value) : [];
+      return { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: p, rollingYear: g };
+    }), Ne = f(() => {
+      const { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: p, rollingYear: g } = je.value, D = [...e], q = [
         { items: t, key: "weeks-history", labelKey: "Weeks history label" },
-        { items: n, key: "months-history", labelKey: "Months history label" },
-        { items: d, key: "quarters-history", labelKey: "Quarters history label" },
+        { items: l, key: "months-history", labelKey: "Months history label" },
+        { items: p, key: "quarters-history", labelKey: "Quarters history label" },
         { items: g, key: "years-history", labelKey: "Years history label" }
       ];
-      for (const H of T)
+      for (const H of q)
         H.items.length > 0 && (D.push({
           key: H.key,
           type: "label",
-          label: i.value(`ui.period_select.${H.labelKey}`),
+          label: s.value(`ui.period_select.${H.labelKey}`),
           group: "period"
         }), D.push(...H.items));
       return D;
-    }), Ee = f(() => [
+    }), Ke = f(() => [
       {
         id: "date",
-        title: i.value("ui.period_select.Date group title"),
-        subtitle: i.value("ui.period_select.Date group subtitle"),
-        ctaLabel: i.value("ui.period_select.Select date CTA"),
-        options: qe.value
+        title: s.value("ui.period_select.Date group title"),
+        subtitle: s.value("ui.period_select.Date group subtitle"),
+        ctaLabel: s.value("ui.period_select.Select date CTA"),
+        options: Fe.value
       },
       {
         id: "period",
-        title: i.value("ui.period_select.Period group title"),
-        subtitle: i.value("ui.period_select.Period group subtitle"),
-        ctaLabel: i.value("ui.period_select.Select dates CTA"),
-        options: Ie.value
+        title: s.value("ui.period_select.Period group title"),
+        subtitle: s.value("ui.period_select.Period group subtitle"),
+        ctaLabel: s.value("ui.period_select.Select dates CTA"),
+        options: Ne.value
       }
-    ]), se = f(
-      () => r.hideDatePresets ? Ee.value.filter((e) => e.id !== "date") : Ee.value
-    ), mt = f(() => {
-      const { shortcuts: e, rollingWeek: t, rollingMonth: n, rollingQuarter: d } = Ue.value, g = [...e];
+    ]), le = f(
+      () => r.hideDatePresets ? Ke.value.filter((e) => e.id !== "date") : Ke.value
+    ), ht = f(() => {
+      const { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: p } = je.value, g = [...e];
       t.length > 0 && (g.push({
         key: "weeks-history",
         type: "label",
-        label: i.value("ui.period_select.Weeks history label"),
+        label: s.value("ui.period_select.Weeks history label"),
         group: "period"
       }), g.push(...t));
-      const D = (T, H, $t) => H.length === 0 ? null : {
-        id: T,
+      const D = (q, H, Lt) => H.length === 0 ? null : {
+        id: q,
         title: "",
         subtitle: "",
         ctaLabel: "",
         options: [
-          { key: `${T}-label`, type: "label", label: i.value(`ui.period_select.${$t}`), group: "period" },
+          { key: `${q}-label`, type: "label", label: s.value(`ui.period_select.${Lt}`), group: "period" },
           ...H
         ]
       };
       return [
         { id: "presets-weeks", title: "", subtitle: "", ctaLabel: "", options: g },
-        D("months", n, "Months history label"),
-        D("quarters", d, "Quarters history label")
-      ].filter((T) => T != null && T.options.length > 0);
-    }), yt = f(() => mt.value), gt = f(() => [
-      ...qe.value.filter((e) => e.type === "option"),
-      ...Ie.value.filter((e) => e.type === "option")
-    ]), bt = f(
-      () => V.value && w.value === G || $.value === we
-    ), ht = f(
-      () => V.value && w.value === P || $.value === le
-    ), Fe = () => {
-      j.value++;
-    }, kt = () => {
-      !E.value || !F.value || ie.value || Tt(E.value, F.value, {
+        D("months", l, "Months history label"),
+        D("quarters", p, "Quarters history label")
+      ].filter((q) => q != null && q.options.length > 0);
+    }), kt = f(() => ht.value), Yt = f(() => [
+      ...Fe.value.filter((e) => e.type === "option"),
+      ...Ne.value.filter((e) => e.type === "option")
+    ]), wt = f(
+      () => P.value && w.value === B || A.value === ze
+    ), Dt = f(
+      () => P.value && w.value === $ || A.value === oe
+    ), Qe = () => {
+      N.value++;
+    }, Mt = () => {
+      !ee.value || !j.value || ve.value || It(ee.value, j.value, {
         placement: "bottom-start",
         strategy: "fixed",
-        middleware: [qt(6), Ut(), It({ padding: 8 })]
+        middleware: [Et(6), Ft(), jt({ padding: 8 })]
       }).then(({ x: e, y: t }) => {
-        F.value && Object.assign(F.value.style, {
+        j.value && Object.assign(j.value.style, {
           left: `${e}px`,
           top: `${t}px`
         });
       });
-    }, je = () => {
-      te && te(), E.value && F.value && !ie.value && (te = Wt(E.value, F.value, kt));
-    }, Ne = () => {
+    }, He = () => {
+      te && te(), ee.value && j.value && !ve.value && (te = qt(ee.value, j.value, Mt));
+    }, Je = () => {
       te && (te(), te = null);
-    }, W = (e, t, n = null) => {
-      r.asDateString ? ee("update:modelValue", {
-        start: e ? l.unix(e).format("YYYY-MM-DD") : null,
-        end: t ? l.unix(t).format("YYYY-MM-DD") : null
-      }) : ee("update:modelValue", {
+    }, L = (e, t, l = null) => {
+      r.asDateString ? se("update:modelValue", {
+        start: e ? n.unix(e).format("YYYY-MM-DD") : null,
+        end: t ? n.unix(t).format("YYYY-MM-DD") : null
+      }) : se("update:modelValue", {
         startUnix: e,
         endUnix: t,
-        kind: ua(e, t, n)
+        kind: da(e, t, l)
       });
-    }, ge = () => {
+    }, ke = () => {
       var e, t;
-      Me.value = !1, h.value ? h.value = !1 : (U.value = !1, ae.value = r.modelValue ? { ...r.modelValue } : null, h.value = !0, ((e = r.modelValue) == null ? void 0 : e.kind) === G ? (w.value = G, de()) : ((t = r.modelValue) == null ? void 0 : t.kind) === P ? (w.value = P, pe()) : r.asDateString || r.editable ? (w.value = G, de()) : (w.value = P, pe()), V.value = !0, K(() => {
-        U.value = !0;
-      }));
-    }, Yt = () => {
-      ee("focus"), h.value || ge();
-    }, wt = () => {
-      if (se.value.length === 0) {
-        ge();
+      if (Ge.value = !1, h.value)
+        h.value = !1;
+      else {
+        if (R.value = !1, ae.value = r.modelValue ? { ...r.modelValue } : null, h.value = !0, Q.value) {
+          w.value = B, re(), E(() => {
+            R.value = !0;
+          });
+          return;
+        }
+        ((e = r.modelValue) == null ? void 0 : e.kind) === B ? (w.value = B, re()) : ((t = r.modelValue) == null ? void 0 : t.kind) === $ ? (w.value = $, fe()) : r.asDateString || r.editable ? (w.value = B, re()) : (w.value = $, fe()), P.value = !0, E(() => {
+          R.value = !0;
+        });
+      }
+    }, Ot = () => {
+      se("focus"), h.value || ke();
+    }, _t = () => {
+      if (le.value.length === 0) {
+        ke();
         return;
       }
-      Me.value = !0, V.value = !1, h.value || (ae.value = r.modelValue ? { ...r.modelValue } : null), h.value = !h.value, h.value && K(je);
-    }, Ke = () => {
+      Ge.value = !0, P.value = !1, h.value || (ae.value = r.modelValue ? { ...r.modelValue } : null), h.value = !h.value, h.value && E(He);
+    }, ne = () => {
       h.value = !1;
-    }, Dt = () => {
-      W(null, null, null), $.value = null, h.value = !1;
-    }, Qe = (e) => {
+    }, St = () => {
+      L(null, null, null), A.value = null, h.value = !1;
+    }, Xe = (e) => {
       if (e.type !== "option" || !e.resolveRange)
         return;
-      const [t, n] = e.resolveRange();
-      W(t, n, e.group), $.value = e.key, h.value = !1;
-    }, Mt = () => {
-      h.value = !1, V.value = !1, K(() => {
-        ae.value ? W(
+      const [t, l] = e.resolveRange();
+      L(t, l, e.group), A.value = e.key, h.value = !1;
+    }, Ye = (e, t, l = null) => {
+      L(e, t, l), h.value = !1;
+    }, Bt = () => {
+      h.value = !1, P.value = !1, E(() => {
+        ae.value ? L(
           ae.value.startUnix ?? null,
           ae.value.endUnix ?? null,
           ae.value.kind ?? null
-        ) : W(null, null, null);
+        ) : L(null, null, null);
       });
-    }, de = () => {
-      const e = y.value && k.value && l.unix(y.value).isSame(l.unix(k.value), "day") ? y.value : k.value || y.value || l().unix();
-      R.value = e ? l.unix(e).format("YYYY-MM-DD") : l().format("YYYY-MM-DD");
-    }, pe = () => {
-      y.value || k.value ? B.value = {
-        start: y.value ? l.unix(y.value).format("YYYY-MM-DD") : void 0,
-        end: k.value ? l.unix(k.value).format("YYYY-MM-DD") : void 0
-      } : B.value = void 0, oe.value = y.value ? l.unix(y.value).format("DD.MM.YYYY") : "", ue.value = k.value ? l.unix(k.value).format("DD.MM.YYYY") : "";
-    }, He = (e) => {
-      w.value !== e && (U.value = !1, w.value = e, e === G ? de() : pe(), K(() => {
-        U.value = !0;
+    }, re = () => {
+      const e = x.value && Y.value && n.unix(x.value).isSame(n.unix(Y.value), "day") ? x.value : Y.value || x.value || n().unix();
+      C.value = e ? n.unix(e).format("YYYY-MM-DD") : n().format("YYYY-MM-DD");
+    }, fe = () => {
+      x.value || Y.value ? V.value = {
+        start: x.value ? n.unix(x.value).format("YYYY-MM-DD") : void 0,
+        end: Y.value ? n.unix(Y.value).format("YYYY-MM-DD") : void 0
+      } : V.value = void 0, pe.value = x.value ? n.unix(x.value).format("DD.MM.YYYY") : "", ce.value = Y.value ? n.unix(Y.value).format("DD.MM.YYYY") : "";
+    }, Ze = (e) => {
+      w.value !== e && (R.value = !1, w.value = e, e === B ? re() : fe(), E(() => {
+        R.value = !0;
       }));
-    }, Ot = (e) => {
-      U.value = !1, w.value = e, e === G ? de() : pe(), V.value = !0, K(() => {
-        U.value = !0;
+    }, zt = (e) => {
+      R.value = !1, w.value = e, e === B ? re() : fe(), P.value = !0, E(() => {
+        R.value = !0;
       });
-    }, _t = (e = !0) => {
-      if (!R.value)
+    }, Vt = (e = !0) => {
+      if (!C.value)
         return;
-      const t = l(R.value);
-      t.isValid() && (W(t.startOf("day").unix(), t.endOf("day").unix(), G), $.value = we, e && (h.value = !1));
-    }, ze = (e, t) => {
-      var n;
-      (n = t.target) == null || n.blur();
-    }, St = (e) => {
-      e && (R.value = e, V.value && _t());
-    }, Bt = (e) => {
+      const t = n(C.value);
+      t.isValid() && (L(t.startOf("day").unix(), t.endOf("day").unix(), B), A.value = ze, e && (h.value = !1));
+    }, we = (e, t) => {
+      var l;
+      (l = t.target) == null || l.blur();
+    }, et = (e) => {
+      e && (C.value = e, !(!P.value && !Q.value) && Vt());
+    }, Gt = (e) => {
       if (!e)
         return;
-      R.value = e;
-      const t = l(e);
-      t.isValid() && (ne.value = t.format("DD.MM.YYYY"), W(t.startOf("day").unix(), t.endOf("day").unix(), G));
-    }, Je = () => {
-      const e = fe(ne.value);
+      C.value = e;
+      const t = n(e);
+      t.isValid() && (ie.value = t.format("DD.MM.YYYY"), L(t.startOf("day").unix(), t.endOf("day").unix(), B));
+    }, tt = () => {
+      const e = xe(ie.value);
       if (e) {
-        R.value = e, j.value++;
-        const t = l(e);
-        t.isValid() && W(t.startOf("day").unix(), t.endOf("day").unix(), G);
+        C.value = e, N.value++;
+        const t = n(e);
+        t.isValid() && L(t.startOf("day").unix(), t.endOf("day").unix(), B);
       }
-    }, zt = () => {
-      _e.value = !0, setTimeout(() => {
-        _e.value = !1;
+    }, Ct = () => {
+      $e.value = !0, setTimeout(() => {
+        $e.value = !1;
       }, 0);
-    }, Xe = () => {
-      if (_e.value)
+    }, at = () => {
+      if ($e.value)
         return;
-      const e = re.value.trim(), t = e.split(/\s*-\s*/);
+      const e = de.value.trim(), t = e.split(/\s*-\s*/);
       if (t.length === 2) {
-        const d = fe(t[0]), g = fe(t[1]);
-        if (d && g) {
-          const D = l(d), T = l(g);
-          if (D.isValid() && T.isValid() && !T.isBefore(D)) {
-            W(D.startOf("day").unix(), T.endOf("day").unix(), P), $.value = le;
+        const p = xe(t[0]), g = xe(t[1]);
+        if (p && g) {
+          const D = n(p), q = n(g);
+          if (D.isValid() && q.isValid() && !q.isBefore(D)) {
+            L(D.startOf("day").unix(), q.endOf("day").unix(), $), A.value = oe;
             return;
           }
         }
       }
-      const n = fe(e);
-      if (n) {
-        R.value = n, j.value++, $.value = we;
-        const d = l(n);
-        d.isValid() && W(d.startOf("day").unix(), d.endOf("day").unix(), G);
+      const l = xe(e);
+      if (l) {
+        C.value = l, N.value++, A.value = ze;
+        const p = n(l);
+        p.isValid() && L(p.startOf("day").unix(), p.endOf("day").unix(), B);
       }
-    }, Gt = () => {
+    }, $t = () => {
       var e, t;
-      !Te.value || !((e = B.value) != null && e.start) || !((t = B.value) != null && t.end) || (W(
-        l(B.value.start).startOf("day").unix(),
-        l(B.value.end).endOf("day").unix(),
-        P
-      ), $.value = le, h.value = !1);
-    }, be = (e) => {
-      const n = fe((e === "start" ? oe : ue).value);
-      n && (B.value = { ...B.value || {}, [e]: n });
-    }, Ze = (e, t) => {
-      if (!z.value)
-        z.value = e;
+      !Ee.value || !((e = V.value) != null && e.start) || !((t = V.value) != null && t.end) || (L(
+        n(V.value.start).startOf("day").unix(),
+        n(V.value.end).endOf("day").unix(),
+        $
+      ), A.value = oe, h.value = !1);
+    }, De = (e) => {
+      const l = xe((e === "start" ? pe : ce).value);
+      l && (V.value = { ...V.value || {}, [e]: l });
+    }, lt = (e, t) => {
+      if (!G.value)
+        G.value = e;
       else {
-        const n = z.value.isBefore(e) ? z.value : e, d = z.value.isBefore(e) ? e : z.value;
-        W(
-          n.startOf(t).startOf("day").unix(),
-          d.endOf(t).endOf("day").unix(),
-          P
-        ), $.value = le, z.value = null, Oe.value = null, h.value = !1;
+        const l = G.value.isBefore(e) ? G.value : e, p = G.value.isBefore(e) ? e : G.value;
+        L(
+          l.startOf(t).startOf("day").unix(),
+          p.endOf(t).endOf("day").unix(),
+          $
+        ), A.value = oe, G.value = null, Ce.value = null, h.value = !1;
       }
-    }, et = (e, t) => {
-      if (z.value && !Oe.value) {
-        if (N.value) {
-          const n = z.value.isBefore(N.value) ? z.value : N.value, d = z.value.isBefore(N.value) ? N.value : z.value;
-          return (e.isSame(n, t) || e.isAfter(n, t)) && (e.isSame(d, t) || e.isBefore(d, t));
+    }, nt = (e, t) => {
+      if (G.value && !Ce.value) {
+        if (K.value) {
+          const l = G.value.isBefore(K.value) ? G.value : K.value, p = G.value.isBefore(K.value) ? K.value : G.value;
+          return (e.isSame(l, t) || e.isAfter(l, t)) && (e.isSame(p, t) || e.isBefore(p, t));
         }
-        return e.isSame(z.value, t);
+        return e.isSame(G.value, t);
       }
-      if (y.value && k.value) {
-        const n = l.unix(y.value), d = l.unix(k.value);
-        return (e.isSame(n, t) || e.isAfter(n, t)) && (e.isSame(d, t) || e.isBefore(d, t));
+      if (x.value && Y.value) {
+        const l = n.unix(x.value), p = n.unix(Y.value);
+        return (e.isSame(l, t) || e.isAfter(l, t)) && (e.isSame(p, t) || e.isBefore(p, t));
       }
       return !1;
-    }, tt = (e) => {
-      z.value && (N.value = e);
-    }, at = () => {
-      N.value = null;
-    }, Ct = () => {
-      if (!y.value && !k.value)
+    }, rt = (e) => {
+      G.value && (K.value = e);
+    }, ot = () => {
+      K.value = null;
+    }, Pt = () => {
+      if (!x.value && !Y.value)
         return null;
-      const e = gt.value.find((t) => {
+      const e = Yt.value.find((t) => {
         if (!t.resolveRange)
           return !1;
-        const [n, d] = t.resolveRange(), g = n == null && y.value == null || n != null && y.value != null && n === y.value, D = d == null && k.value == null || d != null && k.value != null && d === k.value;
+        const [l, p] = t.resolveRange(), g = l == null && x.value == null || l != null && x.value != null && l === x.value, D = p == null && Y.value == null || p != null && Y.value != null && p === Y.value;
         return g && D;
       });
-      return e ? e.key : y.value && k.value && l.unix(y.value).isSame(l.unix(k.value), "day") ? we : le;
-    }, Pt = () => {
-      h.value = !1, me.open();
-    }, Vt = (e) => {
-      Qe(e), me.close();
+      return e ? e.key : x.value && Y.value && n.unix(x.value).isSame(n.unix(Y.value), "day") ? ze : oe;
+    }, At = () => {
+      h.value = !1, ge.open();
+    }, Rt = (e) => {
+      Xe(e), ge.close();
     };
-    ce(vt, (e) => {
-      r.editable && (re.value = e);
-    }, { immediate: !0 }), ce(h, (e) => {
-      e ? (Fe(), K(je), (!ye.value || se.value.length === 0) && !V.value && (U.value = !1, w.value = P, pe(), V.value = !0, K(() => {
-        U.value = !0;
-      }))) : (Ne(), U.value = !1, V.value = !1, Me.value = !1, I.value = 0, z.value = null, Oe.value = null, N.value = null);
-    }), ce(
-      () => [y.value, k.value, j.value],
+    me(xt, (e) => {
+      r.editable && (de.value = e);
+    }, { immediate: !0 }), me(h, (e) => {
+      e ? (Qe(), E(He), !Q.value && (!he.value || le.value.length === 0) && !P.value && (R.value = !1, w.value = $, fe(), P.value = !0, E(() => {
+        R.value = !0;
+      }))) : (Je(), R.value = !1, P.value = !1, Ge.value = !1, I.value = 0, G.value = null, Ce.value = null, K.value = null);
+    }), me(
+      () => [x.value, Y.value, N.value],
       () => {
-        $.value = Ct();
+        A.value = Pt();
       },
       { immediate: !0 }
-    ), ce(
+    ), me(
       () => r.minGranularity,
       () => {
-        Fe(), !ye.value && w.value === G && (w.value = P);
+        Qe(), !he.value && w.value === B && (w.value = $);
       }
-    ), ce(B, (e) => {
-      e != null && e.start && (oe.value = l(e.start).format("DD.MM.YYYY")), e != null && e.end && (ue.value = l(e.end).format("DD.MM.YYYY"));
+    ), me(V, (e) => {
+      e != null && e.start && (pe.value = n(e.start).format("DD.MM.YYYY")), e != null && e.end && (ce.value = n(e.end).format("DD.MM.YYYY"));
     });
-    const Ge = () => {
-      Re.value = window.innerWidth;
-    }, lt = (e) => {
-      var t, n;
-      h.value && ((t = E.value) != null && t.contains(e.target) || (n = F.value) != null && n.contains(e.target) || Ke());
+    const Re = () => {
+      qe.value = window.innerWidth;
+    }, ut = (e) => {
+      var t, l;
+      h.value && ((t = ee.value) != null && t.contains(e.target) || (l = j.value) != null && l.contains(e.target) || ne());
     };
-    return Rt(() => {
-      Ge(), window.addEventListener("resize", Ge), document.addEventListener("click", lt), r.mode === "inline" && (de(), y.value && (ne.value = l.unix(y.value).format("DD.MM.YYYY")), K(() => {
-        Ae.value = !0;
+    return Tt(() => {
+      Re(), window.addEventListener("resize", Re), document.addEventListener("click", ut), r.mode === "inline" && (re(), x.value && (ie.value = n.unix(x.value).format("DD.MM.YYYY")), E(() => {
+        Ue.value = !0;
       }));
-    }), Lt(() => {
-      Ne(), window.removeEventListener("resize", Ge), document.removeEventListener("click", lt);
-    }), (e, t) => (u(), p("div", {
+    }), Ut(() => {
+      Je(), window.removeEventListener("resize", Re), document.removeEventListener("click", ut);
+    }), (e, t) => (o(), d("div", {
       class: "relative",
       ref_key: "containerRef",
-      ref: E,
-      style: xe(C.value)
+      ref: ee,
+      style: ue(z.value)
     }, [
-      a.mode === "inline" ? (u(), p("div", {
+      a.mode === "inline" ? (o(), d("div", {
         key: 0,
         class: "one-pp-panel",
-        style: xe(C.value)
+        style: ue(z.value)
       }, [
-        he(v("input", {
+        Me(v("input", {
           type: "text",
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => ne.value = n),
-          onBlur: Je,
-          onKeyup: ke(Je, ["enter"]),
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => ie.value = l),
+          onBlur: tt,
+          onKeyup: Oe(tt, ["enter"]),
           placeholder: a.placeholder || "DD.MM.YYYY",
           class: "manual-input mb-2"
-        }, null, 40, sa), [
-          [Ye, ne.value]
+        }, null, 40, ca), [
+          [_e, ie.value]
         ]),
-        Ae.value ? (u(), Q(S(Ce), {
-          key: Le.value,
-          modelValue: R.value,
+        Ue.value ? (o(), F(M(Be), {
+          key: Ae.value,
+          modelValue: C.value,
           "onUpdate:modelValue": [
-            t[1] || (t[1] = (n) => R.value = n),
-            Bt
+            t[1] || (t[1] = (l) => C.value = l),
+            Gt
           ],
-          onDayclick: ze,
+          onDayclick: we,
           "is-inline": "",
           color: "gray",
           "trim-weeks": "",
@@ -965,359 +980,405 @@ const De = (a, o) => o("ui.period_select.date_short", {
           rows: 1,
           mode: "date",
           masks: { title: "MMMM YYYY" },
-          "disabled-dates": Be.value
-        }, null, 8, ["modelValue", "disabled-dates"])) : Y("", !0)
-      ], 4)) : (u(), p("div", {
+          "disabled-dates": be.value
+        }, null, 8, ["modelValue", "disabled-dates"])) : k("", !0)
+      ], 4)) : (o(), d("div", {
         key: 1,
         class: c(["flex items-center overflow-hidden", [
-          m.value.trigger,
+          y.value.trigger,
           a.editable ? ["border transition-colors", a.noBorder ? "border-transparent focus-within:border-blue-500" : "border-gray-200 focus-within:border-blue-500"] : [{ border: !a.noBorder }, "border-gray-200"]
         ]])
       }, [
-        a.editable ? (u(), p("div", {
+        a.editable ? (o(), d("div", {
           key: 0,
-          class: c(["flex items-center h-full bg-white flex-1", [m.value.triggerButton]])
+          class: c(["flex items-center h-full bg-white flex-1", [y.value.triggerButton]])
         }, [
           v("button", {
-            onClick: ge,
+            onClick: ke,
             type: "button",
             class: "flex-shrink-0 hover:text-blue-600 transition-colors"
           }, [
-            J(S(Ve), {
-              class: c([m.value.triggerIcon])
+            J(M(We), {
+              class: c([y.value.triggerIcon])
             }, null, 8, ["class"])
           ]),
-          he(v("input", {
+          Me(v("input", {
             type: "text",
-            "onUpdate:modelValue": t[2] || (t[2] = (n) => re.value = n),
-            onFocus: Yt,
-            onBlur: Xe,
-            onKeyup: ke(Xe, ["enter"]),
+            "onUpdate:modelValue": t[2] || (t[2] = (l) => de.value = l),
+            onFocus: Ot,
+            onBlur: at,
+            onKeyup: Oe(at, ["enter"]),
             placeholder: a.placeholder || "DD.MM.YYYY",
-            class: c(["w-full bg-transparent outline-none truncate !border-0 !shadow-none !ring-0 !p-0", [Se.value || re.value ? "text-gray-900 font-medium" : "text-gray-600 font-normal"]])
-          }, null, 42, da), [
-            [Ye, re.value]
+            class: c(["w-full bg-transparent outline-none truncate !border-0 !shadow-none !ring-0 !p-0", [Pe.value || de.value ? "text-gray-900 font-medium" : "text-gray-600 font-normal"]])
+          }, null, 42, va), [
+            [_e, de.value]
           ])
-        ], 2)) : (u(), p("button", {
+        ], 2)) : (o(), d("button", {
           key: 1,
-          onClick: ge,
+          onClick: ke,
           type: "button",
-          class: c(["flex items-center h-full bg-white hover:bg-gray-50 transition-colors flex-1", [m.value.triggerButton, Se.value ? "text-gray-900 font-medium" : "text-gray-600 font-normal"]])
+          class: c(["flex items-center h-full bg-white hover:bg-gray-50 transition-colors flex-1", [y.value.triggerButton, Pe.value ? "text-gray-900 font-medium" : "text-gray-600 font-normal"]])
         }, [
-          J(S(Ve), {
-            class: c([m.value.triggerIcon, "flex-shrink-0"])
+          J(M(We), {
+            class: c([y.value.triggerIcon, "flex-shrink-0"])
           }, null, 8, ["class"]),
-          v("span", pa, O(ct.value), 1)
+          v("span", fa, _(yt.value), 1)
         ], 2)),
-        a.mode === "short" ? (u(), p(q, { key: 2 }, [
+        a.mode === "short" ? (o(), d(W, { key: 2 }, [
           v("div", {
-            class: c(["w-px bg-gray-200", m.value.triggerDivider])
+            class: c(["w-px bg-gray-200", y.value.triggerDivider])
           }, null, 2),
           v("button", {
-            onClick: wt,
+            onClick: _t,
             type: "button",
-            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", m.value.triggerAction])
+            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", y.value.triggerAction])
           }, [
-            J(S(Nt), {
-              class: c([m.value.triggerIcon, "text-gray-600"])
+            J(M(Ht), {
+              class: c([y.value.triggerIcon, "text-gray-600"])
             }, null, 8, ["class"])
           ], 2)
-        ], 64)) : Y("", !0),
-        a.mode === "full" ? (u(), p(q, { key: 3 }, [
+        ], 64)) : k("", !0),
+        a.mode === "full" ? (o(), d(W, { key: 3 }, [
           v("div", {
-            class: c(["w-px bg-gray-200", m.value.triggerDivider])
+            class: c(["w-px bg-gray-200", y.value.triggerDivider])
           }, null, 2),
           v("button", {
-            onClick: Pt,
+            onClick: At,
             type: "button",
-            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", m.value.triggerAction])
+            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", y.value.triggerAction])
           }, [
-            J(S(Zt), {
-              class: c([m.value.triggerIcon, "text-gray-600"])
+            J(M(aa), {
+              class: c([y.value.triggerIcon, "text-gray-600"])
             }, null, 8, ["class"])
           ], 2)
-        ], 64)) : Y("", !0),
-        Se.value && !a.noClear ? (u(), p(q, { key: 4 }, [
+        ], 64)) : k("", !0),
+        Pe.value && !a.noClear ? (o(), d(W, { key: 4 }, [
           v("div", {
-            class: c(["w-px bg-gray-200", m.value.triggerDivider])
+            class: c(["w-px bg-gray-200", y.value.triggerDivider])
           }, null, 2),
           v("button", {
-            onClick: Dt,
+            onClick: St,
             type: "button",
-            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", m.value.triggerAction])
+            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", y.value.triggerAction])
           }, [
-            J(S(jt), {
-              class: c([m.value.clearIcon, "text-gray-600"])
+            J(M(Qt), {
+              class: c([y.value.clearIcon, "text-gray-600"])
             }, null, 8, ["class"])
           ], 2)
-        ], 64)) : Y("", !0)
+        ], 64)) : k("", !0)
       ], 2)),
-      (u(), Q(nt, { to: "body" }, [
-        h.value && ie.value ? (u(), p("div", {
+      (o(), F(st, { to: "body" }, [
+        h.value && ve.value ? (o(), d("div", {
           key: 0,
           class: "fixed inset-0 z-40 bg-black/20",
-          onClick: Ke
-        })) : Y("", !0)
+          onClick: ne
+        })) : k("", !0)
       ])),
-      (u(), Q(nt, { to: "body" }, [
-        h.value ? (u(), p("div", {
+      (o(), F(st, { to: "body" }, [
+        h.value ? (o(), d("div", {
           key: 0,
           ref_key: "dropdownRef",
-          ref: F,
+          ref: j,
           class: c(["dropdown-menu bg-white shadow-xl border border-gray-200 z-[9999] overflow-y-auto rounded-t-2xl sm:rounded-lg", [
-            s.value.dropdown,
-            ie.value ? "fixed inset-x-0 bottom-0 max-h-[93vh]" : "fixed max-h-[85vh]"
+            i.value.dropdown,
+            ve.value ? "fixed inset-x-0 bottom-0 max-h-[93vh]" : "fixed max-h-[85vh]"
           ]]),
-          style: xe(C.value),
-          onMousedown: zt
+          style: ue(z.value),
+          onMousedown: Ct
         }, [
-          t[15] || (t[15] = v("div", { class: "sm:hidden flex justify-center pb-2" }, [
+          t[16] || (t[16] = v("div", { class: "sm:hidden flex justify-center pb-2" }, [
             v("div", { class: "w-10 h-1 bg-gray-300 rounded-full" })
           ], -1)),
-          !V.value && se.value.length > 0 ? (u(), p("div", {
+          Q.value ? (o(), d("div", {
             key: 0,
-            class: c(["flex flex-col gap-4 w-full", _.value && se.value.length > 1 ? "sm:grid sm:gap-3 sm:grid-cols-2" : ""])
+            class: c(["picker-panel one-pp-panel", i.value.panelGap]),
+            style: ue(z.value)
           }, [
-            (u(!0), p(q, null, Z(se.value, (n) => (u(), p("section", {
-              key: n.id,
-              class: "flex flex-col picker-group"
-            }, [
-              v("div", ca, [
-                v("p", {
-                  class: c([s.value.groupTitle, "text-gray-700"])
-                }, O(n.title), 3),
-                v("span", {
-                  class: c([s.value.groupSubtitle, "text-gray-500"])
-                }, O(n.subtitle), 3)
-              ]),
-              v("div", va, [
-                (u(!0), p(q, null, Z(n.options, (d) => (u(), p("div", {
-                  key: d.key
+            Se(e.$slots, "presets-top", {
+              select: Ye,
+              close: ne,
+              value: a.modelValue
+            }, void 0, !0),
+            Se(e.$slots, "presets-bottom", {
+              select: Ye,
+              close: ne,
+              value: a.modelValue
+            }, void 0, !0),
+            R.value ? (o(), F(M(Be), {
+              key: Ae.value,
+              modelValue: C.value,
+              "onUpdate:modelValue": [
+                t[3] || (t[3] = (l) => C.value = l),
+                et
+              ],
+              onDayclick: we,
+              "is-inline": "",
+              color: "gray",
+              "trim-weeks": "",
+              columns: 1,
+              rows: 1,
+              mode: "date",
+              masks: { title: "MMMM YYYY" },
+              "disabled-dates": be.value
+            }, null, 8, ["modelValue", "disabled-dates"])) : k("", !0)
+          ], 6)) : (o(), d(W, { key: 1 }, [
+            !P.value && (le.value.length > 0 || e.$slots["presets-top"] || e.$slots["presets-bottom"]) ? (o(), d("div", ma, [
+              Se(e.$slots, "presets-top", {
+                select: Ye,
+                close: ne,
+                value: a.modelValue
+              }, void 0, !0),
+              le.value.length > 0 ? (o(), d("div", {
+                key: 0,
+                class: c(["flex flex-col gap-4 w-full", S.value && le.value.length > 1 ? "sm:grid sm:gap-3 sm:grid-cols-2" : ""])
+              }, [
+                (o(!0), d(W, null, Z(le.value, (l) => (o(), d("section", {
+                  key: l.id,
+                  class: "flex flex-col picker-group"
                 }, [
-                  d.type === "label" ? (u(), p("p", {
-                    key: 0,
-                    class: c([s.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-4 mb-1"])
-                  }, O(d.label), 3)) : (u(), p("button", {
-                    key: 1,
-                    class: c(["picker-option", { "picker-option--active": $.value === d.key }]),
-                    onClick: (g) => Qe(d),
-                    type: "button"
-                  }, [
-                    v("span", xa, O(d.label), 1),
-                    d.description ? (u(), p("span", ma, O(d.description), 1)) : Y("", !0)
-                  ], 10, fa))
+                  v("div", ya, [
+                    v("p", {
+                      class: c([i.value.groupTitle, "text-gray-700"])
+                    }, _(l.title), 3),
+                    v("span", {
+                      class: c([i.value.groupSubtitle, "text-gray-500"])
+                    }, _(l.subtitle), 3)
+                  ]),
+                  v("div", xa, [
+                    (o(!0), d(W, null, Z(l.options, (p) => (o(), d("div", {
+                      key: p.key
+                    }, [
+                      p.type === "label" ? (o(), d("p", {
+                        key: 0,
+                        class: c([i.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-4 mb-1"])
+                      }, _(p.label), 3)) : (o(), d("button", {
+                        key: 1,
+                        class: c(["picker-option", { "picker-option--active": A.value === p.key }]),
+                        onClick: (g) => Xe(p),
+                        type: "button"
+                      }, [
+                        v("span", ba, _(p.label), 1),
+                        p.description ? (o(), d("span", ha, _(p.description), 1)) : k("", !0)
+                      ], 10, ga))
+                    ]))), 128))
+                  ]),
+                  J(M(Le), {
+                    class: c(["mt-3 w-full", [i.value.ctaButton, {
+                      "picker-cta--active": l.id === "date" ? wt.value : Dt.value
+                    }]]),
+                    size: i.value.ctaButtonSize,
+                    variant: l.id === "date" ? "primary" : "secondary",
+                    icon: l.id === "date" ? M(We) : M(it),
+                    label: l.ctaLabel,
+                    onClick: (p) => zt(l.id === "date" ? "date" : "range")
+                  }, null, 8, ["class", "size", "variant", "icon", "label", "onClick"])
                 ]))), 128))
-              ]),
-              J(S(Pe), {
-                class: c(["mt-3 w-full", [s.value.ctaButton, {
-                  "picker-cta--active": n.id === "date" ? bt.value : ht.value
-                }]]),
-                size: s.value.ctaButtonSize,
-                variant: n.id === "date" ? "primary" : "secondary",
-                icon: n.id === "date" ? S(Ve) : S(rt),
-                label: n.ctaLabel,
-                onClick: (d) => Ot(n.id === "date" ? "date" : "range")
-              }, null, 8, ["class", "size", "variant", "icon", "label", "onClick"])
-            ]))), 128))
-          ], 2)) : Y("", !0),
-          V.value ? (u(), p("div", {
-            key: 1,
-            class: c(["picker-panel one-pp-panel", s.value.panelGap]),
-            style: xe(C.value)
-          }, [
-            v("div", {
-              class: c(["grid gap-2", ye.value ? "grid-cols-2" : "grid-cols-1"])
+              ], 2)) : k("", !0),
+              Se(e.$slots, "presets-bottom", {
+                select: Ye,
+                close: ne,
+                value: a.modelValue
+              }, void 0, !0)
+            ])) : k("", !0),
+            P.value ? (o(), d("div", {
+              key: 1,
+              class: c(["picker-panel one-pp-panel", i.value.panelGap]),
+              style: ue(z.value)
             }, [
-              ye.value ? (u(), p("button", {
-                key: 0,
-                type: "button",
-                class: c(["border font-medium transition-colors", [
-                  s.value.tabButton,
-                  w.value === "date" ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 text-gray-700 hover:border-blue-200 hover:text-blue-700"
-                ]]),
-                onClick: t[3] || (t[3] = (n) => He("date"))
-              }, O(i.value("ui.period_select.Date group title")), 3)) : Y("", !0),
-              v("button", {
-                type: "button",
-                class: c(["border font-medium transition-colors", [
-                  s.value.tabButton,
-                  w.value === "range" ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 text-gray-700 hover:border-blue-200 hover:text-blue-700"
-                ]]),
-                onClick: t[4] || (t[4] = (n) => He("range"))
-              }, O(xt.value), 3)
-            ], 2),
-            U.value && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (u(), p(q, { key: 0 }, [
-              w.value === "date" ? (u(), Q(S(Ce), {
-                key: Le.value,
-                modelValue: R.value,
-                "onUpdate:modelValue": [
-                  t[5] || (t[5] = (n) => R.value = n),
-                  St
-                ],
-                onDayclick: ze,
-                "is-inline": "",
-                color: "gray",
-                "trim-weeks": "",
-                columns: 1,
-                rows: 1,
-                mode: "date",
-                masks: { title: "MMMM YYYY" },
-                "disabled-dates": Be.value
-              }, null, 8, ["modelValue", "disabled-dates"])) : w.value === "range" ? (u(), Q(S(Ce), {
-                key: ft.value,
-                modelValue: B.value,
-                "onUpdate:modelValue": t[6] || (t[6] = (n) => B.value = n),
-                onDayclick: ze,
-                "is-inline": "",
-                "is-range": "",
-                color: "gray",
-                "trim-weeks": "",
-                mode: "date",
-                columns: We.value,
-                rows: 1,
-                masks: { title: "MMMM YYYY" },
-                "disabled-dates": Be.value
-              }, null, 8, ["modelValue", "columns", "disabled-dates"])) : Y("", !0)
-            ], 64)) : L.value ? (u(), p("div", ya, [
-              v("div", ga, [
-                v("button", {
-                  onClick: t[7] || (t[7] = (n) => I.value++),
+              v("div", {
+                class: c(["grid gap-2", he.value ? "grid-cols-2" : "grid-cols-1"])
+              }, [
+                he.value ? (o(), d("button", {
+                  key: 0,
                   type: "button",
-                  class: "nav-btn"
-                }, "«"),
-                v("span", {
-                  class: c([s.value.navTitle, "text-gray-700"])
-                }, O(L.value.titleStart) + " - " + O(L.value.titleEnd), 3),
+                  class: c(["border font-medium transition-colors", [
+                    i.value.tabButton,
+                    w.value === "date" ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 text-gray-700 hover:border-blue-200 hover:text-blue-700"
+                  ]]),
+                  onClick: t[4] || (t[4] = (l) => Ze("date"))
+                }, _(s.value("ui.period_select.Date group title")), 3)) : k("", !0),
                 v("button", {
-                  onClick: t[8] || (t[8] = (n) => I.value--),
-                  disabled: I.value === 0,
                   type: "button",
-                  class: "nav-btn"
-                }, " » ", 8, ba)
-              ]),
-              L.value.yearGroups ? (u(), p("div", ha, [
-                (u(!0), p(q, null, Z(L.value.yearGroups, (n) => (u(), p("div", {
-                  key: n.yearLabel,
-                  class: "space-y-2"
-                }, [
-                  v("div", {
-                    class: c([s.value.navTitle, "text-center text-gray-700 py-2"])
-                  }, O(n.yearLabel), 3),
-                  v("div", {
-                    class: c(["grid gap-2", L.value.gridCols])
+                  class: c(["border font-medium transition-colors", [
+                    i.value.tabButton,
+                    w.value === "range" ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 text-gray-700 hover:border-blue-200 hover:text-blue-700"
+                  ]]),
+                  onClick: t[5] || (t[5] = (l) => Ze("range"))
+                }, _(bt.value), 3)
+              ], 2),
+              R.value && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (o(), d(W, { key: 0 }, [
+                w.value === "date" ? (o(), F(M(Be), {
+                  key: Ae.value,
+                  modelValue: C.value,
+                  "onUpdate:modelValue": [
+                    t[6] || (t[6] = (l) => C.value = l),
+                    et
+                  ],
+                  onDayclick: we,
+                  "is-inline": "",
+                  color: "gray",
+                  "trim-weeks": "",
+                  columns: 1,
+                  rows: 1,
+                  mode: "date",
+                  masks: { title: "MMMM YYYY" },
+                  "disabled-dates": be.value
+                }, null, 8, ["modelValue", "disabled-dates"])) : w.value === "range" ? (o(), F(M(Be), {
+                  key: gt.value,
+                  modelValue: V.value,
+                  "onUpdate:modelValue": t[7] || (t[7] = (l) => V.value = l),
+                  onDayclick: we,
+                  "is-inline": "",
+                  "is-range": "",
+                  color: "gray",
+                  "trim-weeks": "",
+                  mode: "date",
+                  columns: Ie.value,
+                  rows: 1,
+                  masks: { title: "MMMM YYYY" },
+                  "disabled-dates": be.value
+                }, null, 8, ["modelValue", "columns", "disabled-dates"])) : k("", !0)
+              ], 64)) : U.value ? (o(), d("div", ka, [
+                v("div", Ya, [
+                  v("button", {
+                    onClick: t[8] || (t[8] = (l) => I.value++),
+                    type: "button",
+                    class: "nav-btn"
+                  }, "«"),
+                  v("span", {
+                    class: c([i.value.navTitle, "text-gray-700"])
+                  }, _(U.value.titleStart) + " - " + _(U.value.titleEnd), 3),
+                  v("button", {
+                    onClick: t[9] || (t[9] = (l) => I.value--),
+                    disabled: I.value === 0,
+                    type: "button",
+                    class: "nav-btn"
+                  }, " » ", 8, wa)
+                ]),
+                U.value.yearGroups ? (o(), d("div", Da, [
+                  (o(!0), d(W, null, Z(U.value.yearGroups, (l) => (o(), d("div", {
+                    key: l.yearLabel,
+                    class: "space-y-2"
                   }, [
-                    (u(!0), p(q, null, Z(n.items, (d, g) => (u(), p("button", {
-                      key: g,
-                      type: "button",
-                      class: c(["month-btn", et(d.date, L.value.unit) ? "month-btn--active" : ""]),
-                      onClick: (D) => Ze(d.date, L.value.unit),
-                      onMouseenter: (D) => tt(d.date),
-                      onMouseleave: at
-                    }, O(d.label), 43, ka))), 128))
-                  ], 2)
-                ]))), 128))
-              ])) : L.value.flatItems ? (u(), p("div", {
-                key: 1,
-                class: c(["grid gap-2", L.value.gridCols])
+                    v("div", {
+                      class: c([i.value.navTitle, "text-center text-gray-700 py-2"])
+                    }, _(l.yearLabel), 3),
+                    v("div", {
+                      class: c(["grid gap-2", U.value.gridCols])
+                    }, [
+                      (o(!0), d(W, null, Z(l.items, (p, g) => (o(), d("button", {
+                        key: g,
+                        type: "button",
+                        class: c(["month-btn", nt(p.date, U.value.unit) ? "month-btn--active" : ""]),
+                        onClick: (D) => lt(p.date, U.value.unit),
+                        onMouseenter: (D) => rt(p.date),
+                        onMouseleave: ot
+                      }, _(p.label), 43, Ma))), 128))
+                    ], 2)
+                  ]))), 128))
+                ])) : U.value.flatItems ? (o(), d("div", {
+                  key: 1,
+                  class: c(["grid gap-2", U.value.gridCols])
+                }, [
+                  (o(!0), d(W, null, Z(U.value.flatItems, (l, p) => (o(), d("button", {
+                    key: p,
+                    type: "button",
+                    class: c(["month-btn", nt(l.date, "year") ? "month-btn--active" : ""]),
+                    onClick: (g) => lt(l.date, "year"),
+                    onMouseenter: (g) => rt(l.date),
+                    onMouseleave: ot
+                  }, _(l.label), 43, Oa))), 128))
+                ], 2)) : k("", !0)
+              ])) : k("", !0),
+              w.value === "range" && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (o(), d("div", {
+                key: 2,
+                class: c(["border-t border-gray-200", S.value ? "gap-3 pt-3" : "gap-1.5 pt-1.5"])
               }, [
-                (u(!0), p(q, null, Z(L.value.flatItems, (n, d) => (u(), p("button", {
-                  key: d,
-                  type: "button",
-                  class: c(["month-btn", et(n.date, "year") ? "month-btn--active" : ""]),
-                  onClick: (g) => Ze(n.date, "year"),
-                  onMouseenter: (g) => tt(n.date),
-                  onMouseleave: at
-                }, O(n.label), 43, Ya))), 128))
-              ], 2)) : Y("", !0)
-            ])) : Y("", !0),
-            w.value === "range" && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (u(), p("div", {
-              key: 2,
-              class: c(["border-t border-gray-200", _.value ? "gap-3 pt-3" : "gap-1.5 pt-1.5"])
-            }, [
-              We.value > 1 ? (u(), p("div", wa, [
-                v("div", null, [
-                  v("p", Da, O(i.value("ui.period_select.From date")), 1),
-                  he(v("input", {
-                    type: "text",
-                    "onUpdate:modelValue": t[9] || (t[9] = (n) => oe.value = n),
-                    onBlur: t[10] || (t[10] = (n) => be("start")),
-                    onKeyup: t[11] || (t[11] = ke((n) => be("start"), ["enter"])),
-                    placeholder: "DD.MM.YYYY",
-                    class: "manual-input"
-                  }, null, 544), [
-                    [Ye, oe.value]
-                  ])
-                ]),
-                v("div", null, [
-                  v("p", Ma, O(i.value("ui.period_select.End date")), 1),
-                  he(v("input", {
-                    type: "text",
-                    "onUpdate:modelValue": t[12] || (t[12] = (n) => ue.value = n),
-                    onBlur: t[13] || (t[13] = (n) => be("end")),
-                    onKeyup: t[14] || (t[14] = ke((n) => be("end"), ["enter"])),
-                    placeholder: "DD.MM.YYYY",
-                    class: "manual-input"
-                  }, null, 544), [
-                    [Ye, ue.value]
+                Ie.value > 1 ? (o(), d("div", _a, [
+                  v("div", null, [
+                    v("p", Sa, _(s.value("ui.period_select.From date")), 1),
+                    Me(v("input", {
+                      type: "text",
+                      "onUpdate:modelValue": t[10] || (t[10] = (l) => pe.value = l),
+                      onBlur: t[11] || (t[11] = (l) => De("start")),
+                      onKeyup: t[12] || (t[12] = Oe((l) => De("start"), ["enter"])),
+                      placeholder: "DD.MM.YYYY",
+                      class: "manual-input"
+                    }, null, 544), [
+                      [_e, pe.value]
+                    ])
+                  ]),
+                  v("div", null, [
+                    v("p", Ba, _(s.value("ui.period_select.End date")), 1),
+                    Me(v("input", {
+                      type: "text",
+                      "onUpdate:modelValue": t[13] || (t[13] = (l) => ce.value = l),
+                      onBlur: t[14] || (t[14] = (l) => De("end")),
+                      onKeyup: t[15] || (t[15] = Oe((l) => De("end"), ["enter"])),
+                      placeholder: "DD.MM.YYYY",
+                      class: "manual-input"
+                    }, null, 544), [
+                      [_e, ce.value]
+                    ])
                   ])
-                ])
-              ])) : Y("", !0),
-              v("div", {
-                class: c(["flex", s.value.actionGap, _.value ? "justify-end" : ""])
-              }, [
-                _.value ? (u(), Q(S(Pe), {
-                  key: 0,
-                  variant: "secondary",
-                  label: i.value("ui.period_select.Cancel"),
-                  onClick: Mt,
-                  class: c(s.value.actionButton),
-                  size: s.value.actionButtonSize
-                }, null, 8, ["label", "class", "size"])) : Y("", !0),
-                J(S(Pe), {
-                  variant: "primary",
-                  icon: S(rt),
-                  label: i.value("ui.period_select.Apply"),
-                  onClick: Gt,
-                  disabled: !Te.value,
-                  class: c(s.value.actionButton),
-                  size: s.value.actionButtonSize
-                }, null, 8, ["icon", "label", "disabled", "class", "size"])
-              ], 2)
-            ], 2)) : Y("", !0)
-          ], 6)) : Y("", !0)
-        ], 38)) : Y("", !0)
+                ])) : k("", !0),
+                v("div", {
+                  class: c(["flex", i.value.actionGap, S.value ? "justify-end" : ""])
+                }, [
+                  S.value ? (o(), F(M(Le), {
+                    key: 0,
+                    variant: "secondary",
+                    label: s.value("ui.period_select.Cancel"),
+                    onClick: Bt,
+                    class: c(i.value.actionButton),
+                    size: i.value.actionButtonSize
+                  }, null, 8, ["label", "class", "size"])) : k("", !0),
+                  J(M(Le), {
+                    variant: "primary",
+                    icon: M(it),
+                    label: s.value("ui.period_select.Apply"),
+                    onClick: $t,
+                    disabled: !Ee.value,
+                    class: c(i.value.actionButton),
+                    size: i.value.actionButtonSize
+                  }, null, 8, ["icon", "label", "disabled", "class", "size"])
+                ], 2)
+              ], 2)) : k("", !0)
+            ], 6)) : k("", !0)
+          ], 64))
+        ], 38)) : k("", !0)
       ])),
-      S(me).isOpened.value ? (u(), Q(oa, {
+      M(ge).isOpened.value ? (o(), F(ia, {
         key: 2,
-        useModal: S(me),
-        groups: yt.value,
-        activePresetKey: $.value,
-        t: i.value,
+        useModal: M(ge),
+        groups: kt.value,
+        activePresetKey: A.value,
+        t: s.value,
         size: a.size,
-        onSelect: Vt
-      }, null, 8, ["useModal", "groups", "activePresetKey", "t", "size"])) : Y("", !0)
+        onSelect: Rt
+      }, null, 8, ["useModal", "groups", "activePresetKey", "t", "size"])) : k("", !0)
     ], 4));
   }
 });
-const Fa = /* @__PURE__ */ pt(Oa, [["__scopeId", "data-v-0e53cd81"]]);
+const Qa = /* @__PURE__ */ mt(za, [["__scopeId", "data-v-7a5e5043"]]);
 export {
-  G as DATE_KIND,
-  we as MANUAL_DATE_KEY,
-  le as MANUAL_RANGE_KEY,
-  Fa as OnePeriodPicker,
-  oa as OnePeriodPickerFastModal,
-  ea as PERIOD_KIND,
-  P as RANGE_KIND,
-  M as buildPreset,
-  ve as buildRollingOptions,
-  it as createShortcutPresets,
-  Ka as dayjs,
-  ua as determineKind,
-  De as formatDateShort,
-  ut as formatPeriod,
-  ia as getOptionGranularity,
+  B as DATE_KIND,
+  ze as MANUAL_DATE_KEY,
+  oe as MANUAL_RANGE_KEY,
+  Qa as OnePeriodPicker,
+  ia as OnePeriodPickerFastModal,
+  la as PERIOD_KIND,
+  $ as RANGE_KIND,
+  O as buildPreset,
+  ye as buildRollingOptions,
+  ct as createShortcutPresets,
+  Xa as dayjs,
+  da as determineKind,
+  Ve as formatDateShort,
+  pt as formatPeriod,
+  pa as getOptionGranularity,
   X as isOptionAllowed,
-  fe as parseManualDate,
-  $e as periodPickerSizeConfig,
-  ot as toUnixOrNull
+  xe as parseManualDate,
+  Te as periodPickerSizeConfig,
+  dt as toUnixOrNull
 };