@ironsource/shared-ui 2.1.6-test.1 → 2.1.6-test.10

package/components/dateRange/v3/DateRange.vue2.js

@@ -0,0 +1,226 @@
+ import "../../../DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css"; import { defineComponent as J, openBlock as s, createElementBlock as n, unref as e, normalizeClass as o, createElementVNode as d, renderSlot as P, toDisplayString as u, setBlockTracking as p, withDirectives as h, Fragment as v, renderList as k, createVNode as c, withCtx as g, createTextVNode as y, createCommentVNode as b, vShow as C, normalizeStyle as Q } from "vue";
+import X from "./CalendarMonth.vue.js";
+import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
+import x from "../../button/v3/Button.vue.js";
+import "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import "../../typography/Heading.vue.js";
+import R from "../../typography/Text.vue.js";
+import { DateRangeTestIdModifiers as l } from "../../../testids/index.js";
+import { dateRangeCommon as ee } from "../common/DateRange.common.js";
+const te = ["id", "data-testid"], ae = ["data-testid"], de = ["id", "data-testid"], se = {
+  key: 0,
+  class: "type-picker"
+}, ne = ["onClick"], ie = ["data-testid"], le = ["id"], oe = ["id"], re = ["onClick"], ue = { class: "dropdown-rightTriangle" }, ce = ["data-testid"], me = { class: "date-picker-calendar left-box" }, pe = { class: "buttons-cover" }, ge = { class: "range" }, De = /* @__PURE__ */ J({
+  __name: "DateRange",
+  props: {
+    range: null,
+    types: { default: () => ["date"] },
+    includeToday: { type: Boolean, default: !0 },
+    allowedDays: { default: null },
+    maxDaysInRange: { default: null },
+    datePresetList: { default: "date" },
+    regex: { default: () => /^(1[0-2]|0?[1-9])\/[\d]{1,2}\/[\d]{4}$/ },
+    dateFormat: { default: "mm/dd/yyyy" },
+    uniqueId: { default: Date.now() },
+    disabled: { type: Boolean, default: !1 },
+    initialType: { default: null },
+    openOnTop: { type: Boolean, default: !1 },
+    showPresets: { type: Boolean, default: !0 },
+    maxDate: { default: null },
+    testId: { default: "" }
+  },
+  emits: [
+    "rangeTypeChanged",
+    "currentDateChanged",
+    "rangeChanged",
+    "dateRangePresetNameChanged",
+    "opened",
+    "dismissed"
+  ],
+  setup(t, { emit: E }) {
+    const A = t, {
+      datePicker: B,
+      datePickerId: S,
+      getMaxAllowedDate: q,
+      selectedPreset: $,
+      displayError: M,
+      rangeType: f,
+      selectedRange: O,
+      placement: z,
+      currentDate: I,
+      error: L,
+      presets: V,
+      isOpen: w,
+      popup: G,
+      currentMonths: m,
+      displayedMonthsKeys: T,
+      changeType: F,
+      presetChanged: K,
+      apply: U,
+      getNavigation: W,
+      navigationCallback: Y,
+      selectionChanged: j,
+      toggle: D,
+      isCompact: H
+    } = ee(A, E);
+    return (N, i) => (s(), n("div", {
+      id: e(S),
+      ref_key: "datePicker",
+      ref: B,
+      class: o(["relative-wrap", { "date-range-disabled": t.disabled }]),
+      "data-testid": `${t.testId}-${e(l).WRAPPER}`
+    }, [
+      d("div", {
+        class: "date-range-field",
+        "data-testid": `${t.testId}-${e(l).TRIGGER}`,
+        onClick: i[1] || (i[1] = (a) => e(D)())
+      }, [
+        P(N.$slots, "field", {
+          currentDate: e(I),
+          isOpen: e(w)
+        }, () => [
+          d("span", null, u(e(I)), 1),
+          i[0] || (p(-1), i[0] = d("div", { class: "small-triangle" }), p(1), i[0])
+        ], !0)
+      ], 8, ae),
+      h(d("div", {
+        id: "datepickerPopup" + t.uniqueId,
+        ref_key: "popup",
+        ref: G,
+        class: o(["pop-up", [
+          e(z),
+          t.openOnTop ? "open-on-top" : "",
+          t.showPresets ? "" : "hide-presets"
+        ]]),
+        "data-testid": `${t.testId}-${e(l).CONTAINER}`
+      }, [
+        t.types.length > 1 ? (s(), n("div", se, [
+          (s(!0), n(v, null, k(t.types, (a) => (s(), n("span", {
+            key: a,
+            class: o(["range-type", { "selected-range-type": e(f) === a }]),
+            onClick: (r) => e(F)(a, !0)
+          }, [
+            c(e(R), { size: "sm" }, {
+              default: g(() => [
+                y(u(e(Z)[a]), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ], 10, ne))), 128))
+        ])) : b("", !0),
+        d("div", {
+          class: o(["flex", { "pop-up-content": t.types.length > 1 }])
+        }, [
+          t.showPresets ? (s(), n("div", {
+            key: 0,
+            class: "date-picker-menu",
+            "data-testid": `${t.testId}-${e(l).MENU}`
+          }, [
+            d("div", {
+              id: "presets" + t.uniqueId,
+              class: "preset-dropdown"
+            }, [
+              d("ul", {
+                id: "customDropDownList" + t.uniqueId
+              }, [
+                (s(!0), n(v, null, k(e(V), (a) => (s(), n("li", {
+                  key: a.id,
+                  class: o({
+                    "selected-preset-container": e($) === a.id
+                  })
+                }, [
+                  d("div", {
+                    class: o([{ "selected-preset": e($) === a.id }, "preset-element"]),
+                    onClick: (r) => e(K)(a)
+                  }, [
+                    c(e(R), { size: "sm" }, {
+                      default: g(() => [
+                        y(u(a.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 10, re),
+                  h(d("div", ue, null, 512), [
+                    [C, a.id === "custom"]
+                  ])
+                ], 2))), 128))
+              ], 8, oe)
+            ], 8, le),
+            d("div", {
+              class: "type-message",
+              "data-testid": `${t.testId}-${e(l).MESSAGE}`
+            }, u(e(_)[e(f)]), 9, ce)
+          ], 8, ie)) : b("", !0),
+          d("div", {
+            class: "calendar-wrap",
+            style: Q({ height: e(H) ? "336px" : "372px" })
+          }, [
+            d("div", me, [
+              (s(!0), n(v, null, k(e(T), (a, r) => (s(), n("div", { key: a }, [
+                c(X, {
+                  id: t.uniqueId,
+                  navigation: e(W)(
+                    r === 0,
+                    r === e(T).length - 1
+                  ),
+                  year: e(m)[a].parsedMonth.year,
+                  days: e(m)[a].parsedMonth.days,
+                  weeks: e(m)[a].parsedMonth.weeks,
+                  month: e(m)[a].parsedMonth.month,
+                  range: e(O),
+                  type: e(f),
+                  "allowed-days": t.allowedDays,
+                  "max-allowed-date": e(q),
+                  "test-id": `${t.testId}-${r}`,
+                  onSelectionChanged: e(j),
+                  onNavigation: e(Y)
+                }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
+              ]))), 128)),
+              d("div", pe, [
+                d("div", ge, [
+                  P(N.$slots, "footer", {}, void 0, !0)
+                ]),
+                h(d("div", { class: "error" }, u(e(L)), 513), [
+                  [C, e(M)]
+                ]),
+                i[2] || (p(-1), i[2] = d("div", { class: "buttons" }, [
+                  c(e(x), {
+                    id: "button-ok" + t.uniqueId,
+                    size: "sm",
+                    class: "primary button small",
+                    "data-testid": `${t.testId}-${e(l).ACTION_APPLY}`,
+                    onClick: (a) => e(U)()
+                  }, {
+                    default: g(() => [
+                      y(" Apply ")
+                    ]),
+                    _: 1
+                  }, 8, ["id", "data-testid", "onClick"]),
+                  c(e(x), {
+                    id: "button-cancel" + t.uniqueId,
+                    size: "sm",
+                    theme: "third",
+                    class: "button small border third transparent",
+                    "data-testid": `${t.testId}-${e(l).ACTION_CANCEL}`,
+                    onClick: (a) => e(D)()
+                  }, {
+                    default: g(() => [
+                      y(" Cancel ")
+                    ]),
+                    _: 1
+                  }, 8, ["id", "data-testid", "onClick"])
+                ]), p(1), i[2])
+              ])
+            ])
+          ], 4)
+        ], 2)
+      ], 10, de), [
+        [C, e(w)]
+      ])
+    ], 10, te));
+  }
+});
+export {
+  De as default
+};

package/components/dateRange/{DateRangePicker.vue.d.ts → v3/DateRangePicker.vue.d.ts}

@@ -3,17 +3,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         from: Date;
         to: Date;
     };
-    types?: ("date" | "week" | "month")[];
+    types?: ("week" | "month" | "date")[];
     isTitleStyle?: boolean;
     includeToday?: boolean;
     allowedDays?: number;
     maxDaysInRange?: number;
-    datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    datePresetList?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
     regex?: RegExp;
     dateFormat?: string;
     uniqueId?: string | number;
     disabled?: boolean;
-    initialType: "date" | "week" | "month";
+    initialType: "week" | "month" | "date";
     openOnTop: boolean;
     testId?: string;
 }>, {
@@ -39,17 +39,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         from: Date;
         to: Date;
     };
-    types?: ("date" | "week" | "month")[];
+    types?: ("week" | "month" | "date")[];
     isTitleStyle?: boolean;
     includeToday?: boolean;
     allowedDays?: number;
     maxDaysInRange?: number;
-    datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    datePresetList?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
     regex?: RegExp;
     dateFormat?: string;
     uniqueId?: string | number;
     disabled?: boolean;
-    initialType: "date" | "week" | "month";
+    initialType: "week" | "month" | "date";
     openOnTop: boolean;
     testId?: string;
 }>, {
@@ -77,11 +77,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ("date" | "week" | "month")[];
+    types: ("week" | "month" | "date")[];
     maxDaysInRange: number;
-    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
     regex: RegExp;
-    initialType: "date" | "week" | "month";
+    initialType: "week" | "month" | "date";
     openOnTop: boolean;
     isTitleStyle: boolean;
 }>, {

package/components/dateRange/{index.d.ts → v3/index.d.ts}

@@ -9,11 +9,11 @@ declare const DateRangeTypes: () => ({
             uniqueId: string | number;
             includeToday: boolean;
             dateFormat: string;
-            types: ("date" | "week" | "month")[];
+            types: ("week" | "month" | "date")[];
             maxDaysInRange: number;
-            datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+            datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
             regex: RegExp;
-            initialType: "date" | "week" | "month";
+            initialType: "week" | "month" | "date";
             openOnTop: boolean;
             showPresets: boolean;
             maxDate: Date;
@@ -50,7 +50,7 @@ declare const DateRangeTypes: () => ({
                 default: string;
             };
             types: {
-                type: import("vue").PropType<("date" | "week" | "month")[]>;
+                type: import("vue").PropType<("week" | "month" | "date")[]>;
                 default: () => string[];
             };
             maxDaysInRange: {
@@ -58,7 +58,7 @@ declare const DateRangeTypes: () => ({
                 default: any;
             };
             datePresetList: {
-                type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+                type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
                 default: string;
             };
             regex: {
@@ -66,7 +66,7 @@ declare const DateRangeTypes: () => ({
                 default: () => RegExp;
             };
             initialType: {
-                type: import("vue").PropType<"date" | "week" | "month">;
+                type: import("vue").PropType<"week" | "month" | "date">;
                 required: true;
                 default: any;
             };
@@ -138,7 +138,7 @@ declare const DateRangeTypes: () => ({
                 default: string;
             };
             types: {
-                type: import("vue").PropType<("date" | "week" | "month")[]>;
+                type: import("vue").PropType<("week" | "month" | "date")[]>;
                 default: () => string[];
             };
             maxDaysInRange: {
@@ -146,7 +146,7 @@ declare const DateRangeTypes: () => ({
                 default: any;
             };
             datePresetList: {
-                type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+                type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
                 default: string;
             };
             regex: {
@@ -154,7 +154,7 @@ declare const DateRangeTypes: () => ({
                 default: () => RegExp;
             };
             initialType: {
-                type: import("vue").PropType<"date" | "week" | "month">;
+                type: import("vue").PropType<"week" | "month" | "date">;
                 required: true;
                 default: any;
             };
@@ -193,11 +193,11 @@ declare const DateRangeTypes: () => ({
             uniqueId: string | number;
             includeToday: boolean;
             dateFormat: string;
-            types: ("date" | "week" | "month")[];
+            types: ("week" | "month" | "date")[];
             maxDaysInRange: number;
-            datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+            datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
             regex: RegExp;
-            initialType: "date" | "week" | "month";
+            initialType: "week" | "month" | "date";
             openOnTop: boolean;
             showPresets: boolean;
             maxDate: Date;
@@ -254,7 +254,7 @@ declare const DateRangeTypes: () => ({
             default: string;
         };
         types: {
-            type: import("vue").PropType<("date" | "week" | "month")[]>;
+            type: import("vue").PropType<("week" | "month" | "date")[]>;
             default: () => string[];
         };
         maxDaysInRange: {
@@ -262,7 +262,7 @@ declare const DateRangeTypes: () => ({
             default: any;
         };
         datePresetList: {
-            type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+            type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
             default: string;
         };
         regex: {
@@ -270,7 +270,7 @@ declare const DateRangeTypes: () => ({
             default: () => RegExp;
         };
         initialType: {
-            type: import("vue").PropType<"date" | "week" | "month">;
+            type: import("vue").PropType<"week" | "month" | "date">;
             required: true;
             default: any;
         };
@@ -332,7 +332,7 @@ declare const DateRangeTypes: () => ({
         default: string;
     };
     types: {
-        type: import("vue").PropType<("date" | "week" | "month")[]>;
+        type: import("vue").PropType<("week" | "month" | "date")[]>;
         default: () => string[];
     };
     maxDaysInRange: {
@@ -340,7 +340,7 @@ declare const DateRangeTypes: () => ({
         default: any;
     };
     datePresetList: {
-        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
+        type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
         default: string;
     };
     regex: {
@@ -348,7 +348,7 @@ declare const DateRangeTypes: () => ({
         default: () => RegExp;
     };
     initialType: {
-        type: import("vue").PropType<"date" | "week" | "month">;
+        type: import("vue").PropType<"week" | "month" | "date">;
         required: true;
         default: any;
     };
@@ -387,11 +387,11 @@ declare const DateRangeTypes: () => ({
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ("date" | "week" | "month")[];
+    types: ("week" | "month" | "date")[];
     maxDaysInRange: number;
-    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
+    datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
     regex: RegExp;
-    initialType: "date" | "week" | "month";
+    initialType: "week" | "month" | "date";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;

package/components/dateRange/v4/CalendarMonthV4.vue.d.ts

@@ -0,0 +1,75 @@
+import { Day } from '../common/DateServices.common';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    year: number;
+    days: Record<string, Day>;
+    weeks: Day[][];
+    month: number;
+    navigation: 'next' | 'previous' | 'all';
+    range: {
+        fromStart: Date;
+        fromEnd: Date;
+        toEnd: Date;
+        toStart: Date;
+    };
+    type: 'date' | 'week' | 'month';
+    id?: string | number;
+    allowedDays?: number;
+    maxAllowedDate?: Date;
+    testId?: string;
+}>, {
+    id: number;
+    allowedDays: any;
+    maxAllowedDate: any;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigation: (...args: any[]) => void;
+    selectionChanged: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    year: number;
+    days: Record<string, Day>;
+    weeks: Day[][];
+    month: number;
+    navigation: 'next' | 'previous' | 'all';
+    range: {
+        fromStart: Date;
+        fromEnd: Date;
+        toEnd: Date;
+        toStart: Date;
+    };
+    type: 'date' | 'week' | 'month';
+    id?: string | number;
+    allowedDays?: number;
+    maxAllowedDate?: Date;
+    testId?: string;
+}>, {
+    id: number;
+    allowedDays: any;
+    maxAllowedDate: any;
+    testId: string;
+}>>> & {
+    onNavigation?: (...args: any[]) => any;
+    onSelectionChanged?: (...args: any[]) => any;
+}, {
+    testId: string;
+    id: string | number;
+    allowedDays: number;
+    maxAllowedDate: Date;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/dateRange/v4/CalendarMonthV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./CalendarMonthV4.vue2.js";
+/* empty css                      */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_a80364bd_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a80364bd"]]);
+export {
+  s as default
+};

package/components/dateRange/v4/CalendarMonthV4.vue2.js

@@ -0,0 +1,133 @@
+ import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_a80364bd_lang.css"; import { defineComponent as z, openBlock as n, createElementBlock as i, unref as e, createElementVNode as s, createBlock as m, createCommentVNode as D, createVNode as E, withCtx as c, createTextVNode as v, toDisplayString as o, Fragment as f, renderList as $, normalizeClass as w } from "vue";
+import { navigatePrev as C, navigateNext as I } from "../common/consts.common.js";
+import "../../typography/Heading.vue.js";
+import N from "../../typography/Text.vue.js";
+import { calendarMonthCommon as B } from "../common/CalendarMonth.common.js";
+import "../../button/v4/ButtonV4.vue.js";
+import T from "../../button/v4/IconButtonV4.vue.js";
+import H from "../../typography/v4/Typography.vue.js";
+import { CalendarMonthTestIdModifiers as d } from "../../../testids/index.js";
+const S = ["id", "data-testid"], b = ["data-testid"], F = ["data-testid"], O = ["data-testid"], Z = /* @__PURE__ */ z({
+  __name: "CalendarMonthV4",
+  props: {
+    year: null,
+    days: null,
+    weeks: null,
+    month: null,
+    navigation: null,
+    range: null,
+    type: null,
+    id: { default: Date.now() },
+    allowedDays: { default: null },
+    maxAllowedDate: { default: null },
+    testId: { default: "" }
+  },
+  emits: ["selectionChanged", "navigation"],
+  setup(t, { emit: x }) {
+    const A = t, {
+      isEndDay: y,
+      isStartDay: g,
+      navigate: h,
+      selectDay: p,
+      monthName: M,
+      dayNames: R,
+      selectedDaysMap: k,
+      inBetweenMap: P
+    } = B(A, x);
+    return (Y, r) => (n(), i("div", {
+      id: "datepickerCalendar" + t.id,
+      class: "calendar-month",
+      "data-testid": `${t.testId}-${e(d).WRAPPER}`
+    }, [
+      s("span", {
+        onClick: r[0] || (r[0] = (l) => e(h)(e(C)))
+      }, [
+        t.navigation === e(C) || t.navigation === "all" ? (n(), m(e(T), {
+          key: 0,
+          size: "medium",
+          class: "previous",
+          "data-testid": `${t.testId}-${e(d).PREVIOUS}`,
+          "icon-name": "caret-left"
+        }, null, 8, ["data-testid"])) : D("", !0)
+      ]),
+      s("span", {
+        onClick: r[1] || (r[1] = (l) => e(h)(e(I)))
+      }, [
+        t.navigation === e(I) || t.navigation === "all" ? (n(), m(e(T), {
+          key: 0,
+          class: "next",
+          size: "medium",
+          "icon-name": "caret-right",
+          "data-testid": `${t.testId}-${e(d).NEXT}`
+        }, null, 8, ["data-testid"])) : D("", !0)
+      ]),
+      s("div", {
+        class: "month-header",
+        "data-testid": `${t.testId}-${e(d).MONTH_HEADER}`
+      }, [
+        E(e(H), {
+          variant: "h4",
+          "test-id": `${t.testId}-${e(d).MONTH_HEADER_TEXT}`
+        }, {
+          default: c(() => [
+            v(o(e(M)) + " " + o(t.year), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"]),
+        s("div", {
+          class: "days-header",
+          "data-testid": `${t.testId}-${e(d).DAYS_HEADER}`
+        }, [
+          (n(!0), i(f, null, $(e(R), (l, u) => (n(), m(e(N), {
+            key: u,
+            size: "xs"
+          }, {
+            default: c(() => [
+              v(o(l), 1)
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ], 8, F)
+      ], 8, b),
+      s("div", {
+        class: "days-wrapper",
+        "data-testid": `${t.testId}-${e(d).DAYS_WRAPPER}`
+      }, [
+        (n(!0), i(f, null, $(t.weeks, (l, u) => (n(), i("div", { key: u }, [
+          (n(!0), i(f, null, $(l, (a, V) => (n(), i("span", {
+            key: V,
+            class: w(["date-wrapper", {
+              "selected-day-wrapper": e(k)[a.value],
+              "start-day-wrapper": e(g)(a),
+              "end-day-wrapper": e(y)(a)
+            }])
+          }, [
+            E(e(N), {
+              class: w(["day", {
+                "selected-day": e(k)[a.value],
+                "selected-day-between": e(P)[a.value],
+                today: a.isToday,
+                "disabled-day": a.isFuture || a.disabled,
+                "non-day": a.value === 0,
+                "start-day": e(g)(a),
+                "end-day": e(y)(a)
+              }]),
+              size: "sm",
+              strong: "",
+              "data-testid": `${t.testId}-${e(d).DAY}-${a.value}`,
+              onClick: (W) => a.disabled || a.isFuture || e(p)(a)
+            }, {
+              default: c(() => [
+                v(o(a.value), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "data-testid", "onClick"])
+          ], 2))), 128))
+        ]))), 128))
+      ], 8, O)
+    ], 8, S));
+  }
+});
+export {
+  Z as default
+};