@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-rc.5

package/components/dateRange/CalendarMonth.vue.js

@@ -1,336 +1,7 @@
-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 Icon from '../icon/v3/Icon.vue.js';
-import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                   */import IconButton from '../button/v3/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/v3/icons/AngleLeft.vue.js';
-import AngleRight from '../icon/v3/icons/AngleRight.vue.js';
-/* empty css                                                               */
-import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
-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: 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(__props, { emit }) {
-    const props = __props;
-    const months = [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ];
-    const dayNames = ["S", "M", "T", "W", "T", "F", "S"];
-    const selectedDays = ref([]);
-    const selectedDaysMap = ref({});
-    const inBetweenMap = ref({});
-    const monthName = computed(() => months[props.month]);
-    const selectDay = (day) => {
-      if (day.value === 0) {
-        return;
-      }
-      emit("selectionChanged", day, props.month, props.year);
-    };
-    const navigate = (navigation) => {
-      emit("navigation", navigation);
-    };
-    const isMonthInRange = () => {
-      if (!props.range.fromStart || !props.range.toEnd) {
-        return false;
-      }
-      const fromMonth = props.range.fromStart.getMonth();
-      const fromYear = props.range.fromStart.getFullYear();
-      const toMonth = props.range.toEnd.getMonth();
-      const toYear = props.range.toEnd.getFullYear();
-      if (props.year < fromYear || props.year > toYear) {
-        return false;
-      }
-      return !(props.year === fromYear && props.month < fromMonth || props.year === toYear && props.month > toMonth);
-    };
-    const getFirstDayInRangeForMonth = (date, month) => {
-      if (date.getMonth() < month.month && date.getFullYear() === month.year || date.getFullYear() < month.year) {
-        return 1;
-      }
-      if (date.getMonth() === month.month && date.getFullYear() === month.year) {
-        return date.getDate();
-      }
-      return dateServices.daysInMonth(month.month, month.year);
-    };
-    const getLastDayInRangeForMonth = (date, month) => {
-      if (date.getMonth() > month.month && date.getFullYear() === month.year || date.getFullYear() > month.year) {
-        return dateServices.daysInMonth(month.month, month.year);
-      }
-      if (date.getMonth() === month.month && date.getFullYear() === month.year) {
-        return date.getDate();
-      }
-      return 1;
-    };
-    const getMinDateInMonth = () => {
-      if (props.allowedDays) {
-        const today = dateServices.getCurrentTimeUTC();
-        today.setDate(today.getDate() - props.allowedDays + 1);
-        let minDate = today;
-        switch (props.type) {
-          case "week":
-            minDate = dateServices.getFirstDayOfWeek(today);
-            break;
-          case "month":
-            minDate.setDate(1);
-            break;
-        }
-        minDate.setHours(0, 0, 0, 0);
-        return minDate;
-      }
-      return null;
-    };
-    const refreshDisabledDays = () => {
-      const minDate = getMinDateInMonth();
-      const maxDate = props.maxAllowedDate;
-      Object.keys(props.days).forEach((dayKey) => {
-        const day = props.days[dayKey];
-        if (minDate && isBefore(day.date, minDate) || maxDate && isAfter(day.date, maxDate)) {
-          day.disabled = true;
-        } else {
-          delete day.disabled;
-        }
-      });
-    };
-    const setSelectionInMonth = (date, day, lowerLimit, upperLimit) => {
-      if (props.year === date.getFullYear() && props.month === date.getMonth() && day >= lowerLimit && day <= upperLimit) {
-        selectedDaysMap.value[day] = true;
-      }
-    };
-    const updateSelection = () => {
-      for (let i = 0; i < selectedDays.value.length; i++) {
-        const day = selectedDays.value[i];
-        delete selectedDaysMap.value[day.value];
-        delete inBetweenMap.value[day.value];
-      }
-      selectedDays.value = [];
-      if (isMonthInRange()) {
-        const thisMonth = { month: props.month, year: props.year };
-        const selectionFromStart = getFirstDayInRangeForMonth(
-          props.range.fromStart,
-          thisMonth
-        );
-        const selectionFromEnd = getLastDayInRangeForMonth(
-          props.range.fromEnd,
-          thisMonth
-        );
-        const selectionToStart = getFirstDayInRangeForMonth(
-          props.range.toStart,
-          thisMonth
-        );
-        const selectionToEnd = getLastDayInRangeForMonth(
-          props.range.toEnd,
-          thisMonth
-        );
-        for (let j = selectionFromStart; j <= selectionToEnd; j++) {
-          inBetweenMap.value[j] = true;
-          setSelectionInMonth(
-            props.range.fromStart,
-            j,
-            selectionFromStart,
-            selectionFromEnd
-          );
-          setSelectionInMonth(
-            props.range.fromEnd,
-            j,
-            selectionFromStart,
-            selectionFromEnd
-          );
-          setSelectionInMonth(
-            props.range.toStart,
-            j,
-            selectionToStart,
-            selectionToEnd
-          );
-          setSelectionInMonth(
-            props.range.toEnd,
-            j,
-            selectionToStart,
-            selectionToEnd
-          );
-          selectedDays.value.push(props.days[j]);
-        }
-      }
-    };
-    const isStartDay = (day) => {
-      if (day.value === 0)
-        return false;
-      return isSameDay(day.date, props.range.fromStart);
-    };
-    const isEndDay = (day) => {
-      if (day.value === 0)
-        return false;
-      return isSameDay(day.date, props.range.toEnd);
-    };
-    watch(
-      () => props.month,
-      () => {
-        updateSelection();
-      }
-    );
-    watch(
-      () => props.range,
-      (newVal, oldVal) => {
-        if (newVal && newVal !== oldVal) {
-          updateSelection();
-        }
-      }
-    );
-    watch(
-      () => props.maxAllowedDate,
-      () => {
-        refreshDisabledDays();
-      }
-    );
-    onMounted(() => {
-      refreshDisabledDays();
-      updateSelection();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        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)))
-        }, [
-          __props.navigation === unref(navigatePrev) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
-            key: 0,
-            variant: "borderless",
-            size: "md",
-            class: "previous",
-            "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).PREVIOUS}`
-          }, {
-            default: withCtx(() => [
-              createVNode(Icon, null, {
-                default: withCtx(() => [
-                  createVNode(AngleLeft)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["data-testid"])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("span", {
-          onClick: _cache[1] || (_cache[1] = ($event) => navigate(unref(navigateNext)))
-        }, [
-          __props.navigation === unref(navigateNext) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
-            key: 0,
-            class: "next",
-            variant: "borderless",
-            size: "md",
-            "data-testid": `${__props.testId}-${unref(CalendarMonthTestIdModifiers).NEXT}`
-          }, {
-            default: withCtx(() => [
-              createVNode(Icon, null, {
-                default: withCtx(() => [
-                  createVNode(AngleRight)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["data-testid"])) : createCommentVNode("", true)
-        ]),
-        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(unref(monthName)) + " " + toDisplayString(__props.year), 1)
-            ]),
-            _: 1
-          }, 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,
-                size: "xs"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(weekDay), 1)
-                ]),
-                _: 2
-              }, 1024);
-            }), 64))
-          ], 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), {
-                  key: dayIndex,
-                  class: normalizeClass(["day", {
-                    "selected-day": selectedDaysMap.value[day.value],
-                    "selected-day-between": inBetweenMap.value[day.value],
-                    today: day.isToday,
-                    "disabled-day": day.isFuture || day.disabled,
-                    "non-day": day.value === 0,
-                    "start-day": isStartDay(day),
-                    "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", "data-testid", "onClick"]);
-              }), 128))
-            ]);
-          }), 128))
-        ], 8, _hoisted_4)
-      ], 8, _hoisted_1);
-    };
-  }
-});
-var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91dcd18c"]]);
-
-export { CalendarMonth as default };
+import o from "./CalendarMonth.vue2.js";
+/* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b2206adb"]]);
+export {
+  s as default
+};

package/components/dateRange/CalendarMonth.vue2.js

@@ -0,0 +1,244 @@
+ import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css"; import { defineComponent as q, ref as k, computed as G, watch as F, onMounted as K, openBlock as d, createElementBlock as g, unref as r, createElementVNode as f, createBlock as I, withCtx as c, createVNode as m, createCommentVNode as R, createTextVNode as $, toDisplayString as h, Fragment as b, renderList as A, normalizeClass as Q } from "vue";
+import D from "./DateServices.js";
+import { navigatePrev as N, navigateNext as p } from "./consts.js";
+import Z from "../typography/Heading.vue.js";
+import H from "../typography/Text.vue.js";
+import "../button/v3/Button.vue.js";
+import B from "../button/v3/IconButton.vue.js";
+import "../button/v3/ScrollButton.vue.js";
+import { isBefore as _, isAfter as ee, isSameDay as O } from "date-fns";
+import te from "../icon/v3/icons/AngleLeft.vue.js";
+import ae from "../icon/v3/icons/AngleRight.vue.js";
+import P from "../icon/v3/Icon.vue.js";
+import { CalendarMonthTestIdModifiers as u } from "../../testids/index.js";
+const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se = ["data-testid"], Se = /* @__PURE__ */ q({
+  __name: "CalendarMonth",
+  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(o, { emit: w }) {
+    const a = o, z = [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ], V = ["S", "M", "T", "W", "T", "F", "S"], y = k([]), M = k({}), E = k({}), W = G(() => z[a.month]), J = (e) => {
+      e.value !== 0 && w("selectionChanged", e, a.month, a.year);
+    }, C = (e) => {
+      w("navigation", e);
+    }, L = () => {
+      if (!a.range.fromStart || !a.range.toEnd)
+        return !1;
+      const e = a.range.fromStart.getMonth(), t = a.range.fromStart.getFullYear(), l = a.range.toEnd.getMonth(), s = a.range.toEnd.getFullYear();
+      return a.year < t || a.year > s ? !1 : !(a.year === t && a.month < e || a.year === s && a.month > l);
+    }, T = (e, t) => e.getMonth() < t.month && e.getFullYear() === t.year || e.getFullYear() < t.year ? 1 : e.getMonth() === t.month && e.getFullYear() === t.year ? e.getDate() : D.daysInMonth(t.month, t.year), Y = (e, t) => e.getMonth() > t.month && e.getFullYear() === t.year || e.getFullYear() > t.year ? D.daysInMonth(t.month, t.year) : e.getMonth() === t.month && e.getFullYear() === t.year ? e.getDate() : 1, j = () => {
+      if (a.allowedDays) {
+        const e = D.getCurrentTimeUTC();
+        e.setDate(e.getDate() - a.allowedDays + 1);
+        let t = e;
+        switch (a.type) {
+          case "week":
+            t = D.getFirstDayOfWeek(e);
+            break;
+          case "month":
+            t.setDate(1);
+            break;
+        }
+        return t.setHours(0, 0, 0, 0), t;
+      }
+      return null;
+    }, x = () => {
+      const e = j(), t = a.maxAllowedDate;
+      Object.keys(a.days).forEach((l) => {
+        const s = a.days[l];
+        e && _(s.date, e) || t && ee(s.date, t) ? s.disabled = !0 : delete s.disabled;
+      });
+    }, v = (e, t, l, s) => {
+      a.year === e.getFullYear() && a.month === e.getMonth() && t >= l && t <= s && (M.value[t] = !0);
+    }, S = () => {
+      for (let e = 0; e < y.value.length; e++) {
+        const t = y.value[e];
+        delete M.value[t.value], delete E.value[t.value];
+      }
+      if (y.value = [], L()) {
+        const e = { month: a.month, year: a.year }, t = T(
+          a.range.fromStart,
+          e
+        ), l = Y(
+          a.range.fromEnd,
+          e
+        ), s = T(
+          a.range.toStart,
+          e
+        ), n = Y(
+          a.range.toEnd,
+          e
+        );
+        for (let i = t; i <= n; i++)
+          E.value[i] = !0, v(
+            a.range.fromStart,
+            i,
+            t,
+            l
+          ), v(
+            a.range.fromEnd,
+            i,
+            t,
+            l
+          ), v(
+            a.range.toStart,
+            i,
+            s,
+            n
+          ), v(
+            a.range.toEnd,
+            i,
+            s,
+            n
+          ), y.value.push(a.days[i]);
+      }
+    }, U = (e) => e.value === 0 ? !1 : O(e.date, a.range.fromStart), X = (e) => e.value === 0 ? !1 : O(e.date, a.range.toEnd);
+    return F(
+      () => a.month,
+      () => {
+        S();
+      }
+    ), F(
+      () => a.range,
+      (e, t) => {
+        e && e !== t && S();
+      }
+    ), F(
+      () => a.maxAllowedDate,
+      () => {
+        x();
+      }
+    ), K(() => {
+      x(), S();
+    }), (e, t) => (d(), g("div", {
+      id: "datepickerCalendar" + o.id,
+      class: "calendar-month",
+      "data-testid": `${o.testId}-${r(u).WRAPPER}`
+    }, [
+      f("span", {
+        onClick: t[0] || (t[0] = (l) => C(r(N)))
+      }, [
+        o.navigation === r(N) || o.navigation === "all" ? (d(), I(r(B), {
+          key: 0,
+          variant: "borderless",
+          size: "md",
+          class: "previous",
+          "data-testid": `${o.testId}-${r(u).PREVIOUS}`
+        }, {
+          default: c(() => [
+            m(P, null, {
+              default: c(() => [
+                m(te)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : R("", !0)
+      ]),
+      f("span", {
+        onClick: t[1] || (t[1] = (l) => C(r(p)))
+      }, [
+        o.navigation === r(p) || o.navigation === "all" ? (d(), I(r(B), {
+          key: 0,
+          class: "next",
+          variant: "borderless",
+          size: "md",
+          "data-testid": `${o.testId}-${r(u).NEXT}`
+        }, {
+          default: c(() => [
+            m(P, null, {
+              default: c(() => [
+                m(ae)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : R("", !0)
+      ]),
+      f("div", {
+        class: "month-header",
+        "data-testid": `${o.testId}-${r(u).MONTH_HEADER}`
+      }, [
+        m(Z, {
+          level: "6",
+          "test-id": `${o.testId}-${r(u).MONTH_HEADER_TEXT}`
+        }, {
+          default: c(() => [
+            $(h(r(W)) + " " + h(o.year), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"]),
+        f("div", {
+          class: "days-header",
+          "data-testid": `${o.testId}-${r(u).DAYS_HEADER}`
+        }, [
+          (d(), g(b, null, A(V, (l, s) => m(r(H), {
+            key: s,
+            size: "xs"
+          }, {
+            default: c(() => [
+              $(h(l), 1)
+            ]),
+            _: 2
+          }, 1024)), 64))
+        ], 8, oe)
+      ], 8, re),
+      f("div", {
+        class: "days-wrapper",
+        "data-testid": `${o.testId}-${r(u).DAYS_WRAPPER}`
+      }, [
+        (d(!0), g(b, null, A(o.weeks, (l, s) => (d(), g("div", { key: s }, [
+          (d(!0), g(b, null, A(l, (n, i) => (d(), I(r(H), {
+            key: i,
+            class: Q(["day", {
+              "selected-day": M.value[n.value],
+              "selected-day-between": E.value[n.value],
+              today: n.isToday,
+              "disabled-day": n.isFuture || n.disabled,
+              "non-day": n.value === 0,
+              "start-day": U(n),
+              "end-day": X(n)
+            }]),
+            size: "sm",
+            "data-testid": `${o.testId}-${r(u).DAY}-${n.value}`,
+            onClick: (le) => n.disabled || n.isFuture || J(n)
+          }, {
+            default: c(() => [
+              $(h(n.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "data-testid", "onClick"]))), 128))
+        ]))), 128))
+      ], 8, se)
+    ], 8, ne));
+  }
+});
+export {
+  Se as default
+};

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

@@ -1,19 +1,18 @@
-import { presetsList } from './consts';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     range: {
         from: Date;
         to: Date;
     };
-    types?: ('date' | 'week' | 'month')[];
+    types?: ("date" | "week" | "month")[];
     includeToday?: boolean;
     allowedDays?: number;
     maxDaysInRange?: number;
-    datePresetList?: keyof typeof presetsList;
+    datePresetList?: "date" | "week" | "month" | "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: null | 'date' | 'week' | 'month';
+    initialType: "date" | "week" | "month";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate?: Date;
@@ -33,21 +32,28 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    opened: (...args: any[]) => void;
+    rangeTypeChanged: (...args: any[]) => void;
+    currentDateChanged: (...args: any[]) => void;
+    rangeChanged: (...args: any[]) => void;
+    dateRangePresetNameChanged: (...args: any[]) => void;
+    dismissed: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     range: {
         from: Date;
         to: Date;
     };
-    types?: ('date' | 'week' | 'month')[];
+    types?: ("date" | "week" | "month")[];
     includeToday?: boolean;
     allowedDays?: number;
     maxDaysInRange?: number;
-    datePresetList?: keyof typeof presetsList;
+    datePresetList?: "date" | "week" | "month" | "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: null | 'date' | 'week' | 'month';
+    initialType: "date" | "week" | "month";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate?: Date;
@@ -81,14 +87,20 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ('date' | 'week' | 'month')[];
+    types: ("date" | "week" | "month")[];
     maxDaysInRange: number;
-    datePresetList: keyof typeof presetsList;
+    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
     regex: RegExp;
-    initialType: null | 'date' | 'week' | 'month';
+    initialType: "date" | "week" | "month";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
+}>, {
+    field?(_: {
+        currentDate: any;
+        isOpen: boolean;
+    }): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -101,7 +113,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };