@ironsource/shared-ui 2.1.6-rc.43 → 2.1.6-rc.45

package/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css

@@ -0,0 +1 @@
+.label[data-v-acd3440c]{color:#41454d}.days-wrapper[data-v-acd3440c]{color:#53575b}.days-wrapper .day[data-v-acd3440c]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-acd3440c]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#f1f3f4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-acd3440c]:after{content:"";background:#3083ff;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-acd3440c]:after,.days-wrapper .day.today.selected-day-between[data-v-acd3440c]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-acd3440c]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-acd3440c]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-acd3440c]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-acd3440c]:before{content:"";display:block;position:absolute;background:#3083ff;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-acd3440c]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-acd3440c]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-acd3440c]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-acd3440c]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-acd3440c]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-acd3440c]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-acd3440c]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-acd3440c]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-acd3440c]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-acd3440c]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-acd3440c]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-acd3440c],.calendar-month .previous[data-v-acd3440c]{transform:translateY(8px)}.calendar-month .previous[data-v-acd3440c]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css

@@ -0,0 +1 @@
+.label[data-v-b0d3ea50]{color:#41454d}.days-wrapper .date-wrapper[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer;color:var(--text-Primary, #202020)}.days-wrapper .day[data-v-b0d3ea50]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.today[data-v-b0d3ea50]:after{content:"";background:var(--primary-main, #0091ff);position:absolute;text-align:center;width:4px;height:4px;border-radius:var(--borderRadius-full, 100px);bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-b0d3ea50]:after,.days-wrapper .day.today.selected-day-between[data-v-b0d3ea50]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-b0d3ea50]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-b0d3ea50]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-b0d3ea50]{background:var(--primary-main, #0091ff)!important;border-radius:var(--borderRadius-full, 100px);color:var(--common-white, #fff)}.days-wrapper .day.selected-day[data-v-b0d3ea50]:hover{color:var(--common-white, #fff)}.days-wrapper .day.disabled-day[data-v-b0d3ea50]{color:var(--text-disabled, #bbb);cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-b0d3ea50]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-b0d3ea50]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header span[data-v-b0d3ea50]{width:32px;display:inline-block;display:inline-flex;text-align:center;height:32px;justify-content:center;align-items:center}.calendar-month .month-header[data-v-b0d3ea50]{display:flex;height:var(--spacing-500, 40px);padding:8px 0;align-items:center;gap:8px;align-self:stretch;text-align:center;flex-direction:column}.calendar-month .month-header .month-name[data-v-b0d3ea50]{color:var(--text-primary, #202020)}.calendar-month .week-day[data-v-b0d3ea50]{color:var(--text-secondary, #646464);text-align:center}.calendar-month .next[data-v-b0d3ea50]{right:1px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-b0d3ea50],.calendar-month .previous[data-v-b0d3ea50]{transform:translateY(8px)}.calendar-month .previous[data-v-b0d3ea50]{left:1px;cursor:pointer;position:absolute;z-index:16}

package/DatePicker.vue_vue_type_style_index_0_scoped_67b44cbe_lang.css

@@ -0,0 +1 @@
+.label[data-v-67b44cbe]{color:#41454d}.date-picker[data-v-67b44cbe]{position:relative}.date-picker .input[data-v-67b44cbe]{max-width:100%}.date-picker-popup[data-v-67b44cbe]{width:252px;padding:16px;position:absolute;top:38px;left:0;z-index:1000!important;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000004d}.date-picker-popup.align-right[data-v-67b44cbe]{left:inherit;right:0}

package/DatePickerMonth.vue_vue_type_style_index_0_scoped_929d3028_lang.css

@@ -0,0 +1 @@
+.label[data-v-929d3028]{color:#41454d}

package/DatePickerMonthV4.vue_vue_type_style_index_0_scoped_11288104_lang.css

@@ -0,0 +1 @@
+.label[data-v-11288104]{color:#41454d}

package/DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css

@@ -0,0 +1 @@
+.label[data-v-39e6c10c]{color:#41454d}.date-picker[data-v-39e6c10c]{position:relative}.date-picker .input[data-v-39e6c10c]{max-width:100%}.date-picker-popup[data-v-39e6c10c]{width:258px;padding:16px;position:absolute;top:33px;left:0;z-index:1000!important;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.date-picker-popup.align-right[data-v-39e6c10c]{left:inherit;right:0}

package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css

@@ -0,0 +1 @@
+.label[data-v-70e316e9]{color:#41454d}.pop-up[data-v-70e316e9]{width:652px;position:absolute;z-index:1000;top:32px;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;background-color:#fff;border-radius:8px;left:1px;overflow:hidden}.pop-up.open-on-top[data-v-70e316e9]{top:0}.pop-up.hide-presets[data-v-70e316e9],.pop-up.hide-presets .calendar-wrap[data-v-70e316e9]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-70e316e9]{padding:15px 16px}.pop-up .date-picker-menu[data-v-70e316e9]{width:164px;background:#ffffff;vertical-align:top}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]:hover{background:#f1f3f4}.pop-up .date-picker-menu .selected-preset[data-v-70e316e9]{background:#e2eeff!important;color:#3083ff}.pop-up .date-picker-menu li[data-v-70e316e9]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-70e316e9]{left:-1px}.pop-up .date-picker-calendar[data-v-70e316e9]{box-sizing:border-box;height:100%;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px}.pop-up .calendars-wrapper[data-v-70e316e9]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-70e316e9]{list-style:none;margin:0;padding:12px 16px 12px 12px;line-height:32px}.pop-up .buttons-cover[data-v-70e316e9]{height:48px;padding:0 16px 0 0;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;display:grid;grid-template-columns:auto 250px;align-items:center}.pop-up button[data-v-70e316e9]{float:right;margin-left:4px}.pop-up .error[data-v-70e316e9]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-70e316e9]{display:inline-block}.pop-up.right[data-v-70e316e9]{left:initial;right:1px}.calendar-wrap[data-v-70e316e9]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-70e316e9]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-70e316e9]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-70e316e9]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-70e316e9]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-70e316e9]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-70e316e9]{padding-left:12px}.date-range-field.no-button-limit[data-v-70e316e9]{overflow:visible}.date-range-field.no-button-limit span[data-v-70e316e9]{width:100%;line-height:22px}.date-range-field span[data-v-70e316e9]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-70e316e9]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-70e316e9]:after{border-top-color:#8e959d}.pop-up-content[data-v-70e316e9]{margin-top:1px}.type-message[data-v-70e316e9]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-70e316e9]{position:relative}.space-right[data-v-70e316e9]{margin-right:13px}.space-left[data-v-70e316e9]{margin-left:9px}.top-date[data-v-70e316e9]{line-height:13px}.flex[data-v-70e316e9]{display:flex}

package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css

@@ -0,0 +1 @@
+.label[data-v-f81413ec]{color:#41454d}.pop-up[data-v-f81413ec]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-f81413ec]{top:0}.pop-up.hide-presets[data-v-f81413ec],.pop-up.hide-presets .calendar-wrap[data-v-f81413ec]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-f81413ec]{padding:15px 16px}.pop-up .date-picker-menu[data-v-f81413ec]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-f81413ec]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-f81413ec]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-f81413ec]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-f81413ec]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-f81413ec]{left:-1px}.pop-up .date-picker-calendar[data-v-f81413ec]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-f81413ec]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-f81413ec]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-f81413ec]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-f81413ec]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-f81413ec]{float:right;margin-left:8px}.pop-up .error[data-v-f81413ec]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-f81413ec]{display:inline-block}.pop-up.right[data-v-f81413ec]{left:initial;right:1px}.calendar-wrap[data-v-f81413ec]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-f81413ec]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-f81413ec]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-f81413ec]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-f81413ec]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-f81413ec]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-f81413ec]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-f81413ec]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-f81413ec]{padding-left:12px}.date-range-field.no-button-limit[data-v-f81413ec]{overflow:visible}.date-range-field.no-button-limit span[data-v-f81413ec]{width:100%;line-height:22px}.date-range-field span[data-v-f81413ec]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-f81413ec]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-f81413ec]:after{border-top-color:#8e959d}.pop-up-content[data-v-f81413ec]{margin-top:1px}.type-message[data-v-f81413ec]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-f81413ec]{position:relative}.space-right[data-v-f81413ec]{margin-right:13px}.space-left[data-v-f81413ec]{margin-left:9px}.top-date[data-v-f81413ec]{line-height:13px}.flex[data-v-f81413ec]{display:flex}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_a089480a_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-a089480a]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-a089480a]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-a089480a]{position:sticky;top:0;z-index:calc(var(--13cc4a84) + 3)}.multi-table-container[data-v-a089480a] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-a089480a] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-a089480a] thead.sticky{top:62px}

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

@@ -0,0 +1,11 @@
+export declare const dataPickerCommon: (props: any, emit: any) => {
+    close: () => void;
+    handleInput: (event: Event) => void;
+    updateValue: (value: Date | null) => void;
+    toggle: (value?: boolean) => boolean;
+    isOpen: import("vue").Ref<boolean>;
+    componentId: import("vue").ComputedRef<string>;
+    formattedValue: import("vue").ComputedRef<any>;
+    nearTheEdge: import("vue").ComputedRef<boolean>;
+    valueAsDate: import("vue").ComputedRef<Date>;
+};

package/components/datePicker/common/DatePicker.common.js

@@ -0,0 +1,52 @@
+import { onClickOutside as h } from "@vueuse/core";
+import { ref as m, computed as a } from "vue";
+import { useToggle as p } from "../../../composables/useToggle.js";
+import { isValid as d, format as k, parse as F, isFuture as C } from "date-fns";
+const T = (t, c) => {
+  const u = m(null), f = m(null), [l, s] = p({ initialValue: !1 }), o = () => {
+    s(!1);
+  }, g = (e) => {
+    const n = e.target.value;
+    if (!l.value) {
+      c("update:modelValue", n);
+      return;
+    }
+    const i = F(n, t.dateFormat, /* @__PURE__ */ new Date());
+    n.trim() || r(null), d(i) && (!t.allowFutureDates && C(i) || r(i));
+  }, r = (e) => {
+    o(), c("update:modelValue", e);
+  }, V = a(() => `datePicker${t.uniqueId || Math.random().toString().substring(2, 7)}`), D = a(() => {
+    const e = new Date(t.modelValue);
+    return d(t.modelValue) ? k(e, t.dateFormat) : t.modelValue;
+  }), v = a(() => {
+    if (!u.value || !l)
+      return !1;
+    const e = u.value.getBoundingClientRect(), n = 232;
+    return window.innerWidth - (e.x + n) < 0;
+  }), w = a(() => {
+    if (!t.modelValue)
+      return null;
+    const e = new Date(t.modelValue);
+    return d(e) ? e : null;
+  });
+  return h(
+    f,
+    () => {
+      o();
+    },
+    { ignore: [u] }
+  ), {
+    close: o,
+    handleInput: g,
+    updateValue: r,
+    toggle: s,
+    isOpen: l,
+    componentId: V,
+    formattedValue: D,
+    nearTheEdge: v,
+    valueAsDate: w
+  };
+};
+export {
+  T as dataPickerCommon
+};

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

@@ -0,0 +1,85 @@
+export declare const dataPickerMonthCommon: (props: any, emit: any) => {
+    monthData: import("vue").Ref<{
+        weeks: {
+            value?: number;
+            isToday?: boolean;
+            date?: {
+                toString: () => string;
+                toDateString: () => string;
+                toTimeString: () => string;
+                toLocaleString: {
+                    (): string;
+                    (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                    (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+                };
+                toLocaleDateString: {
+                    (): string;
+                    (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                    (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+                };
+                toLocaleTimeString: {
+                    (): string;
+                    (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                    (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+                };
+                valueOf: () => number;
+                getTime: () => number;
+                getFullYear: () => number;
+                getUTCFullYear: () => number;
+                getMonth: () => number;
+                getUTCMonth: () => number;
+                getDate: () => number;
+                getUTCDate: () => number;
+                getDay: () => number;
+                getUTCDay: () => number;
+                getHours: () => number;
+                getUTCHours: () => number;
+                getMinutes: () => number;
+                getUTCMinutes: () => number;
+                getSeconds: () => number;
+                getUTCSeconds: () => number;
+                getMilliseconds: () => number;
+                getUTCMilliseconds: () => number;
+                getTimezoneOffset: () => number;
+                setTime: (time: number) => number;
+                setMilliseconds: (ms: number) => number;
+                setUTCMilliseconds: (ms: number) => number;
+                setSeconds: (sec: number, ms?: number) => number;
+                setUTCSeconds: (sec: number, ms?: number) => number;
+                setMinutes: (min: number, sec?: number, ms?: number) => number;
+                setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+                setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+                setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+                setDate: (date: number) => number;
+                setUTCDate: (date: number) => number;
+                setMonth: (month: number, date?: number) => number;
+                setUTCMonth: (month: number, date?: number) => number;
+                setFullYear: (year: number, month?: number, date?: number) => number;
+                setUTCFullYear: (year: number, month?: number, date?: number) => number;
+                toUTCString: () => string;
+                toISOString: () => string;
+                toJSON: (key?: any) => string;
+                [Symbol.toPrimitive]: {
+                    (hint: "default"): string;
+                    (hint: "string"): string;
+                    (hint: "number"): number;
+                    (hint: string): string | number;
+                };
+            };
+            isFuture?: boolean;
+            disabled?: boolean;
+        }[][];
+        days: Record<string, import("../../dateRange/common/DateServices.common").Day>;
+        month: number;
+        year: number;
+    }>;
+    handleNavigation: (direction: 'next' | 'previous') => void;
+    navigation: import("vue").ComputedRef<"all" | "previous">;
+    selectedRange: import("vue").ComputedRef<{
+        fromStart: Date;
+        fromEnd: Date;
+        toStart: Date;
+        toEnd: Date;
+    }>;
+    handleSelection: (day: any) => void;
+};

package/components/datePicker/common/DatePickerMonth.common.js

@@ -0,0 +1,66 @@
+import r from "../../dateRange/common/DateServices.common.js";
+import { ref as g, watch as c, onMounted as D, computed as m } from "vue";
+import { navigateNext as M } from "../../dateRange/common/consts.common.js";
+import { startOfMonth as w, differenceInMonths as s, addMonths as C, subMonths as F } from "date-fns";
+const x = (a, d) => {
+  const o = (e) => {
+    const n = e.getMonth(), u = e.getFullYear();
+    return r.createMonth(
+      n,
+      u,
+      a.includeToday,
+      !a.allowFutureDates
+    );
+  }, t = g(o(r.getCurrentTimeUTC())), l = () => {
+    const e = a.modelValue || r.getCurrentTimeUTC();
+    t.value = o(e);
+  }, i = (e) => {
+    const n = new Date(t.value.year, t.value.month), u = e === M ? C(n, 1) : F(n, 1);
+    t.value = o(u);
+  };
+  c(
+    () => a.modelValue,
+    () => {
+      l();
+    }
+  ), c(
+    () => a.allowFutureDates,
+    () => {
+      t.value = o(
+        new Date(t.value.year, t.value.month)
+      );
+    }
+  );
+  const h = (e) => {
+    const n = e || null;
+    return {
+      fromStart: n,
+      fromEnd: n,
+      toStart: n,
+      toEnd: n
+    };
+  };
+  D(() => {
+    l();
+  });
+  const v = m(() => {
+    if (a.allowFutureDates)
+      return "all";
+    const e = w(r.getCurrentTimeUTC());
+    s(t.value.year, t.value.month);
+    const n = new Date(t.value.year, t.value.month);
+    return s(n, e) >= 0 ? "previous" : "all";
+  }), f = m(() => h(a.modelValue));
+  return {
+    monthData: t,
+    handleNavigation: i,
+    navigation: v,
+    selectedRange: f,
+    handleSelection: (e) => {
+      e.isFuture || d("update:modelValue", e.date);
+    }
+  };
+};
+export {
+  x as dataPickerMonthCommon
+};

package/components/datePicker/{DatePicker.vue.d.ts → v3/DatePicker.vue.d.ts}

@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     dateFormat: string;
 }>, {
     default?(_: {
-        formattedDate: string | Date;
+        formattedDate: any;
     }): any;
 }>;
 export default _default;

package/components/datePicker/v3/DatePicker.vue.js

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

package/components/datePicker/v3/DatePicker.vue2.js

@@ -0,0 +1,69 @@
+ import "../../../DatePicker.vue_vue_type_style_index_0_scoped_67b44cbe_lang.css"; import { defineComponent as D, openBlock as u, createElementBlock as n, unref as e, createElementVNode as r, renderSlot as P, withDirectives as h, isRef as y, vModelText as w, normalizeClass as $, createVNode as g, createCommentVNode as C } from "vue";
+import M from "./DatePickerMonth.vue.js";
+import { DatePickerTestIdModifiers as i } from "../../../testids/index.js";
+import { dataPickerCommon as E } from "../common/DatePicker.common.js";
+const N = ["id", "data-testid"], R = ["placeholder", "data-testid"], F = /* @__PURE__ */ D({
+  __name: "DatePicker",
+  props: {
+    uniqueId: { default: Date.now() },
+    modelValue: { default: null },
+    allowFutureDates: { type: Boolean, default: !1 },
+    dateFormat: { default: "yyyy-MM-d" },
+    placeholder: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: s }) {
+    const m = t, {
+      handleInput: p,
+      toggle: f,
+      updateValue: c,
+      isOpen: k,
+      componentId: o,
+      formattedValue: d,
+      nearTheEdge: v,
+      valueAsDate: I
+    } = E(m, s);
+    return (V, a) => (u(), n("div", {
+      id: e(o),
+      ref: "datePicker",
+      class: "date-picker",
+      "data-testid": `${t.testId}-${e(i).WRAPPER}`
+    }, [
+      r("div", {
+        ref: "buttonRef",
+        onClick: a[2] || (a[2] = (l) => e(f)())
+      }, [
+        P(V.$slots, "default", { formattedDate: e(d) }, () => [
+          h(r("input", {
+            ref: "input",
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => y(d) ? d.value = l : null),
+            type: "text",
+            class: "input",
+            placeholder: t.placeholder,
+            "data-testid": `${t.testId}-${e(i).INPUT}`,
+            onInput: a[1] || (a[1] = (l) => e(p)(l))
+          }, null, 40, R), [
+            [w, e(d)]
+          ])
+        ], !0)
+      ], 512),
+      e(k) ? (u(), n("div", {
+        key: 0,
+        ref: "popup",
+        class: $(["date-picker-popup", { "align-right": e(v) }])
+      }, [
+        g(M, {
+          id: e(o) + "-month",
+          "model-value": e(I),
+          "allow-future-dates": t.allowFutureDates,
+          "test-id": t.testId,
+          "onUpdate:modelValue": e(c)
+        }, null, 8, ["id", "model-value", "allow-future-dates", "test-id", "onUpdate:modelValue"])
+      ], 2)) : C("", !0)
+    ], 8, N));
+  }
+});
+export {
+  F as default
+};

package/components/datePicker/v3/DatePickerMonth.vue.js

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

package/components/datePicker/v3/DatePickerMonth.vue2.js

@@ -0,0 +1,40 @@
+ import "../../../DatePickerMonth.vue_vue_type_style_index_0_scoped_929d3028_lang.css"; import { defineComponent as u, openBlock as s, createBlock as m, unref as e } from "vue";
+import c from "../../dateRange/v3/CalendarMonth.vue.js";
+import { dataPickerMonthCommon as h } from "../common/DatePickerMonth.common.js";
+const v = /* @__PURE__ */ u({
+  __name: "DatePickerMonth",
+  props: {
+    uniqueId: { default: Date.now() },
+    modelValue: { default: null },
+    includeToday: { type: Boolean, default: !0 },
+    allowFutureDates: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: n }) {
+    const o = a, {
+      monthData: t,
+      handleNavigation: d,
+      navigation: i,
+      selectedRange: l,
+      handleSelection: r
+    } = h(o, n);
+    return (f, p) => (s(), m(c, {
+      id: a.uniqueId,
+      type: "month",
+      class: "date-picker-month",
+      range: e(l),
+      navigation: e(i),
+      year: e(t).year,
+      days: e(t).days,
+      weeks: e(t).weeks,
+      month: e(t).month,
+      "test-id": a.testId,
+      onSelectionChanged: e(r),
+      onNavigation: e(d)
+    }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month", "test-id", "onSelectionChanged", "onNavigation"]));
+  }
+});
+export {
+  v as default
+};

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

@@ -1,3 +1,4 @@
+import { default as DatePicker } from './DatePicker.vue';
 declare const DatePickerTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -176,9 +177,8 @@ declare const DatePickerTypes: () => ({
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {
-            formattedDate: string | Date;
+            formattedDate: any;
         }): any;
     };
 }))[];
-export { default as DatePicker } from './DatePicker.vue';
-export { DatePickerTypes };
+export { DatePicker, DatePickerTypes };

package/components/datePicker/v4/DatePickerMonthV4.vue.d.ts

@@ -0,0 +1,53 @@
+declare const _default: import("vue").DefineComponent<__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;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, 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> = {
+    [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/datePicker/v4/DatePickerMonthV4.vue.js

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

package/components/datePicker/v4/DatePickerMonthV4.vue2.js

@@ -0,0 +1,40 @@
+ import "../../../DatePickerMonthV4.vue_vue_type_style_index_0_scoped_11288104_lang.css"; import { defineComponent as u, openBlock as s, createBlock as m, unref as e } from "vue";
+import c from "../../dateRange/v4/CalendarMonthV4.vue.js";
+import { dataPickerMonthCommon as h } from "../common/DatePickerMonth.common.js";
+const v = /* @__PURE__ */ u({
+  __name: "DatePickerMonthV4",
+  props: {
+    uniqueId: { default: Date.now() },
+    modelValue: { default: null },
+    includeToday: { type: Boolean, default: !0 },
+    allowFutureDates: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: n }) {
+    const o = a, {
+      monthData: t,
+      handleNavigation: d,
+      navigation: i,
+      selectedRange: l,
+      handleSelection: r
+    } = h(o, n);
+    return (f, p) => (s(), m(c, {
+      id: a.uniqueId,
+      type: "month",
+      class: "date-picker-month",
+      range: e(l),
+      navigation: e(i),
+      year: e(t).year,
+      days: e(t).days,
+      weeks: e(t).weeks,
+      month: e(t).month,
+      "test-id": a.testId,
+      onSelectionChanged: e(r),
+      onNavigation: e(d)
+    }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month", "test-id", "onSelectionChanged", "onNavigation"]));
+  }
+});
+export {
+  v as default
+};

package/components/datePicker/v4/DatePickerV4.vue.d.ts

@@ -0,0 +1,67 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    uniqueId?: string | number;
+    modelValue?: string | Date;
+    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<{
+    uniqueId?: string | number;
+    modelValue?: string | Date;
+    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: string | Date;
+    placeholder: string;
+    uniqueId: string | number;
+    allowFutureDates: boolean;
+    dateFormat: string;
+}>, {
+    default?(_: {
+        formattedDate: any;
+    }): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/datePicker/v4/DatePickerV4.vue.js

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