vft 0.0.249 → 0.0.252

package/es/components/time-picker/common/picker.vue2.js

@@ -1,229 +1,241 @@
-import { defineComponent as he, ref as f, inject as qe, watch as He, nextTick as A, computed as i, unref as l, provide as Le, createBlock as V, openBlock as k, mergeProps as We, withCtx as U, renderSlot as ce, withModifiers as R, createElementBlock as Je, normalizeStyle as pe, normalizeClass as v, createCommentVNode as j, createElementVNode as _, toDisplayString as Ge } from "vue";
-import { isArray as g } from "@vft/utils";
-import "../../form/index.js";
-import { VftIcon as q } from "../../icon/index.js";
-import { VftInput as Qe } from "../../input/index.js";
-import { VftTooltip as Xe } from "../../tooltip/index.js";
-import { EVENT_CODE as P } from "../../../constants/aria.js";
-import { onClickOutside as Ye } from "@vueuse/core";
-import { debugWarn as de } from "../../../utils/error.js";
+import { defineComponent as ge, ref as f, useAttrs as Ge, inject as Qe, computed as s, watch as Xe, nextTick as H, unref as n, onBeforeUnmount as Ze, provide as _e, createBlock as h, openBlock as g, mergeProps as xe, withCtx as y, renderSlot as se, withModifiers as T, normalizeStyle as ie, normalizeClass as b, createCommentVNode as B, createElementVNode as ea, toDisplayString as aa } from "vue";
+import { isEqual as la } from "lodash-es";
+import { onClickOutside as oa, unrefElement as na } from "@vueuse/core";
+import { isArray as V, noop as ce } from "@vft/utils";
+import { debugWarn as pe } from "../../../utils/error.js";
+import { EVENT_CODE as F } from "../../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as fe, CHANGE_EVENT as ve } from "../../../constants/event.js";
 import "../../../utils/ns-cover.js";
