@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/DatePicker/DatePicker.vue2.js

@@ -0,0 +1,237 @@
+import { defineComponent as p, ref as r, computed as u, watch as g } from "vue";
+import z from "../Button/Button.vue.js";
+import G from "../Input/Input.core.vue.js";
+import { monthTranslationObj as S, weekInitialsObject as T, cancelTranslation as J, saveTranslation as K, isUsing12HourFormat as Q, placeholderTranslation as L, formatToBrDate as k } from "./DatePicker.helper.js";
+import W from "../Dropdown/Dropdown.core.vue.js";
+import X from "./DatePickerCalendar/DatePickerCalendar.vue.js";
+import Z from "./DatePickerHeader/DatePickerHeader.vue.js";
+import ee from "./DatePickerListSelector/DatePickerListSelector.vue.js";
+import te from "./DatePickerTime/DatePickerTime.vue.js";
+const ce = p({
+  name: "AtDatePicker",
+  components: {
+    AtButton: z,
+    AtCoreInput: G,
+    AtDatePickerHeader: Z,
+    AtDatePickerCalendar: X,
+    AtDatePickerTime: te,
+    AtDatePickerListSelector: ee,
+    AtDropdown: W
+  },
+  props: {
+    value: {
+      required: !0,
+      type: Object,
+      default: () => ({
+        startDate: null,
+        endDate: null
+      }),
+      validator: (e) => (e.startDate instanceof Date || e.startDate === null) && (e.endDate instanceof Date || e.endDate === null)
+    },
+    label: {
+      type: String,
+      default: "",
+      required: !1
+    },
+    placeholder: {
+      type: String,
+      default: "",
+      required: !1
+    },
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    useTimeInput: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    useRange: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    useConfirmBox: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    setLanguage: {
+      required: !1,
+      type: String,
+      default: "pt",
+      validator: (e) => typeof e == "string"
+    },
+    setTimeInputFocus: {
+      required: !1,
+      type: String,
+      default: "default",
+      validator: (e) => typeof e == "string"
+    },
+    force12HourTime: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    forceFocus: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    position: {
+      type: String,
+      default: "left"
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:value", "confirmBoxConfirmed"],
+  setup(e, M) {
+    const q = /* @__PURE__ */ new Date(), s = r({ ...e.value }), o = r(e.forceFocus), i = r(/* @__PURE__ */ new Date()), v = r("calendar"), w = u(() => i.value.getMonth() + 1), D = u(() => i.value.getFullYear()), H = r(""), y = r(-1), d = r(D.value), P = r(null), c = r(!1), B = r(!1), b = u(() => S && e.setLanguage in S ? S[e.setLanguage] : []), A = u(
+      () => b.value.map((t, a) => ({
+        name: t.slice(0, 3),
+        value: `${d.value}-${a + 1}`
+      }))
+    ), R = r(
+      Array.from({ length: 101 }, () => q.getFullYear() - 50).map(
+        (t, a) => ({
+          name: String(t + a),
+          value: String(t + a)
+        })
+      )
+    ), C = u(() => T && e.setLanguage in T ? T[e.setLanguage] : []), Y = u(() => ({
+      cancel: J[e.setLanguage],
+      save: K[e.setLanguage]
+    })), x = u(() => {
+      const t = () => e.label ? "" : e.useRange ? L[e.setLanguage].dateStart : L[e.setLanguage].date, a = (l) => {
+        let m = k(l);
+        if (e.useTimeInput && !e.useRange) {
+          const h = e.force12HourTime ? l.toLocaleTimeString("pt-br", {
+            day: "2-digit",
+            month: "2-digit",
+            year: "numeric"
+          }) : (
+            // add zero padding to hours
+            l.toLocaleTimeString("pt-br", {
+              day: "2-digit",
+              month: "2-digit",
+              year: "numeric"
+            })
+          );
+          m += ` ${h}`;
+        }
+        return m;
+      }, n = (l) => l ? ` - ${k(l)}` : e.label ? "" : ` - ${L[e.setLanguage].dateEnd}`;
+      if (B.value || o.value || e.value.startDate) {
+        const l = e.useConfirmBox ? s.value : e.value, m = l.startDate ? a(l.startDate) : t(), h = e.useRange ? n(l.endDate) : "";
+        return m + h;
+      }
+      return "";
+    }), O = u(() => Q() || e.force12HourTime), $ = (t, a = !1) => {
+      const n = new Date(i.value);
+      v.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : v.value === "monthSelector" ? a ? d.value += t : d.value = t : a ? y.value += t : y.value = t, i.value = n;
+    }, j = (t) => {
+      const a = t.split("-").map((n) => Number.parseInt(n));
+      if (a.length > 0) {
+        const n = new Date(i.value);
+        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), i.value = n;
+      }
+    }, N = (t) => t >= 1 && t <= b.value.length ? b.value[t - 1] : String(t), f = (t, a = !1) => {
+      if (a || !e.useConfirmBox) {
+        const n = e.value;
+        n.startDate = t.startDate, n.endDate = t.endDate, M.emit("update:value", n), (!e.useTimeInput && n.endDate || a) && (o.value = !1);
+      }
+      s.value = { ...t };
+    }, F = (t) => {
+      e.disabled || (o.value = t, t || e.useRange && !e.value.endDate && I());
+    }, V = () => {
+      c.value || F(!1);
+    }, _ = () => {
+      c.value = !0, setTimeout(() => c.value = !1, 100);
+    }, E = () => {
+      f(s.value, !0), M.emit("confirmBoxConfirmed");
+    }, I = () => {
+      f(
+        {
+          startDate: null,
+          endDate: null
+        },
+        !0
+      );
+    }, U = (t) => {
+      e.disabled || (o.value = t);
+    };
+    return g(
+      () => e.useRange,
+      (t) => {
+        var a, n;
+        if (e.value.startDate && e.value.endDate) {
+          const l = {
+            startDate: new Date(e.value.startDate),
+            endDate: new Date(e.value.endDate)
+          };
+          (a = l.startDate) == null || a.setHours(0), (n = l.startDate) == null || n.setMinutes(0), l.endDate = t ? null : l.startDate, s.value = { ...l }, f(l, !0);
+        }
+      }
+    ), g(
+      () => e.disabled,
+      () => {
+        o.value = !1;
+      }
+    ), g(
+      () => e.forceFocus,
+      (t) => {
+        o.value = t;
+      }
+    ), g(D, (t) => {
+      d.value = t;
+    }), {
+      displayModal: o,
+      auxValue: s,
+      datePickerMode: v,
+      confirmInput: E,
+      currentMonth: w,
+      currentYear: D,
+      currentYearRange: H,
+      currentYearPageIndex: y,
+      selectedMonthYear: d,
+      monthList: A,
+      yearList: R,
+      clickedOnModal: c,
+      display12HourFormat: O,
+      updateDatePeriod: $,
+      updateMonthYear: j,
+      displayValue: x,
+      currentMenuDate: i,
+      getMonthName: N,
+      weekInitials: C,
+      updateValue: f,
+      updateFocus: F,
+      buttonNames: Y,
+      coreInput: P,
+      checkUnFocus: V,
+      keepFocus: _,
+      clearValue: I,
+      onOpenedModal: U,
+      isInputHovered: B
+    };
+  }
+});
+export {
+  ce as default
+};

package/dist/DatePicker/DatePickerCalendar/DatePickerCalendar.d.ts

@@ -0,0 +1,75 @@
+import { AtDatePickerCalendarProps, CalendarDay, buildCalendar } from './DatePickerCalendar.helper';
+
+declare const _default: import('vue').DefineComponent<{
+    month: {
+        required: true;
+        type: () => AtDatePickerCalendarProps["month"];
+        default: number;
+    };
+    year: {
+        required: true;
+        type: () => AtDatePickerCalendarProps["year"];
+        default: number;
+    };
+    weekInitials: {
+        required: false;
+        type: () => AtDatePickerCalendarProps["weekInitials"];
+        default: () => string[];
+    };
+    selectedRange: {
+        required: false;
+        default: () => {
+            startDate: null;
+            endDate: null;
+        };
+        type: () => AtDatePickerCalendarProps["selectedRange"];
+    };
+    useRange: {
+        require: boolean;
+        type: () => AtDatePickerCalendarProps["useRange"];
+        default: boolean;
+    };
+}, {
+    buildCalendar: typeof buildCalendar;
+    calendar: import('vue').ComputedRef<CalendarDay[]>;
+    clickEvent: (daySelected: CalendarDay) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selected" | "incrementMonth")[], "selected" | "incrementMonth", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    month: {
+        required: true;
+        type: () => AtDatePickerCalendarProps["month"];
+        default: number;
+    };
+    year: {
+        required: true;
+        type: () => AtDatePickerCalendarProps["year"];
+        default: number;
+    };
+    weekInitials: {
+        required: false;
+        type: () => AtDatePickerCalendarProps["weekInitials"];
+        default: () => string[];
+    };
+    selectedRange: {
+        required: false;
+        default: () => {
+            startDate: null;
+            endDate: null;
+        };
+        type: () => AtDatePickerCalendarProps["selectedRange"];
+    };
+    useRange: {
+        require: boolean;
+        type: () => AtDatePickerCalendarProps["useRange"];
+        default: boolean;
+    };
+}>> & {
+    onSelected?: ((...args: any[]) => any) | undefined;
+    onIncrementMonth?: ((...args: any[]) => any) | undefined;
+}, {
+    month: number;
+    year: number;
+    weekInitials: string[];
+    selectedRange: import('../DatePicker.helper').DatePickerRange;
+    useRange: boolean;
+}, {}>;
+export default _default;

package/dist/DatePicker/DatePickerCalendar/DatePickerCalendar.helper.d.ts

@@ -0,0 +1,19 @@
+import { DatePickerRange } from '../DatePicker.helper';
+
+interface AtDatePickerCalendarProps {
+    month: number;
+    year: number;
+    selectedRange: DatePickerRange;
+    useRange: boolean;
+    weekInitials: string[];
+}
+interface CalendarDay {
+    day: number;
+    month: number;
+    year: number;
+    type: "prevMonth" | "nextMonth" | "default";
+    status?: "inRange" | "today" | "selected" | "selectedLeft" | "selectedRight";
+}
+declare function buildCalendar(year: number, month: number, startDate: DatePickerRange["startDate"], endDate: DatePickerRange["endDate"], rows?: number): CalendarDay[];
+export { buildCalendar };
+export type { CalendarDay, AtDatePickerCalendarProps };

package/dist/DatePicker/DatePickerCalendar/DatePickerCalendar.helper.js

@@ -0,0 +1,62 @@
+function i(t, n) {
+  return t && n ? t.toLocaleDateString() === n.toLocaleDateString() : !1;
+}
+function g(t, n, a) {
+  let e;
+  return t.startDate && t.endDate ? i(t.startDate, n) ? i(t.startDate, t.endDate) ? e = "selected" : e = "selectedLeft" : i(t.endDate, n) ? e = "selectedRight" : n > t.startDate && n < t.endDate && (e = "inRange") : t.startDate && i(t.startDate, n) && (e = "selected"), !e && i(a, n) && (e = "today"), e;
+}
+function r(t, n, a, e, l, f) {
+  const o = /* @__PURE__ */ new Date();
+  for (let s = e[0]; s <= e[1]; s++) {
+    const D = g(
+      f,
+      new Date(a, n - 1, s),
+      o
+    );
+    t.push({
+      day: s,
+      month: n,
+      year: a,
+      type: l,
+      status: D
+    });
+  }
+  return t;
+}
+function S(t, n, a, e, l = 6) {
+  const f = new Date(t, n - 1, 1).getDay();
+  let o = [];
+  const s = l * 7;
+  if (f !== 0) {
+    const u = new Date(t, n - 1, 0), c = u.getDate(), p = c - f + 1;
+    o = r(
+      o,
+      u.getMonth() + 1,
+      u.getFullYear(),
+      [p, c],
+      "prevMonth",
+      { startDate: a, endDate: e }
+    );
+  }
+  const D = new Date(t, n - 1, 1), h = new Date(t, n, 0).getDate();
+  o = r(
+    o,
+    D.getMonth() + 1,
+    D.getFullYear(),
+    [1, h],
+    "default",
+    { startDate: a, endDate: e }
+  );
+  const M = new Date(t, n + 1, 0), w = s - o.length;
+  return o = r(
+    o,
+    M.getMonth() + 1,
+    M.getFullYear(),
+    [1, w],
+    "nextMonth",
+    { startDate: a, endDate: e }
+  ), o;
+}
+export {
+  S as buildCalendar
+};

