@ironsource/shared-ui 1.4.2-test.7 → 1.4.2

package/components/chip/Chip.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createVNode, unref } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
+import { ChipTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Chip.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["disabled"];
+const _hoisted_1 = ["disabled", "data-testid"];
 const _hoisted_2 = {
   key: 0,
   class: "icon icon--start"
@@ -16,13 +17,15 @@ const _hoisted_4 = {
   key: 1,
   class: "icon icon--end"
 };
-const _sfc_main = defineComponent({
+const _hoisted_5 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Chip",
   props: {
     selected: { type: Boolean, default: false },
     clearable: { type: Boolean, default: false },
     prefix: { default: null },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   emits: ["cleared"],
   setup(__props, { emit }) {
@@ -32,33 +35,35 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["chip-container", { selected: _ctx.selected, disabled: _ctx.disabled }]),
-        disabled: _ctx.disabled
+        class: normalizeClass(["chip-container", { selected: __props.selected, disabled: __props.disabled }]),
+        disabled: __props.disabled,
+        "data-testid": `${__props.testId}-${unref(ChipTestIdModifiers).WRAPPER}`
       }, [
         _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
           renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("span", null, [
-          !!_ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.prefix) + ":", 1)) : createCommentVNode("", true),
+          !!__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.prefix) + ":", 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _ctx.$slots["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_4, [
           renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.clearable ? (openBlock(), createElementBlock("button", {
+        __props.clearable ? (openBlock(), createElementBlock("button", {
           key: 2,
           class: "clear-icon",
+          "data-testid": `${__props.testId}-${unref(ChipTestIdModifiers).CLEAR}`,
           onClick: cleared
         }, [
           createVNode(unref(Icon), {
-            name: "close",
+            name: "close-bold",
             "font-size": "sm"
           })
-        ])) : createCommentVNode("", true)
+        ], 8, _hoisted_5)) : createCommentVNode("", true)
       ], 10, _hoisted_1);
     };
   }
 });
-var Chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68f9a601"]]);
+var Chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d0f8d76"]]);
 
 export { Chip as default };

package/components/chip/index.d.ts

@@ -1,4 +1,9 @@
 declare const ChipTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -20,6 +25,11 @@ declare const ChipTypes: () => import("vue").DefineComponent<{
         default: any;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cleared"[], "cleared", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -43,10 +53,11 @@ declare const ChipTypes: () => import("vue").DefineComponent<{
 }>> & {
     onCleared?: (...args: any[]) => any;
 }, {
+    testId: string;
     disabled: boolean;
     selected: boolean;
     clearable: boolean;
     prefix: string;
-}, {}>[];
+}>[];
 export { default as Chip } from './Chip.vue';
 export { ChipTypes };

package/components/datePicker/DatePicker.vue.d.ts

@@ -4,12 +4,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     allowFutureDates?: boolean;
     dateFormat?: string;
     placeholder?: string;
+    testId?: string;
 }>, {
     uniqueId: number;
     modelValue: any;
     dateFormat: string;
     placeholder: string;
     allowFutureDates: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | Date) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -18,21 +20,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     allowFutureDates?: boolean;
     dateFormat?: string;
     placeholder?: string;
+    testId?: string;
 }>, {
     uniqueId: number;
     modelValue: any;
     dateFormat: string;
     placeholder: string;
     allowFutureDates: boolean;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (val: string | Date) => any;
 }, {
+    testId: string;
     modelValue: Date | string;
     placeholder: string;
     uniqueId: string | number;
     allowFutureDates: boolean;
     dateFormat: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/datePicker/DatePicker.vue.js

@@ -1,21 +1,23 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, unref, renderSlot, withDirectives, vModelText, normalizeClass, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, unref, createElementVNode, renderSlot, withDirectives, isRef, vModelText, normalizeClass, createVNode, createCommentVNode } from 'vue';
 import { onClickOutside } from '@vueuse/core';
 import { useToggle } from '../../composables/useToggle.vue.js';
 import DatePickerMonth from './DatePickerMonth.vue.js';
 import { isValid, format, parse, isFuture } from 'date-fns';
