@dpa-id-components/dpa-shared-components 3.1.0 → 3.1.2

package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts

@@ -92,8 +92,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: number;
     };
     maxDate: {
-        type: __PropType<Date | undefined>;
+        type: __PropType<Date | null | undefined>;
         required: false;
+        default: null;
     };
     autoRange: {
         type: __PropType<number | null | undefined>;
@@ -105,6 +106,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    monthPicker: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "date-changed")[], "close" | "date-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     definesRange: {
         type: __PropType<boolean | undefined>;
@@ -192,8 +198,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: number;
     };
     maxDate: {
-        type: __PropType<Date | undefined>;
+        type: __PropType<Date | null | undefined>;
         required: false;
+        default: null;
     };
     autoRange: {
         type: __PropType<number | null | undefined>;
@@ -205,6 +212,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    monthPicker: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     "onDate-changed"?: ((...args: any[]) => any) | undefined;
@@ -226,7 +238,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     cancel: string | undefined;
     submit: string | undefined;
     firstAvailableDate: number | undefined;
+    maxDate: Date | null | undefined;
     autoRange: number | null | undefined;
     activeState: boolean | undefined;
+    monthPicker: boolean | undefined;
 }>;
 export default _sfc_main;

package/dist/dpa-shared-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, ref as ie, onMounted as Ft, watch as Kt, computed as X, openBlock as x, createBlock as Te, resolveDynamicComponent as Ea, normalizeClass as le, unref as k, createElementBlock as B, toDisplayString as ge, createCommentVNode as W, createElementVNode as G, renderSlot as J, createTextVNode as bt, withCtx as fe, createVNode as Fe, withModifiers as Lt, withDirectives as mr, withKeys as Ie, normalizeStyle as Dt, Fragment as Le, renderList as tt, vShow as qr, reactive as Aa, useSlots as $o, toRef as Da, onUnmounted as Mo, mergeProps as St, isRef as Pr, createSlots as Bt, normalizeProps as Et, guardReactiveProps as sr, Teleport as Du, Transition as Qr, nextTick as Er, onBeforeUpdate as Ou, getCurrentScope as Pu, onScopeDispose as Cu, watchEffect as os, vModelText as $u } from "vue";
+import { defineComponent as Ce, ref as ie, onMounted as Ft, watch as Kt, computed as X, openBlock as x, createBlock as Te, resolveDynamicComponent as Ea, normalizeClass as le, unref as k, createElementBlock as B, toDisplayString as ge, createCommentVNode as W, createElementVNode as G, renderSlot as J, createTextVNode as bt, withCtx as fe, createVNode as Fe, withModifiers as Lt, withDirectives as mr, withKeys as Ie, normalizeStyle as Dt, Fragment as Le, renderList as et, vShow as qr, reactive as Aa, useSlots as $o, toRef as Da, onUnmounted as Mo, mergeProps as St, isRef as Pr, createSlots as Bt, normalizeProps as Et, guardReactiveProps as sr, Teleport as Du, Transition as Qr, nextTick as Er, onBeforeUpdate as Ou, getCurrentScope as Pu, onScopeDispose as Cu, watchEffect as os, vModelText as $u } from "vue";
 var ra = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Mu(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -5671,7 +5671,7 @@ const P0 = /* @__PURE__ */ ca(O0, [["__scopeId", "data-v-2ec6a23c"]]), C0 = ["on
       }, [
         Fe(Yo, null, {
           default: fe(() => [
-            (x(!0), B(Le, null, tt(e.options, (w, C) => (x(), Te(qo, {
+            (x(!0), B(Le, null, et(e.options, (w, C) => (x(), Te(qo, {
               id: `listbox-item-${C}`,
               key: `option-${C}`,
               value: w,
@@ -5800,7 +5800,7 @@ const ib = /* @__PURE__ */ ca(L0, [["render", F0]]), sb = /* @__PURE__ */ Ce({
     };
     return (l, s) => (x(), Te(Yo, { class: "grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0" }, {
       default: fe(() => [
-        (x(!0), B(Le, null, tt(r.value, (u, c) => (x(), Te(qo, {
+        (x(!0), B(Le, null, et(r.value, (u, c) => (x(), Te(qo, {
           key: u.name,
           "is-checked": u.isChecked,
           class: "flex h-8 items-center border-none py-2 text-sm shadow-none lg:py-3",
@@ -7279,7 +7279,7 @@ function iv(e, t) {
   var a = Pe(e), r = Vr(a, t).getTime() - nv(a, t).getTime();
   return Math.round(r / ov) + 1;
 }
-function et(e) {
+function tt(e) {
   return xe(1, arguments), Pe(e).getFullYear();
 }
 function jo(e, t) {
@@ -10064,7 +10064,7 @@ const Zh = (e, t = 3) => {
     var z;
     return (z = e.hideNavigation) == null ? void 0 : z.includes(h);
   }), c = (h) => {
-    const z = e.maxDate ? Ut(l(h), l(oe(e.maxDate))) : !1, _ = e.minDate ? At(l(h), l(oe(e.minDate))) : !1, U = T(h, e.disabledDates), Y = a.value.filters.months.map((ae) => +ae).includes(st(h)), j = e.disabledWeekDays.length ? e.disabledWeekDays.some((ae) => +ae === Jp(h)) : !1, R = e.allowedDates.length ? !e.allowedDates.some((ae) => Ze(l(oe(ae)), l(h))) : !1, v = et(h), D = v < +e.yearRange[0] || v > +e.yearRange[1];
+    const z = e.maxDate ? Ut(l(h), l(oe(e.maxDate))) : !1, _ = e.minDate ? At(l(h), l(oe(e.minDate))) : !1, U = T(h, e.disabledDates), Y = a.value.filters.months.map((ae) => +ae).includes(st(h)), j = e.disabledWeekDays.length ? e.disabledWeekDays.some((ae) => +ae === Jp(h)) : !1, R = e.allowedDates.length ? !e.allowedDates.some((ae) => Ze(l(oe(ae)), l(h))) : !1, v = tt(h), D = v < +e.yearRange[0] || v > +e.yearRange[1];
     return !(z || _ || U || Y || D || j || R);
   }, d = (h) => {
     const z = {
@@ -10255,7 +10255,7 @@ const Zh = (e, t = 3) => {
   Kt(P, () => {
     Ke(0);
   });
-  const p = ie([{ month: st(oe()), year: et(oe()) }]), g = Aa({
+  const p = ie([{ month: st(oe()), year: tt(oe()) }]), g = Aa({
     hours: e.range ? [xr(oe()), xr(oe())] : xr(oe()),
     minutes: e.range ? [_r(oe()), _r(oe())] : _r(oe()),
     seconds: e.range ? [0, 0] : 0
@@ -10270,7 +10270,7 @@ const Zh = (e, t = 3) => {
     g[A] = ee;
   };
   Ft(() => {
-    f.value || (e.startDate && (E(0, st(oe(e.startDate)), et(oe(e.startDate))), d.value.multiCalendars && Ke(0)), d.value.startTime && H()), L(!0);
+    f.value || (e.startDate && (E(0, st(oe(e.startDate)), tt(oe(e.startDate))), d.value.multiCalendars && Ke(0)), d.value.startTime && H()), L(!0);
   });
   const L = (A = !1) => {
     if (f.value)
@@ -10284,10 +10284,10 @@ const Zh = (e, t = 3) => {
     if (d.value.multiCalendars && A && !e.startDate)
       return Q(oe(), A);
   }, Q = (A, ee = !1) => {
-    if ((!d.value.multiCalendars || !e.multiStatic || ee) && E(0, st(A), et(A)), d.value.multiCalendars)
+    if ((!d.value.multiCalendars || !e.multiStatic || ee) && E(0, st(A), tt(A)), d.value.multiCalendars)
       for (let Se = 1; Se < d.value.multiCalendars; Se++) {
         const De = Pt(oe(), { month: T.value(Se - 1), year: w.value(Se - 1) }), lt = Rs(De, { months: 1 });
-        p.value[Se] = { month: st(lt), year: et(lt) };
+        p.value[Se] = { month: st(lt), year: tt(lt) };
       }
   }, M = (A) => {
     Q(A), O("hours", xr(A)), O("minutes", _r(A)), O("seconds", oa(A));
@@ -10332,14 +10332,14 @@ const Zh = (e, t = 3) => {
     if (Array.isArray(f.value) && f.value.length === 2) {
       const A = oe(
         oe(f.value[1] ? f.value[1] : hr(f.value[0], 1))
-      ), [ee, Se] = [st(f.value[0]), et(f.value[0])], [De, lt] = [st(f.value[1]), et(f.value[1])];
-      (ee !== De || ee === De && Se !== lt) && e.multiCalendarsSolo && E(1, st(A), et(A));
+      ), [ee, Se] = [st(f.value[0]), tt(f.value[0])], [De, lt] = [st(f.value[1]), tt(f.value[1])];
+      (ee !== De || ee === De && Se !== lt) && e.multiCalendarsSolo && E(1, st(A), tt(A));
     }
   }, _ = (A) => {
     const ee = hr(A, 1);
-    return { month: st(ee), year: et(ee) };
+    return { month: st(ee), year: tt(ee) };
   }, U = (A) => {
-    const ee = st(oe(A)), Se = et(oe(A));
+    const ee = st(oe(A)), Se = tt(oe(A));
     if (E(0, ee, Se), d.value.multiCalendars > 0)
       for (let De = 1; De < d.value.multiCalendars; De++) {
         const lt = _(
@@ -10413,11 +10413,11 @@ const Zh = (e, t = 3) => {
   }, Ke = (A) => {
     for (let ee = A - 1; ee >= 0; ee--) {
       const Se = aa(Pt(oe(), { month: T.value(ee + 1), year: w.value(ee + 1) }), 1);
-      E(ee, st(Se), et(Se));
+      E(ee, st(Se), tt(Se));
     }
     for (let ee = A + 1; ee <= d.value.multiCalendars - 1; ee++) {
       const Se = hr(Pt(oe(), { month: T.value(ee - 1), year: w.value(ee - 1) }), 1);
-      E(ee, st(Se), et(Se));
+      E(ee, st(Se), tt(Se));
     }
   }, Re = (A) => u(oe(), T.value(A), w.value(A)), at = (A) => tr(A, g.hours, g.minutes, se()), wt = (A) => {
     Y(Re(A));
@@ -10443,7 +10443,7 @@ const Zh = (e, t = 3) => {
     a();
   }, Ct = (A, ee) => {
     const Se = Pt(oe(), { month: T.value(ee), year: w.value(ee) }), De = A < 0 ? hr(Se, 1) : aa(Se, 1);
-    c(st(De), et(De), A < 0, e.preventMinMaxNavigation) && (E(ee, st(De), et(De)), d.value.multiCalendars && !e.multiCalendarsSolo && Ke(ee), t("update-month-year", { instance: ee, month: st(De), year: et(De) }), r());
+    c(st(De), tt(De), A < 0, e.preventMinMaxNavigation) && (E(ee, st(De), tt(De)), d.value.multiCalendars && !e.multiCalendarsSolo && Ke(ee), t("update-month-year", { instance: ee, month: st(De), year: tt(De) }), r());
   }, Jt = (A) => {
     Wi(A) && Wi(f.value) && Lr(g.hours) && Lr(g.minutes) ? (A[0] && f.value[0] && (f.value[0] = tr(A[0], g.hours[0], g.minutes[0], se())), A[1] && f.value[1] && (f.value[1] = tr(A[1], g.hours[1], g.minutes[1], se(!1)))) : e.multiDates && Array.isArray(f.value) ? f.value[f.value.length - 1] = at(A) : !e.range && !Hi(A) && (f.value = at(A)), t("time-update");
   }, dr = (A, ee = !0, Se = !1) => {
@@ -10516,7 +10516,7 @@ const Zh = (e, t = 3) => {
       minutes: _r(D),
       seconds: t.enableSeconds ? oa(D) : 0
     };
-  }, g = (v) => t.modelType ? U(v) : { month: st(v), year: et(v) }, T = (v) => Array.isArray(v) ? s(() => [
+  }, g = (v) => t.modelType ? U(v) : { month: st(v), year: tt(v) }, T = (v) => Array.isArray(v) ? s(() => [
     Wr(oe(), v[0]),
     v[1] ? Wr(oe(), v[1]) : u()
   ]) : Wr(oe(), +v), w = (v, D) => (typeof v == "string" || typeof v == "number") && t.modelType ? _(v) : D, C = (v) => Array.isArray(v) ? [
@@ -10589,7 +10589,7 @@ const Zh = (e, t = 3) => {
     checkBeforeEmit: () => r.value ? t.range ? t.partialRange ? r.value.length >= 1 : r.value.length === 2 : !!r.value : !1,
     parseExternalModelValue: ce,
     formatInputValue: z,
-    emitModelValue: () => (z(), t.monthPicker ? R(g) : t.timePicker ? R(p) : t.yearPicker ? R(et) : t.weekPicker ? Y(r.value) : Y(K()))
+    emitModelValue: () => (z(), t.monthPicker ? R(g) : t.timePicker ? R(p) : t.yearPicker ? R(tt) : t.weekPicker ? Y(r.value) : Y(K()))
   };
 }, fm = (e, t) => {
   const { validateMonthYearInRange: a, validateMaxDate: r, validateMinDate: n, defaults: i } = Zt(e), o = (d, f) => {
@@ -10597,17 +10597,17 @@ const Zh = (e, t = 3) => {
     return i.value.filters.months.includes(st(y)) ? (y = f ? hr(d, 1) : aa(d, 1), o(y, f)) : y;
   }, l = (d, f) => {
     let y = d;
-    return i.value.filters.years.includes(et(y)) ? (y = f ? Ls(d, 1) : xh(d, 1), l(y, f)) : y;
+    return i.value.filters.years.includes(tt(y)) ? (y = f ? Ls(d, 1) : xh(d, 1), l(y, f)) : y;
   }, s = (d) => {
     const f = Pt(/* @__PURE__ */ new Date(), { month: e.month, year: e.year });
-    let y = d ? hr(f, 1) : aa(f, 1), P = st(y), p = et(y);
-    i.value.filters.months.includes(P) && (y = o(y, d), P = st(y), p = et(y)), i.value.filters.years.includes(p) && (y = l(y, d), p = et(y)), a(P, p, d, e.preventMinMaxNavigation) && u(P, p);
+    let y = d ? hr(f, 1) : aa(f, 1), P = st(y), p = tt(y);
+    i.value.filters.months.includes(P) && (y = o(y, d), P = st(y), p = tt(y)), i.value.filters.years.includes(p) && (y = l(y, d), p = tt(y)), a(P, p, d, e.preventMinMaxNavigation) && u(P, p);
   }, u = (d, f) => {
     t("update-month-year", { month: d, year: f });
   }, c = X(() => (d) => {
     if (!e.preventMinMaxNavigation || d && !e.maxDate || !d && !e.minDate)
       return !1;
-    const f = Pt(/* @__PURE__ */ new Date(), { month: e.month, year: e.year }), y = d ? hr(f, 1) : aa(f, 1), P = [st(y), et(y)];
+    const f = Pt(/* @__PURE__ */ new Date(), { month: e.month, year: e.year }), y = d ? hr(f, 1) : aa(f, 1), P = [st(y), tt(y)];
     return d ? !r(...P) : !n(...P);
   });
   return { handleMonthYearChange: s, isDisabled: c, updateMonthYear: u };
@@ -11105,7 +11105,7 @@ const pm = (e, t, a, r) => {
             Array.isArray(k(p)) ? W("", !0) : (x(), B(Le, { key: 0 }, [
               bt(ge(k(p)), 1)
             ], 64)),
-            Array.isArray(k(p)) ? (x(!0), B(Le, { key: 1 }, tt(k(p), (E, O) => (x(), B("div", { key: O }, ge(E), 1))), 128)) : W("", !0)
+            Array.isArray(k(p)) ? (x(!0), B(Le, { key: 1 }, et(k(p), (E, O) => (x(), B("div", { key: O }, ge(E), 1))), 128)) : W("", !0)
           ], 64))
         ], 8, xm),
         G("div", _m, [
@@ -11260,7 +11260,7 @@ const pm = (e, t, a, r) => {
           }, [
             G("div", Om, [
               h.weekNumbers ? (x(), B("div", Pm, ge(h.weekNumName), 1)) : W("", !0),
-              (x(!0), B(Le, null, tt(k(g), (U, Y) => (x(), B("div", {
+              (x(!0), B(Le, null, et(k(g), (U, Y) => (x(), B("div", {
                 class: "dp__calendar_header_item",
                 role: "gridcell",
                 key: Y,
@@ -11290,7 +11290,7 @@ const pm = (e, t, a, r) => {
                     role: "grid",
                     "aria-label": (U = k(o).ariaLabels) == null ? void 0 : U.calendarDays
                   }, [
-                    (x(!0), B(Le, null, tt(e.mappedDates, (Y, j) => (x(), B("div", {
+                    (x(!0), B(Le, null, et(e.mappedDates, (Y, j) => (x(), B("div", {
                       class: "dp__calendar_row",
                       role: "row",
                       key: j
@@ -11298,7 +11298,7 @@ const pm = (e, t, a, r) => {
                       h.weekNumbers ? (x(), B("div", Mm, [
                         G("div", Em, ge(e.getWeekNum(Y.days)), 1)
                       ])) : W("", !0),
-                      (x(!0), B(Le, null, tt(Y.days, (R, v) => {
+                      (x(!0), B(Le, null, et(Y.days, (R, v) => {
                         var D, ae, q;
                         return x(), B("div", {
                           role: "gridcell",
@@ -11349,7 +11349,7 @@ const pm = (e, t, a, r) => {
                                 onClick: z[0] || (z[0] = Lt(() => {
                                 }, ["stop"]))
                               }, [
-                                (x(!0), B(Le, null, tt(R.marker.tooltip, (re, ue) => (x(), B("div", {
+                                (x(!0), B(Le, null, et(R.marker.tooltip, (re, ue) => (x(), B("div", {
                                   key: ue,
                                   class: "dp__tooltip_text"
                                 }, [
@@ -11544,12 +11544,12 @@ const pm = (e, t, a, r) => {
           G("div", Rm, [
             J(H.$slots, "header")
           ]),
-          H.$slots.overlay ? J(H.$slots, "overlay", { key: 0 }) : (x(!0), B(Le, { key: 1 }, tt(k(O), (_, U) => (x(), B("div", {
+          H.$slots.overlay ? J(H.$slots, "overlay", { key: 0 }) : (x(!0), B(Le, { key: 1 }, et(k(O), (_, U) => (x(), B("div", {
             class: le(["dp__overlay_row", { dp__flex_row: k(O).length >= 3 }]),
             key: U,
             role: "row"
           }, [
-            (x(!0), B(Le, null, tt(_, (Y, j) => (x(), B("div", {
+            (x(!0), B(Le, null, et(_, (Y, j) => (x(), B("div", {
               role: "gridcell",
               class: le(k(C)),
               key: Y.value,
@@ -11719,7 +11719,7 @@ const pm = (e, t, a, r) => {
         a("update-month-year", { [v]: D, [ae]: r[ae] }), a("month-year-select", v === "year"), v === "month" ? _(!0) : U(!0);
       }
     }), w = X(T("month")), C = X(T("year")), E = (v) => {
-      const D = et(oe(v));
+      const D = tt(oe(v));
       return r.year === D;
     }, O = X(() => r.monthPicker ? Array.isArray(r.disabledDates) ? r.disabledDates.map((v) => oe(v)).filter((v) => E(v)).map((v) => st(v)) : [] : []), L = X(() => (v) => {
       const D = v === "month";
@@ -11745,7 +11745,7 @@ const pm = (e, t, a, r) => {
       instance: r.instance,
       updateMonthYear: c,
       toggle: v === "month" ? _ : U
-    })), M = X(() => r.minDate ? et(oe(r.minDate)) : null), $ = X(() => r.maxDate ? et(oe(r.maxDate)) : null), F = X(() => {
+    })), M = X(() => r.minDate ? tt(oe(r.minDate)) : null), $ = X(() => r.maxDate ? tt(oe(r.maxDate)) : null), F = X(() => {
       if (r.minDate && M.value) {
         if (M.value > r.year)
           return 12;
@@ -12151,7 +12151,7 @@ const pm = (e, t, a, r) => {
     return t({ openChildCmp: ce }), (h, z) => {
       var _;
       return h.disabled ? W("", !0) : (x(), B("div", Gm, [
-        (x(!0), B(Le, null, tt(k(w), (U, Y) => {
+        (x(!0), B(Le, null, et(k(w), (U, Y) => {
           var j, R, v;
           return x(), B("div", {
             key: Y,
@@ -12248,7 +12248,7 @@ const pm = (e, t, a, r) => {
             ]
           }, ge(c.value), 41, Jm))
         ])),
-        (x(!0), B(Le, null, tt(k(C), (U, Y) => (x(), Te(Qr, {
+        (x(!0), B(Le, null, et(k(C), (U, Y) => (x(), Te(Qr, {
           key: Y,
           name: k(l)(u[U.type]),
           css: k(s)
@@ -12392,7 +12392,7 @@ const pm = (e, t, a, r) => {
                     setSeconds: $
                   }) : W("", !0),
                   S.$slots["time-picker-overlay"] ? W("", !0) : (x(), B("div", ag, [
-                    (x(!0), B(Le, null, tt(k(w), (se, H) => mr((x(), Te(eg, St({ key: H }, {
+                    (x(!0), B(Le, null, et(k(w), (se, H) => mr((x(), Te(eg, St({ key: H }, {
                       ...S.$props,
                       order: H,
                       hours: se.hours,
@@ -12410,7 +12410,7 @@ const pm = (e, t, a, r) => {
                       onMounted: F,
                       onOverlayClosed: F
                     }), Bt({ _: 2 }, [
-                      tt(k(O), (h, z) => ({
+                      et(k(O), (h, z) => ({
                         name: h,
                         fn: fe((_) => [
                           J(S.$slots, h, Et(sr(_)))
@@ -12752,7 +12752,7 @@ const pm = (e, t, a, r) => {
                   J(Z.$slots, "left-sidebar", Et(sr({ handleMonthYearChange: kt })))
                 ])) : W("", !0),
                 (wr = Z.presetRanges) != null && wr.length ? (x(), B("div", ug, [
-                  (x(!0), B(Le, null, tt(Z.presetRanges, (_e, Sr) => (x(), B("div", {
+                  (x(!0), B(Le, null, et(Z.presetRanges, (_e, Sr) => (x(), B("div", {
                     key: Sr,
                     style: Dt(_e.style || {}),
                     class: "dp__preset_range",
@@ -12777,7 +12777,7 @@ const pm = (e, t, a, r) => {
                   G("div", {
                     class: le(k(wt))
                   }, [
-                    (x(!0), B(Le, null, tt(k(Ke), (_e, Sr) => (x(), B("div", {
+                    (x(!0), B(Le, null, et(k(Ke), (_e, Sr) => (x(), B("div", {
                       key: _e,
                       class: le(k(mt))
                     }, [
@@ -12800,7 +12800,7 @@ const pm = (e, t, a, r) => {
                         onMonthYearSelect: k(U),
                         onOverlayClosed: M
                       }), Bt({ _: 2 }, [
-                        tt(k(ze), (Ee, hn) => ({
+                        et(k(ze), (Ee, hn) => ({
                           name: Ee,
                           fn: fe((da) => [
                             J(Z.$slots, Ee, Et(sr(da)))
@@ -12831,7 +12831,7 @@ const pm = (e, t, a, r) => {
                         onTooltipOpen: ye[4] || (ye[4] = (Ee) => Z.$emit("tooltip-open", Ee)),
                         onTooltipClose: ye[5] || (ye[5] = (Ee) => Z.$emit("tooltip-close", Ee))
                       }), Bt({ _: 2 }, [
-                        tt(k(be), (Ee, hn) => ({
+                        et(k(be), (Ee, hn) => ({
                           name: Ee,
                           fn: fe((da) => [
                             J(Z.$slots, Ee, Et(sr({ ...da })))
@@ -12859,7 +12859,7 @@ const pm = (e, t, a, r) => {
                         onOverlayClosed: M,
                         onOverlayOpened: ye[10] || (ye[10] = (_e) => Z.$emit("time-picker-open", _e))
                       }), Bt({ _: 2 }, [
-                        tt(k(Ae), (_e, Sr) => ({
+                        et(k(Ae), (_e, Sr) => ({
                           name: _e,
                           fn: fe((Ee) => [
                             J(Z.$slots, _e, Et(sr(Ee)))
@@ -12897,7 +12897,7 @@ const pm = (e, t, a, r) => {
                 onSelectDate: ye[13] || (ye[13] = (_e) => Z.$emit("select-date")),
                 onInvalidSelect: ye[14] || (ye[14] = (_e) => Z.$emit("invalid-select"))
               }), Bt({ _: 2 }, [
-                tt(k(ne), (_e, Sr) => ({
+                et(k(ne), (_e, Sr) => ({
                   name: _e,
                   fn: fe((Ee) => [
                     J(Z.$slots, _e, Et(sr({ ...Ee })))
@@ -13083,7 +13083,7 @@ const pm = (e, t, a, r) => {
         onFocus: Ae,
         onBlur: ze
       }), Bt({ _: 2 }, [
-        tt(k(w), (Me, Ke) => ({
+        et(k(w), (Me, Ke) => ({
           name: Me,
           fn: fe((Re) => [
             J(ke.$slots, Me, Et(sr(Re)))
@@ -13115,7 +13115,7 @@ const pm = (e, t, a, r) => {
             onTooltipClose: Ne[7] || (Ne[7] = (Me) => ke.$emit("tooltip-close", Me)),
             onTimePickerOpen: Ne[8] || (Ne[8] = (Me) => ke.$emit("time-picker-open", Me))
           }), Bt({ _: 2 }, [
-            tt(k(T), (Me, Ke) => ({
+            et(k(T), (Me, Ke) => ({
               name: Me,
               fn: fe((Re) => [
                 J(ke.$slots, Me, Et(sr({ ...Re })))
@@ -13212,9 +13212,10 @@ const wg = ["disabled"], fl = /* @__PURE__ */ Ce({
     cancel: { default: "" },
     submit: { default: "" },
     firstAvailableDate: { default: 1948 },
-    maxDate: null,
+    maxDate: { default: null },
     autoRange: { default: null },
-    activeState: { type: Boolean, default: !1 }
+    activeState: { type: Boolean, default: !1 },
+    monthPicker: { type: Boolean, default: !1 }
   },
   emits: ["date-changed", "close"],
   setup(e, { emit: t }) {
@@ -13226,7 +13227,7 @@ const wg = ["disabled"], fl = /* @__PURE__ */ Ce({
       const p = $r(P[0], "dd.MM.yyyy"), g = $r(P[1], "dd.MM.yyyy");
       return p + "-" + g;
     }, u = (P) => $r(P, "dd.MM.yyyy"), c = a.definesRange ? s : u, d = X(() => {
-      const P = et(/* @__PURE__ */ new Date());
+      const P = tt(/* @__PURE__ */ new Date());
       return [a.firstAvailableDate, P];
     }), f = (P) => {
       t("date-changed", P), i.value = !1, o();
@@ -13274,6 +13275,7 @@ const wg = ["disabled"], fl = /* @__PURE__ */ Ce({
         position: "left",
         "keep-action-row": e.actionArea,
         "auto-range": e.autoRange,
+        "month-picker": e.monthPicker,
         onOpen: p[2] || (p[2] = (g) => i.value = !0),
         onClosed: p[3] || (p[3] = (g) => i.value = !1)
       }, Bt({
@@ -13319,7 +13321,7 @@ const wg = ["disabled"], fl = /* @__PURE__ */ Ce({
           fn: fe(() => [
             G("div", xg, [
               G("p", _g, ge(a.quickFilterHeadline), 1),
-              (x(!0), B(Le, null, tt(e.quickFilterRanges, (g) => (x(), B("div", {
+              (x(!0), B(Le, null, et(e.quickFilterRanges, (g) => (x(), B("div", {
                 key: g.label
               }, [
                 Fe(fl, {
@@ -13333,7 +13335,7 @@ const wg = ["disabled"], fl = /* @__PURE__ */ Ce({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "class", "range", "multi-calendars", "locale", "enable-time-picker", "auto-apply", "close-on-auto-apply", "input-class-name", "placeholder", "format", "max-date", "year-range", "auto-position", "keep-action-row", "auto-range"])
+      ]), 1032, ["modelValue", "class", "range", "multi-calendars", "locale", "enable-time-picker", "auto-apply", "close-on-auto-apply", "input-class-name", "placeholder", "format", "max-date", "year-range", "auto-position", "keep-action-row", "auto-range", "month-picker"])
     ]));
   }
 });
@@ -13501,9 +13503,7 @@ const $g = ["aria-label"], Mg = { key: 0 }, Eg = { class: "flex w-full items-cen
     const a = e, r = ie(), n = ie(a?.selectedDate), i = ie(!1), o = X(() => n.value ? a.inputLabel : a.placeholderText), l = (c) => {
       const d = new Date(c[0]).getDate(), f = new Date(c[0]).getMonth() + 1, y = new Date(c[0]).getFullYear(), P = new Date(c[1]).getDate(), p = new Date(c[1]).getMonth() + 1, g = new Date(c[1]).getFullYear();
       return `${d}.${f}.${y} - ${P}.${p}.${g}`;
-    };
-    X(() => [1948, et(/* @__PURE__ */ new Date())]);
-    const s = (c) => {
+    }, s = (c) => {
       t("date-changed", c), i.value = !1;
     }, u = () => {
       n.value = a.selectedDate, i.value = !1;
@@ -13643,7 +13643,7 @@ const db = /* @__PURE__ */ Ce({
 }), Ng = { class: "z-10" }, fb = /* @__PURE__ */ Ce({
   __name: "UiFilterBadgeButton",
   props: {
-    color: { default: "#000" },
+    color: { default: "#4D4D4D" },
     fill: { default: "#333" },
     iconIsFilled: { type: Boolean, default: !0 },
     label: null
@@ -13664,7 +13664,7 @@ const db = /* @__PURE__ */ Ce({
         style: Dt({ backgroundColor: e.fill })
       }, null, 4),
       G("p", {
-        class: "z-0 w-full text-sm font-medium leading-normal",
+        class: "z-0 w-full cursor-pointer text-sm font-medium leading-normal",
         style: Dt({ color: e.color }),
         "data-testid": "labelText",
         onClick: r[0] || (r[0] = Lt((n) => t("click"), ["self"]))
@@ -13843,7 +13843,7 @@ const db = /* @__PURE__ */ Ce({
               }, null, 8, ["placeholder"])
             ])) : W("", !0),
             G("ul", Wg, [
-              (x(!0), B(Le, null, tt(e.options, (f, y) => (x(), Te(qo, {
+              (x(!0), B(Le, null, et(e.options, (f, y) => (x(), Te(qo, {
                 key: `menuOptions-${y}`,
                 selected: f.selected,
                 selectable: e.listVariant === "selectable",
@@ -13936,7 +13936,7 @@ const db = /* @__PURE__ */ Ce({
     }), (s, u) => (x(), B("div", {
       class: le(["flex gap-5", k(o)])
     }, [
-      (x(!0), B(Le, null, tt(r.value, (c) => (x(), B("span", {
+      (x(!0), B(Le, null, et(r.value, (c) => (x(), B("span", {
         key: c.label
       }, [
         G("label", Gg, [
@@ -15213,7 +15213,7 @@ const f1 = { class: "pb-1 text-sm font-semibold" }, p1 = { class: "text-sm" }, _
         "data-testid": "structuredTooltip",
         class: le(["border-1 my-1 w-72 rounded-2xl border-gray-300 bg-white text-xs leading-5 shadow-lg", { hidden: !a.value }])
       }, [
-        (x(!0), B(Le, null, tt(e.structuredInfo, ({ title: l, description: s }, u) => (x(), B("li", {
+        (x(!0), B(Le, null, et(e.structuredInfo, ({ title: l, description: s }, u) => (x(), B("li", {
           key: `info-${u}`,
           class: le([
             "mx-4 py-3 text-left",
@@ -15281,7 +15281,7 @@ const f1 = { class: "pb-1 text-sm font-semibold" }, p1 = { class: "text-sm" }, _
         G("label", h1, ge(e.label), 1),
         J(P.$slots, "tooltip")
       ])) : W("", !0),
-      (x(!0), B(Le, null, tt(r.value, (g, T) => (x(), B("div", {
+      (x(!0), B(Le, null, et(r.value, (g, T) => (x(), B("div", {
         key: T,
         class: le(k(y))
       }, [
@@ -16555,7 +16555,7 @@ const jn = /* @__PURE__ */ Mu(X1), Z1 = { class: "flex" }, J1 = ["id", "aria-che
       return o.contrast(jn("white")) >= l ? "text-white" : "text-gray-800";
     });
     return (o, l) => (x(), B("div", Z1, [
-      (x(!0), B(Le, null, tt(k(Fr), (s, u) => (x(), B("div", {
+      (x(!0), B(Le, null, et(k(Fr), (s, u) => (x(), B("div", {
         id: `color-${s}`,
         key: `ui-cp-${u}`,
         class: "mr-3 flex h-4 w-4 rotate-45 cursor-pointer items-center justify-center",