package/dist/DatePicker/DatePickerCalendar/DatePickerCalendar.scss.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/dist/DatePicker/DatePickerCalendar/DatePickerCalendar.vue.js

@@ -0,0 +1,34 @@
+import d from "./DatePickerCalendar.vue2.js";
+import { openBlock as e, createElementBlock as s, createElementVNode as o, Fragment as a, renderList as r, toDisplayString as c, normalizeClass as i } from "vue";
+import "./DatePickerCalendar.scss.js";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+const A = { class: "AT-DATEPICKER-CALENDAR" }, _ = { class: "AT-DATEPICKER-CALENDAR_header" }, u = { class: "AT-DATEPICKER-CALENDAR_body" }, E = ["onClick"];
+function p(n, C, h, R, m, y) {
+  return e(), s("div", A, [
+    o("div", _, [
+      (e(!0), s(a, null, r(n.weekInitials, (t) => (e(), s("div", {
+        key: t,
+        class: "AT-DATEPICKER-CALENDAR_header_col"
+      }, c(t), 1))), 128))
+    ]),
+    o("div", u, [
+      (e(!0), s(a, null, r(n.calendar, (t) => (e(), s("button", {
+        key: `${t.month}/${t.day}`,
+        class: i(["AT-DATEPICKER-CALENDAR_body_el", {
+          currentMonth: t.type === "default",
+          notCurrentMonth: t.type === "prevMonth" || t.type === "nextMonth",
+          today: t.status === "today",
+          selected: t.status === "selected",
+          selectedLeft: t.status === "selectedLeft",
+          selectedRight: t.status === "selectedRight",
+          inRange: t.status === "inRange"
+        }]),
+        onClick: (D) => n.clickEvent(t)
+      }, c(t.day), 11, E))), 128))
+    ])
+  ]);
+}
+const L = /* @__PURE__ */ l(d, [["render", p], ["__scopeId", "data-v-7dac6b74"]]);
+export {
+  L as default
+};

package/dist/DatePicker/DatePickerCalendar/DatePickerCalendar.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as f, computed as m } from "vue";
+import { buildCalendar as u } from "./DatePickerCalendar.helper.js";
+const R = f({
+  name: "AtDatePickerCalendar",
+  props: {
+    month: {
+      required: !0,
+      type: Number,
+      default: 1
+    },
+    year: {
+      required: !0,
+      type: Number,
+      default: 1
+    },
+    weekInitials: {
+      required: !1,
+      type: Array,
+      default: () => ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"]
+    },
+    selectedRange: {
+      required: !1,
+      default: () => ({ startDate: null, endDate: null }),
+      type: Object
+    },
+    useRange: {
+      require: !1,
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["selected", "incrementMonth"],
+  setup(t, l) {
+    const o = m(() => u(
+      t.year,
+      t.month,
+      t.selectedRange.startDate,
+      t.selectedRange.endDate
+    ));
+    return { buildCalendar: u, calendar: o, clickEvent: (a) => {
+      var i, d;
+      const e = t.selectedRange, n = new Date(
+        a.year,
+        a.month - 1,
+        a.day,
+        ((i = e.startDate) == null ? void 0 : i.getHours()) || 0,
+        ((d = e.startDate) == null ? void 0 : d.getMinutes()) || 0
+      ), r = e.startDate ? e.startDate.toLocaleDateString() : null, s = e.endDate ? e.endDate.toLocaleDateString() : null, D = n.toLocaleDateString();
+      if (r && s ? (e.startDate = n, (D === r || D === s) && r !== s ? e.endDate = e.startDate : e.endDate = null) : r ? D === r ? s ? e.startDate = null : e.endDate = e.startDate : t.useRange ? e.endDate = n : e.startDate = n : e.startDate = n, e.startDate && e.endDate && e.startDate > e.endDate) {
+        const c = e.startDate;
+        e.startDate = e.endDate, e.endDate = c;
+      }
+      t.useRange || (e.endDate = e.startDate), l.emit("selected", e), a.type === "prevMonth" && l.emit("incrementMonth", -1), a.type === "nextMonth" && l.emit("incrementMonth", 1);
+    } };
+  }
+});
+export {
+  R as default
+};

package/dist/DatePicker/DatePickerHeader/DatePickerHeader.d.ts

@@ -0,0 +1,70 @@
+export interface DatePickerHeaderProps {
+    currentMonth: string;
+    currentYear: number;
+    currentYearRange: string;
+    datePickerMode: string;
+    selectedYear: number;
+}
+declare const _default: import('vue').DefineComponent<{
+    currentMonth: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentMonth"];
+        validator: (value: string) => boolean;
+    };
+    currentYear: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentYear"];
+        validator: (value: number) => boolean;
+    };
+    selectedYear: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentYear"];
+        validator: (value: number) => boolean;
+    };
+    currentYearRange: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentYearRange"];
+        validator: (value: string) => boolean;
+    };
+    datePickerMode: {
+        required: true;
+        type: () => DatePickerHeaderProps["datePickerMode"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    updateDatePickerMode: (value: string) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:datePickerMode" | "simpleArrows")[], "update:datePickerMode" | "simpleArrows", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    currentMonth: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentMonth"];
+        validator: (value: string) => boolean;
+    };
+    currentYear: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentYear"];
+        validator: (value: number) => boolean;
+    };
+    selectedYear: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentYear"];
+        validator: (value: number) => boolean;
+    };
+    currentYearRange: {
+        required: true;
+        type: () => DatePickerHeaderProps["currentYearRange"];
+        validator: (value: string) => boolean;
+    };
+    datePickerMode: {
+        required: true;
+        type: () => DatePickerHeaderProps["datePickerMode"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    "onUpdate:datePickerMode"?: ((...args: any[]) => any) | undefined;
+    onSimpleArrows?: ((...args: any[]) => any) | undefined;
+}, {
+    datePickerMode: string;
+}, {}>;
+export default _default;

package/dist/DatePicker/DatePickerHeader/DatePickerHeader.scss.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/DatePicker/DatePickerHeader/DatePickerHeader.vue.js

@@ -0,0 +1,50 @@
+import k from "./DatePickerHeader.vue2.js";
+import { resolveComponent as l, openBlock as r, createElementBlock as n, createElementVNode as a, createVNode as s, toDisplayString as d, createCommentVNode as i } from "vue";
+import "./DatePickerHeader.scss.js";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const u = { class: "AT-DATEPICKER_header" }, A = { class: "AT-DATEPICKER_header_text" };
+function P(e, o, C, D, E, $) {
+  const p = l("AtArrowLeftSolidIcon"), c = l("AtArrowRightSolidIcon");
+  return r(), n("div", u, [
+    a("button", {
+      class: "AT-DATEPICKER_header_arrows",
+      onClick: o[0] || (o[0] = (t) => e.$emit("simpleArrows", -1))
+    }, [
+      s(p, {
+        color: "#5E0D7B",
+        size: "24"
+      })
+    ]),
+    a("div", A, [
+      e.datePickerMode === "calendar" ? (r(), n("button", {
+        key: 0,
+        onClick: o[1] || (o[1] = (t) => e.updateDatePickerMode("monthSelector"))
+      }, d(e.currentMonth), 1)) : i("", !0),
+      e.datePickerMode === "calendar" ? (r(), n("button", {
+        key: 1,
+        onClick: o[2] || (o[2] = (t) => e.updateDatePickerMode("yearSelector"))
+      }, d(e.currentYear), 1)) : i("", !0),
+      e.datePickerMode === "monthSelector" ? (r(), n("button", {
+        key: 2,
+        onClick: o[3] || (o[3] = (t) => e.updateDatePickerMode("calendar"))
+      }, d(e.selectedYear), 1)) : i("", !0),
+      e.datePickerMode === "yearSelector" ? (r(), n("button", {
+        key: 3,
+        onClick: o[4] || (o[4] = (t) => e.updateDatePickerMode("yearSelector"))
+      }, d(e.currentYearRange), 1)) : i("", !0)
+    ]),
+    a("button", {
+      class: "AT-DATEPICKER_header_arrows",
+      onClick: o[5] || (o[5] = (t) => e.$emit("simpleArrows", 1))
+    }, [
+      s(c, {
+        color: "#5E0D7B",
+        size: "24"
+      })
+    ])
+  ]);
+}
+const M = /* @__PURE__ */ m(k, [["render", P], ["__scopeId", "data-v-65cedb4e"]]);
+export {
+  M as default
+};

package/dist/DatePicker/DatePickerHeader/DatePickerHeader.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as o } from "vue";
+import { AtArrowLeftSolidIcon as i } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtArrowLeftSolidIcon/index.js";
+import { AtArrowRightSolidIcon as d } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtArrowRightSolidIcon/index.js";
+const c = o({
+  name: "AtDatePickerHeader",
+  components: { AtArrowLeftSolidIcon: i, AtArrowRightSolidIcon: d },
+  props: {
+    currentMonth: {
+      required: !0,
+      type: String,
+      validator: (e) => typeof e == "string"
+    },
+    currentYear: {
+      required: !0,
+      type: Number,
+      validator: (e) => typeof e == "number"
+    },
+    selectedYear: {
+      required: !0,
+      type: Number,
+      validator: (e) => typeof e == "number"
+    },
+    currentYearRange: {
+      required: !0,
+      type: String,
+      validator: (e) => typeof e == "string"
+    },
+    datePickerMode: {
+      required: !0,
+      type: String,
+      default: "",
+      validator: (e) => typeof e == "string"
+    }
+  },
+  emits: ["update:datePickerMode", "simpleArrows"],
+  setup(e, r) {
+    return {
+      updateDatePickerMode: (t) => {
+        setTimeout(() => {
+          e.datePickerMode === t && (t = "calendar"), r.emit("update:datePickerMode", t);
+        }, 100);
+      }
+    };
+  }
+});
+export {
+  c as default
+};