+import { DatePickerTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["placeholder"];
-const _sfc_main = defineComponent({
+const _hoisted_1 = ["id", "data-testid"];
+const _hoisted_2 = ["placeholder", "data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     uniqueId: { default: Date.now() },
     modelValue: { default: null },
     allowFutureDates: { type: Boolean, default: false },
     dateFormat: { default: "yyyy-MM-d" },
-    placeholder: { default: "" }
+    placeholder: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -79,27 +81,29 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: componentId.value,
+        id: unref(componentId),
         ref_key: "datePicker",
         ref: datePicker,
-        class: "date-picker"
+        class: "date-picker",
+        "data-testid": `${__props.testId}-${unref(DatePickerTestIdModifiers).WRAPPER}`
       }, [
         createElementVNode("div", {
           ref_key: "buttonRef",
           ref: buttonRef,
           onClick: _cache[2] || (_cache[2] = ($event) => unref(toggle)())
         }, [
-          renderSlot(_ctx.$slots, "default", { formattedDate: formattedValue.value }, () => [
+          renderSlot(_ctx.$slots, "default", { formattedDate: unref(formattedValue) }, () => [
             withDirectives(createElementVNode("input", {
               ref_key: "input",
               ref: input,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null),
               type: "text",
               class: "input",
-              placeholder: _ctx.placeholder,
+              placeholder: __props.placeholder,
+              "data-testid": `${__props.testId}-${unref(DatePickerTestIdModifiers).INPUT}`,
               onInput: _cache[1] || (_cache[1] = ($event) => handleInput($event))
             }, null, 40, _hoisted_2), [
-              [vModelText, formattedValue.value]
+              [vModelText, unref(formattedValue)]
             ])
           ], true)
         ], 512),
@@ -107,19 +111,20 @@ const _sfc_main = defineComponent({
           key: 0,
           ref_key: "popup",
           ref: popup,
-          class: normalizeClass(["date-picker-popup", { "align-right": nearTheEdge.value }])
+          class: normalizeClass(["date-picker-popup", { "align-right": unref(nearTheEdge) }])
         }, [
           createVNode(DatePickerMonth, {
-            id: componentId.value + "-month",
-            "model-value": valueAsDate.value,
-            "allow-future-dates": _ctx.allowFutureDates,
+            id: unref(componentId) + "-month",
+            "model-value": unref(valueAsDate),
+            "allow-future-dates": __props.allowFutureDates,
+            "test-id": __props.testId,
             "onUpdate:modelValue": updateValue
-          }, null, 8, ["id", "model-value", "allow-future-dates"])
+          }, null, 8, ["id", "model-value", "allow-future-dates", "test-id"])
         ], 2)) : createCommentVNode("", true)
       ], 8, _hoisted_1);
     };
   }
 });
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1f4328e0"]]);
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71f15c18"]]);
 
 export { DatePicker as default };

package/components/datePicker/DatePickerMonth.vue.d.ts

@@ -3,29 +3,34 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue?: Date;
     includeToday?: boolean;
     allowFutureDates?: boolean;