-import { isEqual as Ze } from "lodash-es";
-import { useNamespace as x } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as G } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { valueEquals as fe, parseDate as ve, formatter as me } from "../utils.js";
-import { timePickerDefaultProps as _e } from "./props.js";
-import { useFormItem as xe } from "../../form/hooks/use-form-item.js";
-import { useFormSize as ea } from "../../form/hooks/use-form-common-props.js";
-const aa = ["id", "name", "placeholder", "value", "disabled", "readonly"], la = ["id", "name", "placeholder", "value", "disabled", "readonly"], na = he({
+import { useFocusController as ta } from "../../../hooks/use-focus-controller/index.js";
+import { useEmptyValues as ra } from "../../../hooks/use-empty-values/index.js";
+import "../../form/index.js";
+import { VftInput as ua } from "../../input/index.js";
+import { VftIcon as K } from "../../icon/index.js";
+import { VftTooltip as sa } from "../../tooltip/index.js";
+import { valueEquals as de, parseDate as me, dayOrDaysToDate as $, formatter as he } from "../utils.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as ia, PICKER_BASE_INJECTION_KEY as ca } from "../constants.js";
+import { timePickerDefaultProps as pa } from "./props.js";
+import fa from "./picker-range-trigger.vue2.js";
+import { useFormItem as va } from "../../form/hooks/use-form-item.js";
+import { useFormSize as da } from "../../form/hooks/use-form-common-props.js";
+const ma = ge({
   name: "Picker"
-}), Pa = /* @__PURE__ */ he({
-  ...na,
-  props: _e,
+}), Ua = /* @__PURE__ */ ge({
+  ...ma,
+  props: pa,
   emits: [
-    "update:modelValue",
-    "change",
+    fe,
+    ve,
     "focus",
     "blur",
+    "clear",
     "calendar-change",
     "panel-change",
     "visible-change",
     "keydown"
   ],
-  setup(ge, { expose: ye, emit: be }) {
-    const t = ge, p = be, C = f("zh-cn"), m = x("date"), w = x("input"), h = x("range"), { form: ke, formItem: ee } = xe(), Ie = qe("VftPopperOptions", {}), H = f(), y = f(), u = f(!1), L = f(!1), ae = f(null);
-    let W = !1, E = !1;
-    He(u, (e) => {
-      e ? A(() => {
-        e && (ae.value = t.modelValue);
-      }) : (o.value = null, A(() => {
-        J(t.modelValue);
+  setup(ye, { expose: be, emit: ke }) {
+    const l = ye, v = ke, E = f("zh-cn"), Ie = Ge(), d = G("date"), w = G("input"), k = G("range"), { form: Pe, formItem: Q } = va(), Ve = Qe(
+      ia,
+      {}
+    ), { valueOnClear: S } = ra(l, null), A = f(), c = f(), r = f(!1), z = f(!1), U = f(null);
+    let L = !1;
+    const p = s(() => l.disabled || !!Pe?.disabled), { isFocused: X, handleFocus: Z, handleBlur: _ } = ta(c, {
+      disabled: p,
+      beforeFocus() {
+        return l.readonly;
+      },
+      afterFocus() {
+        r.value = !0;
+      },
+      beforeBlur(e) {
+        return !L && A.value?.isFocusInsideContent(e);
+      },
+      afterBlur() {
+        J(), r.value = !1, L = !1, l.validateEvent && Q?.validate("blur").catch((e) => pe(e));
+      }
+    }), Ee = s(() => [
+      d.b("editor"),
+      d.bm("editor", l.type),
+      w.e("wrapper"),
+      d.is("disabled", p.value),
+      d.is("active", r.value),
+      k.b("editor"),
+      q ? k.bm("editor", q.value) : "",
+      Ie.class
+    ]), we = s(() => [
+      w.e("icon"),
+      k.e("close-icon"),
+      P.value ? "" : k.e("close-icon--hidden")
+    ]);
+    Xe(r, (e) => {
+      e ? H(() => {
+        e && (U.value = l.modelValue);
+      }) : (o.value = null, H(() => {
+        j(l.modelValue);
       }));
     });
-    const J = (e, a) => {
-      (a || !fe(e, ae.value)) && (p("change", e), t.validateEvent && ee?.validate("change").catch((n) => de(n)));
-    }, b = (e) => {
-      if (!fe(t.modelValue, e)) {
+    const j = (e, a) => {
+      (a || !de(e, U.value)) && (v(ve, e), a && (U.value = e), l.validateEvent && Q?.validate("change").catch((t) => pe(t)));
+    }, m = (e) => {
+      if (!de(l.modelValue, e)) {
         let a;
-        g(e) ? a = e.map(
-          (n) => me(n, t.valueFormat, C.value)
-        ) : e && (a = me(e, t.valueFormat, C.value)), p("update:modelValue", e && a, C.value);
+        V(e) ? a = e.map(
+          (t) => he(t, l.valueFormat, E.value)
+        ) : e && (a = he(e, l.valueFormat, E.value)), v(fe, e && a, E.value);
       }
-    }, Ve = (e) => {
-      p("keydown", e);
-    }, D = i(() => {
-      if (y.value) {
-        const e = K.value ? y.value : y.value.$el;
-        return Array.from(e.querySelectorAll("input"));
-      }
-      return [];
-    }), Pe = (e, a, n) => {
-      const s = D.value;
-      s.length && (!n || n === "min" ? (s[0].setSelectionRange(e, a), s[0].focus()) : n === "max" && (s[1].setSelectionRange(e, a), s[1].focus()));
-    }, Ce = () => {
-      G(!0, !0), A(() => {
-        E = !1;
-      });
-    }, le = (e = "", a = !1) => {
-      a || (E = !0), u.value = a;
-      let n;
-      g(e) ? n = e.map((s) => s.toDate()) : n = e && e.toDate(), o.value = null, b(n);
-    }, we = () => {
-      L.value = !0;
-    }, Ee = () => {
-      p("visible-change", !0);
-    }, De = (e) => {
-      e?.key === P.esc && G(!0, !0);
+    }, Ce = (e) => {
+      v("keydown", e);
+    }, Te = s(() => c.value ? Array.from(
+      c.value.$el.querySelectorAll("input")
+    ) : []), Fe = (e, a, t) => {
+      const i = Te.value;
+      i.length && (!t || t === "min" ? (i[0].setSelectionRange(e, a), i[0].focus()) : t === "max" && (i[1].setSelectionRange(e, a), i[1].focus()));
+    }, x = (e = "", a = !1) => {
+      r.value = a;
+      let t;
+      V(e) ? t = e.map((i) => i.toDate()) : t = e && e.toDate(), o.value = null, m(t);
     }, Se = () => {
-      L.value = !1, u.value = !1, E = !1, p("visible-change", !1);
-    }, Te = () => {
-      u.value = !0;
+      z.value = !0;
+    }, De = () => {
+      v("visible-change", !0);
+    }, ee = () => {
+      z.value = !1, r.value = !1, v("visible-change", !1);
+    }, Ne = () => {
+      r.value = !0;
     }, Re = () => {
-      u.value = !1;
-    }, G = (e = !0, a = !1) => {
-      E = a;
-      const [n, s] = l(D);
-      let Z = n;
-      !e && K.value && (Z = s), Z && Z.focus();
-    }, S = (e) => {
-      t.readonly || c.value || u.value || E || (u.value = !0, p("focus", e));
-    };
-    let ne;
-    const F = (e) => {
-      const a = async () => {
-        setTimeout(() => {
-          ne === a && (!(H.value?.isFocusInsideContent() && !W) && D.value.filter((n) => n.contains(document.activeElement)).length === 0 && (X(), u.value = !1, p("blur", e), t.validateEvent && ee?.validate("blur").catch((n) => de(n))), W = !1);
-        }, 0);
-      };
-      ne = a, a();
-    }, c = i(() => t.disabled || ke?.disabled), M = i(() => {
+      r.value = !1;
+    }, D = s(() => {
       let e;
-      if ($.value ? r.value.getDefaultValue && (e = r.value.getDefaultValue()) : g(t.modelValue) ? e = t.modelValue.map(
-        (a) => ve(a, t.valueFormat, C.value)
-      ) : e = ve(t.modelValue, t.valueFormat, C.value), r.value.getRangeAvailableTime) {
-        const a = r.value.getRangeAvailableTime(
+      if (C.value ? u.value.getDefaultValue && (e = u.value.getDefaultValue()) : V(l.modelValue) ? e = l.modelValue.map(
+        (a) => me(a, l.valueFormat, E.value)
+      ) : e = me(l.modelValue, l.valueFormat, E.value), u.value.getRangeAvailableTime) {
+        const a = u.value.getRangeAvailableTime(
           e
         );
-        Ze(a, e) || (e = a, b(
-          g(e) ? e.map((n) => n.toDate()) : e.toDate()
-        ));
+        la(a, e) || (e = a, C.value || m($(e)));
       }
-      return g(e) && e.some((a) => !a) && (e = []), e;
-    }), d = i(() => {
-      if (!r.value.panelReady) return "";
-      const e = Y(M.value);
-      return g(o.value) ? [
+      return V(e) && e.some((a) => !a) && (e = []), e;
+    }), I = s(() => {
+      if (!u.value.panelReady) return "";
+      const e = Y(D.value);
+      return V(o.value) ? [
         o.value[0] || e && e[0] || "",
         o.value[1] || e && e[1] || ""
-      ] : o.value !== null ? o.value : !Me.value && $.value || !u.value && $.value ? "" : e ? oe.value ? e.join(", ") : e : "";
-    }), Fe = i(() => t.type.includes("time")), Me = i(() => t.type.startsWith("time")), oe = i(() => t.type === "dates"), B = i(
-      () => t.prefixIcon || (Fe.value ? "icon-clock" : "icon-calendar")
-    ), I = f(!1), te = (e) => {
-      t.readonly || c.value || I.value && (e.stopPropagation(), Ce(), b(null), J(null, !0), I.value = !1, u.value = !1, r.value.handleClear && r.value.handleClear());
-    }, $ = i(() => {
-      const { modelValue: e } = t;
-      return !e || g(e) && !e.filter(Boolean).length;
-    }), T = async (e) => {
-      t.readonly || c.value || (e.target?.tagName !== "INPUT" || D.value.includes(document.activeElement)) && (u.value = !0);
-    }, ue = () => {
-      t.readonly || c.value || !$.value && t.clearable && (I.value = !0);
+      ] : o.value !== null ? o.value : !Oe.value && C.value || !r.value && C.value ? "" : e ? ae.value || le.value || oe.value ? e.join(", ") : e : "";
+    }), Me = s(() => l.type.includes("time")), Oe = s(() => l.type.startsWith("time")), ae = s(() => l.type === "dates"), le = s(() => l.type === "months"), oe = s(() => l.type === "years"), N = s(
+      () => l.prefixIcon || (Me.value ? "icon-clock" : "icon-calendar")
+    ), P = f(!1), ne = (e) => {
+      l.readonly || p.value || (P.value && (e.stopPropagation(), u.value.handleClear ? u.value.handleClear() : m(S.value), j(S.value, !0), P.value = !1, ee()), v("clear"));
+    }, C = s(() => {
+      const { modelValue: e } = l;
+      return !e || V(e) && !e.filter(Boolean).length;
+    }), R = async (e) => {
+      l.readonly || p.value || (e.target?.tagName !== "INPUT" || X.value) && (r.value = !0);
+    }, te = () => {
+      l.readonly || p.value || !C.value && l.clearable && (P.value = !0);
     }, re = () => {
-      I.value = !1;
-    }, O = (e) => {
-      t.readonly || c.value || (e.touches[0].target?.tagName !== "INPUT" || D.value.includes(document.activeElement)) && (u.value = !0);
-    }, K = i(() => t.type.includes("range")), Q = ea(), Be = i(() => l(H)?.popperRef?.contentRef), se = i(() => l(K) ? l(y) : l(y)?.$el);
-    Ye(se, (e) => {
-      const a = l(Be), n = l(se);
-      a && (e.target === a || e.composedPath().includes(a)) || e.target === n || e.composedPath().includes(n) || (u.value = !1);
+      P.value = !1;
+    }, W = (e) => {
+      l.readonly || p.value || (e.touches[0].target?.tagName !== "INPUT" || X.value) && (r.value = !0);
+    }, Be = s(() => l.type.includes("range")), q = da(), Ke = s(() => n(A)?.popperRef?.contentRef), $e = oa(
+      c,
+      (e) => {
+        const a = n(Ke), t = na(c);
+        a && (e.target === a || e.composedPath().includes(a)) || e.target === t || t && e.composedPath().includes(t) || (r.value = !1);
+      }
+    );
+    Ze(() => {
+      $e?.();
     });
-    const o = f(null), X = () => {
+    const o = f(null), J = () => {
       if (o.value) {
-        const e = z(d.value);
-        e && N(e) && (b(
-          g(e) ? e.map((a) => a.toDate()) : e.toDate()
-        ), o.value = null);
+        const e = M(I.value);
+        e && O(e) && (m($(e)), o.value = null);
       }
-      o.value === "" && (b(null), J(null), o.value = null);
-    }, z = (e) => e ? r.value.parseUserInput(e) : null, Y = (e) => e ? r.value.formatToString(e) : null, N = (e) => r.value.isValidValue(e), ie = async (e) => {
-      if (t.readonly || c.value) return;
+      o.value === "" && (m(S.value), j(S.value, !0), o.value = null);
+    }, M = (e) => e ? u.value.parseUserInput(e) : null, Y = (e) => e ? u.value.formatToString(e) : null, O = (e) => u.value.isValidValue(e), ue = async (e) => {
+      if (l.readonly || p.value) return;
       const { code: a } = e;
-      if (Ve(e), a === P.esc) {
-        u.value === !0 && (u.value = !1, e.preventDefault(), e.stopPropagation());
+      if (Ce(e), a === F.esc) {
+        r.value === !0 && (r.value = !1, e.preventDefault(), e.stopPropagation());
         return;
       }
-      if (a === P.down && (r.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), u.value === !1 && (u.value = !0, await A()), r.value.handleFocusPicker)) {
-        r.value.handleFocusPicker();
+      if (a === F.down && (u.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), r.value === !1 && (r.value = !0, await H()), u.value.handleFocusPicker)) {
+        u.value.handleFocusPicker();
         return;
       }
-      if (a === P.tab) {
-        W = !0;
+      if (a === F.tab) {
+        L = !0;
         return;
       }
-      if (a === P.enter || a === P.numpadEnter) {
-        (o.value === null || o.value === "" || N(z(d.value))) && (X(), u.value = !1), e.stopPropagation();
+      if (a === F.enter || a === F.numpadEnter) {
+        (o.value === null || o.value === "" || O(M(I.value))) && (J(), r.value = !1), e.stopPropagation();
         return;
       }
       if (o.value) {
         e.stopPropagation();
         return;
       }
-      r.value.handleKeydownInput && r.value.handleKeydownInput(e);
-    }, $e = (e) => {
-      o.value = e, u.value || (u.value = !0);
-    }, Oe = (e) => {
+      u.value.handleKeydownInput && u.value.handleKeydownInput(e);
+    }, Ae = (e) => {
+      o.value = e, r.value || (r.value = !0);
+    }, ze = (e) => {
       const a = e.target;
       o.value ? o.value = [a.value, o.value[1]] : o.value = [a.value, null];
-    }, Ke = (e) => {
+    }, Ue = (e) => {
       const a = e.target;
       o.value ? o.value = [o.value[0], a.value] : o.value = [null, a.value];
-    }, ze = () => {
-      const e = o.value, a = z(e && e[0]), n = l(M);
+    }, Le = () => {
+      const e = o.value, a = M(e && e[0]), t = n(D);
       if (a && a.isValid()) {
         o.value = [
           Y(a),
-          d.value?.[1] || null
+          I.value?.[1] || null
         ];
-        const s = [a, n && (n[1] || null)];
-        N(s) && (b(s), o.value = null);
+        const i = [a, t && (t[1] || null)];
+        O(i) && (m($(i)), o.value = null);
       }
-    }, Ne = () => {
-      const e = l(o), a = z(e && e[1]), n = l(M);
+    }, je = () => {
+      const e = n(o), a = M(e && e[1]), t = n(D);
       if (a && a.isValid()) {
         o.value = [
-          l(d)?.[0] || null,
+          n(I)?.[0] || null,
           Y(a)
         ];
-        const s = [n && n[0], a];
-        N(s) && (b(s), o.value = null);
+        const i = [t && t[0], a];
+        O(i) && (m($(i)), o.value = null);
       }
-    }, r = f({}), Ae = (e) => {
-      r.value[e[0]] = e[1], r.value.panelReady = !0;
-    }, Ue = (e) => {
-      p("calendar-change", e);
-    }, je = (e, a, n) => {
-      p("panel-change", e, a, n);
+    }, u = f({}), We = (e) => {
+      u.value[e[0]] = e[1], u.value.panelReady = !0;
+    }, qe = (e) => {
+      v("calendar-change", e);
+    }, Je = (e, a, t) => {
+      v("panel-change", e, a, t);
+    }, Ye = () => {
+      c.value?.focus();
+    }, He = () => {
+      c.value?.blur();
     };
-    return Le("EP_PICKER_BASE", {
-      props: t
-    }), ye({
+    return _e(ca, {
+      props: l
+    }), be({
       /**
        * @description focus input box.
        */
-      focus: G,
-      /**
-       * @description emit focus event
-       */
-      handleFocusInput: S,
+      focus: Ye,
       /**
-       * @description emit blur event
+       * @description blur input box.
        */
-      handleBlurInput: F,
+      blur: He,
       /**
        * @description opens picker
        */
-      handleOpen: Te,
+      handleOpen: Ne,
       /**
        * @description closes picker
        */
@@ -231,177 +243,161 @@ const aa = ["id", "name", "placeholder", "value", "disabled", "readonly"], la =
       /**
        * @description pick item manually
        */
-      onPick: le
-    }), (e, a) => (k(), V(l(Xe), We({
+      onPick: x
+    }), (e, a) => (g(), h(n(sa), xe({
       ref_key: "refPopper",
-      ref: H,
-      visible: u.value,
+      ref: A,
+      visible: r.value,
       effect: "light",
       pure: "",
       trigger: "click"
     }, e.$attrs, {
       role: "dialog",
       teleported: "",
-      transition: `${l(m).namespace.value}-zoom-in-top`,
-      "popper-class": [`${l(m).namespace.value}-picker__popper`, e.popperClass],
-      "popper-options": l(Ie),
-      "fallback-placements": ["bottom", "top", "right", "left"],
+      transition: `${n(d).namespace.value}-zoom-in-top`,
+      "popper-class": [`${n(d).namespace.value}-picker__popper`, e.popperClass],
+      "popper-options": n(Ve),
+      "fallback-placements": e.fallbackPlacements,
       "gpu-acceleration": !1,
+      placement: e.placement,
       "stop-popper-mouse-event": !1,
       "hide-after": 0,
       persistent: "",
-      onBeforeShow: we,
-      onShow: Ee,
-      onHide: Se
+      onBeforeShow: Se,
+      onShow: De,
+      onHide: ee
     }), {
-      default: U(() => [
-        K.value ? (k(), Je("div", {
+      default: y(() => [
+        Be.value ? (g(), h(fa, {
           key: 1,
+          id: e.id,
           ref_key: "inputRef",
-          ref: y,
-          class: v([
-            l(m).b("editor"),
-            l(m).bm("editor", e.type),
-            l(w).e("wrapper"),
-            l(m).is("disabled", c.value),
-            l(m).is("active", u.value),
-            l(h).b("editor"),
-            l(Q) ? l(h).bm("editor", l(Q)) : "",
-            e.$attrs.class
-          ]),
-          style: pe(e.$attrs.style),
-          onClick: S,
-          onMouseenter: ue,
+          ref: c,
+          "model-value": I.value,
+          name: e.name,
+          disabled: p.value,
+          readonly: !e.editable || e.readonly,
+          "start-placeholder": e.startPlaceholder,
+          "end-placeholder": e.endPlaceholder,
+          class: b(Ee.value),
+          style: ie(e.$attrs.style),
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          autocomplete: "off",
+          role: "combobox",
+          onClick: R,
+          onFocus: n(Z),
+          onBlur: n(_),
+          onStartInput: ze,
+          onStartChange: Le,
+          onEndInput: Ue,
+          onEndChange: je,
+          onMousedown: R,
+          onMouseenter: te,
           onMouseleave: re,
-          onTouchstart: O,
-          onKeydown: ie
-        }, [
-          B.value ? (k(), V(l(q), {
-            key: 0,
-            icon: B.value,
-            class: v([l(w).e("icon"), l(h).e("icon")]),
-            onMousedown: R(T, ["prevent"]),
-            onTouchstart: O
-          }, null, 8, ["icon", "class"])) : j("", !0),
-          _("input", {
-            id: e.id && e.id[0],
-            autocomplete: "off",
-            name: e.name && e.name[0],
-            placeholder: e.startPlaceholder,
-            value: d.value && d.value[0],
-            disabled: c.value,
-            readonly: !e.editable || e.readonly,
-            class: v(l(h).b("input")),
-            onMousedown: T,
-            onInput: Oe,
-            onChange: ze,
-            onFocus: S,
-            onBlur: F
-          }, null, 42, aa),
-          ce(e.$slots, "range-separator", {}, () => [
-            _("span", {
-              class: v(l(h).b("separator"))
-            }, Ge(e.rangeSeparator), 3)
+          onTouchstartPassive: W,
+          onKeydown: ue
+        }, {
+          prefix: y(() => [
+            N.value ? (g(), h(n(K), {
+              key: 0,
+              icon: N.value,
+              class: b([n(w).e("icon"), n(k).e("icon")])
+            }, null, 8, ["icon", "class"])) : B("", !0)
+          ]),
+          "range-separator": y(() => [
+            se(e.$slots, "range-separator", {}, () => [
+              ea("span", {
+                class: b(n(k).b("separator"))
+              }, aa(e.rangeSeparator), 3)
+            ])
+          ]),
+          suffix: y(() => [
+            e.clearIcon ? (g(), h(n(K), {
+              key: 0,
+              icon: e.clearIcon,
+              class: b(we.value),
+              onMousedown: T(n(ce), ["prevent"]),
+              onClick: ne
+            }, null, 8, ["icon", "class", "onMousedown"])) : B("", !0)
           ]),
-          _("input", {
-            id: e.id && e.id[1],
-            autocomplete: "off",
-            name: e.name && e.name[1],
-            placeholder: e.endPlaceholder,
-            value: d.value && d.value[1],
-            disabled: c.value,
-            readonly: !e.editable || e.readonly,
-            class: v(l(h).b("input")),
-            onMousedown: T,
-            onFocus: S,
-            onBlur: F,
-            onInput: Ke,
-            onChange: Ne
-          }, null, 42, la),
-          e.clearIcon ? (k(), V(l(q), {
-            key: 1,
-            icon: e.clearIcon,
-            class: v([
-              l(w).e("icon"),
-              l(h).e("close-icon"),
-              {
-                [l(h).e("close-icon--hidden")]: !I.value
-              }
-            ]),
-            onClick: te
-          }, null, 8, ["icon", "class"])) : j("", !0)
-        ], 38)) : (k(), V(l(Qe), {
+          _: 3
+        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (g(), h(n(ua), {
           key: 0,
           id: e.id,
           ref_key: "inputRef",
-          ref: y,
+          ref: c,
           "container-role": "combobox",
-          "model-value": d.value,
+          "model-value": I.value,
           name: e.name,
-          size: l(Q),
-          disabled: c.value,
+          size: n(q),
+          disabled: p.value,
           placeholder: e.placeholder,
-          class: v([l(m).b("editor"), l(m).bm("editor", e.type), e.$attrs.class]),
-          style: pe(e.$attrs.style),
-          readonly: !e.editable || e.readonly || oe.value || e.type === "week",
-          label: e.label,
+          class: b([n(d).b("editor"), n(d).bm("editor", e.type), e.$attrs.class]),
+          style: ie(e.$attrs.style),
+          readonly: !e.editable || e.readonly || ae.value || le.value || oe.value || e.type === "week",
+          "aria-label": e.ariaLabel,
           tabindex: e.tabindex,
           "validate-event": !1,
-          onInput: $e,
-          onFocus: S,
-          onBlur: F,
-          onKeydown: ie,
-          onChange: X,
-          onMousedown: T,
-          onMouseenter: ue,
+          onInput: Ae,
+          onFocus: n(Z),
+          onBlur: n(_),
+          onKeydown: ue,
+          onChange: J,
+          onMousedown: R,
+          onMouseenter: te,
           onMouseleave: re,
-          onTouchstart: O,
-          onClick: a[0] || (a[0] = R(() => {
+          onTouchstartPassive: W,
+          onClick: a[0] || (a[0] = T(() => {
           }, ["stop"]))
         }, {
-          prefix: U(() => [
-            B.value ? (k(), V(l(q), {
+          prefix: y(() => [
+            N.value ? (g(), h(n(K), {
               key: 0,
-              icon: B.value,
-              class: v(l(w).e("icon")),
-              onMousedown: R(T, ["prevent"]),
-              onTouchstart: O
-            }, null, 8, ["icon", "class"])) : j("", !0)
+              icon: N.value,
+              class: b(n(w).e("icon")),
+              onMousedown: T(R, ["prevent"]),
+              onTouchstartPassive: W
+            }, null, 8, ["icon", "class"])) : B("", !0)
           ]),
-          suffix: U(() => [
-            I.value && e.clearIcon ? (k(), V(l(q), {
+          suffix: y(() => [
+            P.value && e.clearIcon ? (g(), h(n(K), {
               key: 0,
               icon: e.clearIcon,
-              class: v(`${l(w).e("icon")} clear-icon`),
-              onClick: R(te, ["stop"])
-            }, null, 8, ["icon", "class"])) : j("", !0)
+              class: b(`${n(w).e("icon")} clear-icon`),
+              onMousedown: T(n(ce), ["prevent"]),
+              onClick: ne
+            }, null, 8, ["icon", "class", "onMousedown"])) : B("", !0)
           ]),
           _: 1
-        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "label", "tabindex", "onKeydown"]))
+        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
       ]),
-      content: U(() => [
-        ce(e.$slots, "default", {
-          visible: u.value,
-          actualVisible: L.value,
-          parsedValue: M.value,
+      content: y(() => [
+        se(e.$slots, "default", {
+          visible: r.value,
+          actualVisible: z.value,
+          parsedValue: D.value,
           format: e.format,
+          dateFormat: e.dateFormat,
+          timeFormat: e.timeFormat,
           unlinkPanels: e.unlinkPanels,
           type: e.type,
           defaultValue: e.defaultValue,
-          onPick: le,
-          onSelectRange: Pe,
-          onSetPickerOption: Ae,
-          onCalendarChange: Ue,
-          onPanelChange: je,
-          onKeydown: De,
-          onMousedown: a[1] || (a[1] = R(() => {
+          showNow: e.showNow,
+          showWeekNumber: e.showWeekNumber,
+          onPick: x,
+          onSelectRange: Fe,
+          onSetPickerOption: We,
+          onCalendarChange: qe,
+          onPanelChange: Je,
+          onMousedown: a[1] || (a[1] = T(() => {
           }, ["stop"]))
         })
       ]),
       _: 3
-    }, 16, ["visible", "transition", "popper-class", "popper-options"]));
+    }, 16, ["visible", "transition", "popper-class", "popper-options", "fallback-placements", "placement"]));
   }
 });
 export {
-  Pa as default
+  Ua as default
 };