+    testId?: string;
 }>, {
     uniqueId: number;
     modelValue: any;
     includeToday: boolean;
     allowFutureDates: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     uniqueId?: string | number;
     modelValue?: Date;
     includeToday?: boolean;
     allowFutureDates?: boolean;
+    testId?: string;
 }>, {
     uniqueId: number;
     modelValue: any;
     includeToday: boolean;
     allowFutureDates: boolean;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
+    testId: string;
     modelValue: Date;
     uniqueId: string | number;
     includeToday: boolean;
     allowFutureDates: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/datePicker/DatePickerMonth.vue.js

@@ -6,13 +6,14 @@ import { startOfMonth, differenceInMonths, addMonths, subMonths } from 'date-fns
 /* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatePickerMonth",
   props: {
     uniqueId: { default: Date.now() },
     modelValue: { default: null },
     includeToday: { type: Boolean, default: true },
-    allowFutureDates: { type: Boolean, default: false }
+    allowFutureDates: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -79,21 +80,22 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(CalendarMonth, {
-        id: _ctx.uniqueId,
+        id: __props.uniqueId,
         type: "month",
         class: "date-picker-month",
-        range: selectedRange.value,
-        navigation: navigation.value,
+        range: unref(selectedRange),
+        navigation: unref(navigation),
         year: unref(monthData).year,
         days: unref(monthData).days,
         weeks: unref(monthData).weeks,
         month: unref(monthData).month,
+        "test-id": __props.testId,
         onSelectionChanged: handleSelection,
         onNavigation: handleNavigation
-      }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month"]);
+      }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month", "test-id"]);
     };
   }
 });
-var DatePickerMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7dbe885c"]]);
+var DatePickerMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79208613"]]);
 
 export { DatePickerMonth as default };

package/components/datePicker/index.d.ts

@@ -1,4 +1,9 @@
 declare const DatePickerTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<string | Date>;
     } & {
@@ -27,6 +32,11 @@ declare const DatePickerTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | Date) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<string | Date>;
     } & {
@@ -55,11 +65,12 @@ declare const DatePickerTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (val: string | Date) => any;
 }, {
+    testId: string;
     modelValue: string | Date;
     placeholder: string;
     uniqueId: string | number;
     allowFutureDates: boolean;
     dateFormat: string;
-}, {}>[];
+}>[];
 export { default as DatePicker } from './DatePicker.vue';
 export { DatePickerTypes };

package/components/dateRange/CalendarMonth.vue.d.ts

@@ -15,10 +15,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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" | "selectionChanged")[], "navigation" | "selectionChanged", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     year: number;
     days: Record<string, Day>;
@@ -35,18 +37,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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> = {

package/components/dateRange/CalendarMonth.vue.js

@@ -1,35 +1,36 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createElementVNode, unref, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, unref, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass } from 'vue';
 import dateServices from './DateServices.vue.js';
 import { navigatePrev, navigateNext } from './consts.vue.js';
 import Heading from '../typography/Heading.vue.js';
 import Text from '../typography/Text.vue.js';
-import '../button/Button.vue.js';
-import IconButton from '../button/IconButton.vue.js';
-import '../button/ScrollButton.vue.js';
-import { isBefore, isAfter, isSameDay } from 'date-fns';
+import Icon from '../icon/Icon.vue.js';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+import { CalendarMonthTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import { isBefore, isAfter, isSameDay } from 'date-fns';
 import AngleLeft from '../icon/icons/AngleLeft.vue.js';
 import AngleRight from '../icon/icons/AngleRight.vue.js';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                               */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                               */
 import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { class: "month-header" };
-const _hoisted_3 = { class: "days-header" };
-const _hoisted_4 = { class: "days-wrapper" };
-const _sfc_main = defineComponent({
+const _hoisted_1 = ["id", "data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["data-testid"];
+const _hoisted_4 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CalendarMonth",
   props: {
-    year: {},
-    days: {},
-    weeks: {},
-    month: {},
-    navigation: {},
-    range: {},
-    type: {},
+    year: null,
+    days: null,
+    weeks: null,
+    month: null,
+    navigation: null,
+    range: null,
+    type: null,
     id: { default: Date.now() },
     allowedDays: { default: null },
-    maxAllowedDate: { default: null }
+    maxAllowedDate: { default: null },
+    testId: { default: "" }
   },
   emits: ["selectionChanged", "navigation"],
   setup(__props, { emit }) {
@@ -219,17 +220,19 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: "datepickerCalendar" + _ctx.id,
-        class: "calendar-month"
+        id: "datepickerCalendar" + __props.id,
+        class: "calendar-month",
+        "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).WRAPPER}`
       }, [
         createElementVNode("span", {
           onClick: _cache[0] || (_cache[0] = ($event) => navigate(unref(navigatePrev)))
         }, [
-          _ctx.navigation === unref(navigatePrev) || _ctx.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
+          __props.navigation === unref(navigatePrev) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
             key: 0,
             variant: "borderless",
             size: "md",
-            class: "previous"
+            class: "previous",
+            "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).PREVIOUS}`
           }, {
             default: withCtx(() => [
               createVNode(Icon, null, {
@@ -240,16 +243,17 @@ const _sfc_main = defineComponent({
               })
             ]),
             _: 1
-          })) : createCommentVNode("", true)
+          }, 8, ["data-testid"])) : createCommentVNode("", true)
         ]),
         createElementVNode("span", {
           onClick: _cache[1] || (_cache[1] = ($event) => navigate(unref(navigateNext)))
         }, [
-          _ctx.navigation === unref(navigateNext) || _ctx.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
+          __props.navigation === unref(navigateNext) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
             key: 0,
             class: "next",
             variant: "borderless",
-            size: "md"
+            size: "md",
+            "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).NEXT}`
           }, {
             default: withCtx(() => [
               createVNode(Icon, null, {
@@ -260,16 +264,25 @@ const _sfc_main = defineComponent({
               })
             ]),
             _: 1
-          })) : createCommentVNode("", true)
+          }, 8, ["data-testid"])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_2, [
-          createVNode(Heading, { level: "6" }, {
+        createElementVNode("div", {
+          class: "month-header",
+          "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).MONTH_HEADER}`
+        }, [
+          createVNode(Heading, {
+            level: "6",
+            "test-id": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).MONTH_HEADER_TEXT}`
+          }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(monthName.value) + " " + toDisplayString(_ctx.year), 1)
+              createTextVNode(toDisplayString(unref(monthName)) + " " + toDisplayString(__props.year), 1)
             ]),
             _: 1
-          }),
-          createElementVNode("div", _hoisted_3, [
+          }, 8, ["test-id"]),
+          createElementVNode("div", {
+            class: "days-header",
+            "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).DAYS_HEADER}`
+          }, [
             (openBlock(), createElementBlock(Fragment, null, renderList(dayNames, (weekDay, index) => {
               return createVNode(unref(Text), {
                 key: index,
@@ -281,10 +294,13 @@ const _sfc_main = defineComponent({
                 _: 2
               }, 1024);
             }), 64))
-          ])
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (week, weekIndex) => {
+          ], 8, _hoisted_3)
+        ], 8, _hoisted_2),
+        createElementVNode("div", {
+          class: "days-wrapper",
+          "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).DAYS_WRAPPER}`
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.weeks, (week, weekIndex) => {
             return openBlock(), createElementBlock("div", { key: weekIndex }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(week, (day, dayIndex) => {
                 return openBlock(), createBlock(unref(Text), {
@@ -299,21 +315,22 @@ const _sfc_main = defineComponent({
                     "end-day": isEndDay(day)
                   }]),
                   size: "sm",
+                  "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).DAY}-${day.value}`,
                   onClick: ($event) => day.disabled || day.isFuture || selectDay(day)
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(day.value), 1)
                   ]),
                   _: 2
-                }, 1032, ["class", "onClick"]);
+                }, 1032, ["class", "data-testid", "onClick"]);
               }), 128))
             ]);
           }), 128))
-        ])
+        ], 8, _hoisted_4)
       ], 8, _hoisted_1);
     };
   }
 });
-var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6b53aec"]]);
+var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aeb1d6d4"]]);
 
 export { CalendarMonth as default };

package/components/dateRange/DateRange.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     openOnTop: boolean;
     showPresets: boolean;
     maxDate?: Date;
+    testId?: string;
 }>, {
     types: () => string[];
     includeToday: boolean;
@@ -31,6 +32,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: any;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed")[], "opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     range: {
         from: Date;
@@ -49,6 +51,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     openOnTop: boolean;
     showPresets: boolean;
     maxDate?: Date;
+    testId?: string;
 }>, {
     types: () => string[];
     includeToday: boolean;
@@ -63,6 +66,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: any;
+    testId: string;
 }>>> & {
     onOpened?: (...args: any[]) => any;
     onRangeTypeChanged?: (...args: any[]) => any;
@@ -71,6 +75,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onDateRangePresetNameChanged?: (...args: any[]) => any;
     onDismissed?: (...args: any[]) => any;
 }, {
+    testId: string;
     disabled: boolean;
     allowedDays: number;
     uniqueId: string | number;
@@ -84,7 +89,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {