ep-craft 0.1.39 → 0.1.41

package/dist/components/time-picker/src/common/picker.vue.js

@@ -1,42 +1,37 @@
-import { defineComponent as He, useAttrs as Ge, inject as Qe, ref as K, computed as u, toRef as Xe, watch as Ze, nextTick as ae, unref as l, onBeforeUnmount as xe, provide as ye, openBlock as i, createBlock as d, mergeProps as _e, withCtx as p, renderSlot as ge, withModifiers as V, normalizeStyle as ke, normalizeClass as h, createElementBlock as ea, toDisplayString as Pe, createCommentVNode as F, resolveDynamicComponent as $, createElementVNode as aa } from "vue";
-import { onClickOutside as la, unrefElement as oa } from "@vueuse/core";
+import { defineComponent as Qe, useAttrs as Xe, inject as Ze, ref as K, computed as u, toRef as xe, watch as _e, nextTick as ae, unref as l, onBeforeUnmount as ea, provide as ge, openBlock as i, createBlock as d, mergeProps as aa, withCtx as p, renderSlot as ke, withModifiers as V, normalizeStyle as Pe, normalizeClass as y, createElementBlock as la, toDisplayString as Ce, createCommentVNode as F, resolveDynamicComponent as $, createElementVNode as oa } from "vue";
+import { onClickOutside as na, unrefElement as ta } from "@vueuse/core";
 import { useNamespace as le } from "../../../../hooks/use-namespace/index.js";
-import { NOOP as A, isArray as oe } from "@vue/shared";
-import "lodash-unified";
-import { getEventCode as na } from "../../../../utils/dom/event.js";
-import { Clock as ta, Calendar as ra } from "@element-plus/icons-vue";
-import { EVENT_CODE as N } from "../../../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as sa, CHANGE_EVENT as Ce } from "../../../../constants/event.js";
+import { useId as ra } from "../../../../hooks/use-id/index.js";
 import "../../../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../../../hooks/use-z-index/index.js";
-import "../../../../hooks/use-delayed-toggle/index.js";
 import "../../../../hooks/use-aria/index.js";
-import "../../../../hooks/use-model-toggle/index.js";
-import { useEmptyValues as ua } from "../../../../hooks/use-empty-values/index.js";
-import { useFocusController as ia } from "../../../../hooks/use-focus-controller/index.js";
-import { floatLabelProp as pa, useFloatLabel as ca } from "../../../../hooks/use-float-label/index.js";
-import "../../../form/index.js";
-import { EpInput as da } from "../../../input/index.js";
-import { EpIcon as z } from "../../../icon/index.js";
-import { EpTooltip as fa } from "../../../tooltip/index.js";
-import { valueEquals as va, dayOrDaysToDate as ne } from "../utils.js";
-import { PICKER_POPPER_OPTIONS_INJECTION_KEY as ma, PICKER_BASE_INJECTION_KEY as ba, ROOT_COMMON_PICKER_INJECTION_KEY as ha } from "../constants.js";
-import { useCommonPicker as ya } from "../composables/use-common-picker.js";
-import { timePickerDefaultProps as ga } from "./props.js";
-import ka from "./picker-range-trigger.vue.js";
-import { useFormItem as Pa } from "../../../form/src/hooks/use-form-item.js";
-import { useFormDisabled as Ca, useFormSize as Ea } from "../../../form/src/hooks/use-form-common-props.js";
-const _a = /* @__PURE__ */ He({
+import { useEmptyValues as sa } from "../../../../hooks/use-empty-values/index.js";
+import { useFocusController as ua } from "../../../../hooks/use-focus-controller/index.js";
+import { floatLabelProp as ia, useFloatLabel as pa } from "../../../../hooks/use-float-label/index.js";
+import { EpInput as ca } from "../../../input/index.js";
+import { EpIcon as A } from "../../../icon/index.js";
+import { EpTooltip as da } from "../../../tooltip/index.js";
+import { NOOP as z, isArray as oe } from "@vue/shared";
+import { getEventCode as fa } from "../../../../utils/dom/event.js";
+import { EVENT_CODE as N } from "../../../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as va, CHANGE_EVENT as Ee } from "../../../../constants/event.js";
+import { Clock as ma, Calendar as ba } from "@element-plus/icons-vue";
+import { valueEquals as ya, dayOrDaysToDate as ne } from "../utils.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as ha, PICKER_BASE_INJECTION_KEY as ga, ROOT_COMMON_PICKER_INJECTION_KEY as ka } from "../constants.js";
+import { useCommonPicker as Pa } from "../composables/use-common-picker.js";
+import { timePickerDefaultProps as Ca } from "./props.js";
+import Ea from "./picker-range-trigger.vue.js";
+import { useFormItem as wa } from "../../../form/src/hooks/use-form-item.js";
+import { useFormDisabled as Ia, useFormSize as Oa } from "../../../form/src/hooks/use-form-common-props.js";
+const Va = ["id"], xa = /* @__PURE__ */ Qe({
   name: "Picker",
   __name: "picker",
   props: {
-    ...ga,
-    floatLabelEnabled: pa.floatLabel
+    ...Ca,
+    floatLabelEnabled: ia.floatLabel
   },
   emits: [
-    sa,
-    Ce,
+    va,
+    Ee,
     "focus",
     "blur",
     "clear",
@@ -45,25 +40,25 @@ const _a = /* @__PURE__ */ He({
     "visible-change",
     "keydown"
   ],
-  setup(C, { expose: Ee, emit: we }) {
-    const o = C, g = we, Ie = Ge(), f = le("date"), E = le("input"), k = le("range"), { formItem: v } = Pa(), Oe = Qe(
-      ma,
+  setup(C, { expose: we, emit: Ie }) {
+    const o = C, g = Ie, Oe = Xe(), f = le("date"), E = le("input"), k = le("range"), { formItem: v } = wa(), Ve = Ze(
+      ha,
       {}
-    ), w = ua(o, null), U = K(), b = K(), J = K(null);
+    ), w = sa(o, null), U = K(), b = K(), J = K(null);
     let Y = !1;
-    const c = Ca(), te = ya(o, g), {
+    const c = Ia(), te = Pa(o, g), {
       parsedValue: S,
       pickerActualVisible: j,
       userInput: n,
       pickerVisible: r,
       pickerOptions: m,
-      valueIsEmpty: y,
+      valueIsEmpty: h,
       emitInput: I,
       onPick: W,
       onSetPickerOption: re,
       onCalendarChange: se,
       onPanelChange: ue
-    } = te, { isFocused: T, handleFocus: ie, handleBlur: pe } = ia(b, {
+    } = te, { isFocused: T, handleFocus: ie, handleBlur: pe } = ua(b, {
       disabled: c,
       beforeFocus() {
         return o.readonly;
@@ -77,14 +72,16 @@ const _a = /* @__PURE__ */ He({
       },
       afterBlur() {
         var e, a, t, s;
-        D.value && !o.saveOnBlur ? y.value || (a = (e = m.value).handleCancel) == null || a.call(e) : _(), r.value = !1, Y = !1, o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "blur")) == null || s.catch(A));
+        D.value && !o.saveOnBlur ? h.value || (a = (e = m.value).handleCancel) == null || a.call(e) : _(), r.value = !1, Y = !1, o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "blur")) == null || s.catch(z));
       }
-    }), { floatLabelClass: Ve } = ca({
-      floatLabel: Xe(o, "floatLabelEnabled"),
+    }), { floatLabelClass: Fe } = pa({
+      floatLabel: xe(o, "floatLabelEnabled"),
       isFocused: u(() => r.value || T.value),
-      hasValue: u(() => !y.value),
+      hasValue: u(() => !h.value),
       isDisabled: c
-    }), q = K(!1), Fe = u(() => [
+    }), ce = ra(), Ne = u(
+      () => o.floatLabelEnabled && o.placeholder && !o.ariaLabel ? ce.value : void 0
+    ), q = K(!1), Se = u(() => [
       f.b("editor"),
       f.bm("editor", o.type),
       E.e("wrapper"),
@@ -92,13 +89,13 @@ const _a = /* @__PURE__ */ He({
       f.is("active", r.value),
       k.b("editor"),
       Z ? k.bm("editor", Z.value) : "",
-      Ie.class
-    ]), Ne = u(() => [
+      Oe.class
+    ]), Te = u(() => [
       E.e("icon"),
       k.e("close-icon"),
       G.value ? "" : k.em("close-icon", "hidden")
     ]);
-    Ze(r, (e) => {
+    _e(r, (e) => {
       e ? ae(() => {
         e && (J.value = o.modelValue);
       }) : (n.value = null, ae(() => {
@@ -107,71 +104,71 @@ const _a = /* @__PURE__ */ He({
     });
     const H = (e, a) => {
       var t, s;
-      (a || !va(e, J.value)) && (g(Ce, e), a && (J.value = e), o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "change")) == null || s.catch(A)));
-    }, Se = (e) => {
+      (a || !ya(e, J.value)) && (g(Ee, e), a && (J.value = e), o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "change")) == null || s.catch(z)));
+    }, De = (e) => {
       g("keydown", e);
-    }, Te = u(() => b.value ? Array.from(
+    }, Le = u(() => b.value ? Array.from(
       b.value.$el.querySelectorAll("input")
-    ) : []), De = (e, a, t) => {
-      const s = Te.value;
+    ) : []), Me = (e, a, t) => {
+      const s = Le.value;
       s.length && (!t || t === "min" ? (s[0].setSelectionRange(e, a), s[0].focus()) : t === "max" && (s[1].setSelectionRange(e, a), s[1].focus()));
-    }, Me = () => {
-      j.value = !0;
     }, Re = () => {
+      j.value = !0;
+    }, Be = () => {
       g("visible-change", !0);
-    }, ce = () => {
+    }, de = () => {
       j.value = !1, r.value = !1, g("visible-change", !1);
-    }, Be = () => {
+    }, Ke = () => {
       r.value = !0;
-    }, Le = () => {
+    }, $e = () => {
       r.value = !1;
     }, P = u(() => {
       const e = ee(S.value);
       return oe(n.value) ? [
         n.value[0] ?? (e && e[0]) ?? "",
         n.value[1] ?? (e && e[1]) ?? ""
-      ] : n.value !== null ? n.value : D.value && y.value && !o.saveOnBlur || !D.value && y.value || !r.value && y.value ? "" : e ? de.value || fe.value || ve.value ? e.join(", ") : e : "";
-    }), Ke = u(() => o.type.includes("time")), D = u(() => o.type.startsWith("time")), de = u(() => o.type === "dates"), fe = u(() => o.type === "months"), ve = u(() => o.type === "years"), M = u(
-      () => o.prefixIcon || (Ke.value ? ta : ra)
+      ] : n.value !== null ? n.value : D.value && h.value && !o.saveOnBlur || !D.value && h.value || !r.value && h.value ? "" : e ? fe.value || ve.value || me.value ? e.join(", ") : e : "";
+    }), Ae = u(() => o.type.includes("time")), D = u(() => o.type.startsWith("time")), fe = u(() => o.type === "dates"), ve = u(() => o.type === "months"), me = u(() => o.type === "years"), L = u(
+      () => o.prefixIcon || (Ae.value ? ma : ba)
     ), G = u(
-      () => o.clearable && !c.value && !o.readonly && !y.value && (q.value || T.value)
+      () => o.clearable && !c.value && !o.readonly && !h.value && (q.value || T.value)
     ), Q = (e) => {
-      o.readonly || c.value || (G.value && (e == null || e.stopPropagation(), m.value.handleClear ? m.value.handleClear() : I(w.valueOnClear.value), H(w.valueOnClear.value, !0), ce()), g("clear"));
-    }, R = async (e) => {
+      o.readonly || c.value || (G.value && (e == null || e.stopPropagation(), m.value.handleClear ? m.value.handleClear() : I(w.valueOnClear.value), H(w.valueOnClear.value, !0), de()), g("clear"));
+    }, M = async (e) => {
       var a;
       o.readonly || c.value || (((a = e.target) == null ? void 0 : a.tagName) !== "INPUT" || T.value || !o.automaticDropdown) && (r.value = !0);
-    }, me = () => {
-      o.readonly || c.value || !y.value && o.clearable && (q.value = !0);
     }, be = () => {
+      o.readonly || c.value || !h.value && o.clearable && (q.value = !0);
+    }, ye = () => {
       q.value = !1;
     }, X = (e) => {
       var a;
       o.readonly || c.value || (((a = e.touches[0].target) == null ? void 0 : a.tagName) !== "INPUT" || T.value || !o.automaticDropdown) && (r.value = !0);
-    }, $e = u(() => o.type.includes("range")), Z = Ea(), Ae = u(() => {
+    }, ze = u(() => o.type.includes("range")), Z = Oa(), Ue = u(() => {
       var e, a;
       return (a = (e = l(U)) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
-    }), x = la(
+    }), x = na(
       b,
       (e) => {
-        const a = l(Ae), t = oa(b);
+        const a = l(Ue), t = ta(b);
         a && (e.target === a || e.composedPath().includes(a)) || e.target === t || t && e.composedPath().includes(t) || (r.value = !1);
       }
     );
-    xe(() => {
+    ea(() => {
       x == null || x();
     });
     const _ = () => {
       if (D.value && !o.saveOnBlur) return;
       const e = oe(n.value) && n.value.every((a) => a === "");
       if (n.value && !e) {
-        const a = B(P.value);
-        a && (L(a) && I(ne(a)), n.value = null);
+        const a = R(P.value);
+        a && (B(a) && I(ne(a)), n.value = null);
       }
       (n.value === "" || e) && (I(w.valueOnClear.value), H(w.valueOnClear.value, !0), n.value = null);
-    }, B = (e) => e ? m.value.parseUserInput(e) : null, ee = (e) => e ? oe(e) ? e.map((t) => t.format(o.format)) : e.format(o.format) : null, L = (e) => m.value.isValidValue(e), he = async (e) => {
+    }, R = (e) => e ? m.value.parseUserInput(e) : null, ee = (e) => e ? oe(e) ? e.map((t) => t.format(o.format)) : e.format(o.format) : null, B = (e) => m.value.isValidValue(e), he = async (e) => {
       if (o.readonly || c.value) return;
-      const a = na(e);
-      if (Se(e), a === N.esc) {
+      const a = fa(e);
+      if (De(e), a === N.esc) {
         r.value === !0 && (r.value = !1, e.preventDefault(), e.stopPropagation());
         return;
       }
@@ -184,7 +181,7 @@ const _a = /* @__PURE__ */ He({
         return;
       }
       if (a === N.enter || a === N.numpadEnter) {
-        r.value ? (n.value === null || n.value === "" || L(B(P.value))) && (_(), r.value = !1) : r.value = !0, e.preventDefault(), e.stopPropagation();
+        r.value ? (n.value === null || n.value === "" || B(R(P.value))) && (_(), r.value = !1) : r.value = !0, e.preventDefault(), e.stopPropagation();
         return;
       }
       if (n.value) {
@@ -192,68 +189,68 @@ const _a = /* @__PURE__ */ He({
         return;
       }
       m.value.handleKeydownInput && m.value.handleKeydownInput(e);
-    }, ze = (e) => {
+    }, Je = (e) => {
       n.value = e, r.value || (r.value = !0);
-    }, Ue = (e) => {
+    }, Ye = (e) => {
       const a = e.target;
       n.value ? n.value = [a.value, n.value[1]] : n.value = [a.value, null];
-    }, Je = (e) => {
+    }, je = (e) => {
       const a = e.target;
       n.value ? n.value = [n.value[0], a.value] : n.value = [null, a.value];
-    }, Ye = () => {
+    }, We = () => {
       var s;
-      const e = n.value, a = B(e && e[0]), t = l(S);
+      const e = n.value, a = R(e && e[0]), t = l(S);
       if (a && a.isValid()) {
         n.value = [
           ee(a),
           ((s = P.value) == null ? void 0 : s[1]) || null
         ];
         const O = [a, t && (t[1] || null)];
-        L(O) && (I(ne(O)), n.value = null);
+        B(O) && (I(ne(O)), n.value = null);
       }
-    }, je = () => {
+    }, qe = () => {
       var s;
-      const e = l(n), a = B(e && e[1]), t = l(S);
+      const e = l(n), a = R(e && e[1]), t = l(S);
       if (a && a.isValid()) {
         n.value = [
           ((s = l(P)) == null ? void 0 : s[0]) || null,
           ee(a)
         ];
         const O = [t && t[0], a];
-        L(O) && (I(ne(O)), n.value = null);
+        B(O) && (I(ne(O)), n.value = null);
       }
-    }, We = () => {
+    }, He = () => {
       var e;
       (e = b.value) == null || e.focus();
-    }, qe = () => {
+    }, Ge = () => {
       var e;
       (e = b.value) == null || e.blur();
     };
-    return ye(ba, {
+    return ge(ga, {
       props: o,
       emptyValues: w
-    }), ye(ha, te), Ee({
+    }), ge(ka, te), we({
       /**
        * @description focus input box.
        */
-      focus: We,
+      focus: He,
       /**
        * @description blur input box.
        */
-      blur: qe,
+      blur: Ge,
       /**
        * @description opens picker
        */
-      handleOpen: Be,
+      handleOpen: Ke,
       /**
        * @description closes picker
        */
-      handleClose: Le,
+      handleClose: $e,
       /**
        * @description pick item manually
        */
       onPick: W
-    }), (e, a) => (i(), d(l(fa), _e({
+    }), (e, a) => (i(), d(l(da), aa({
       ref_key: "refPopper",
       ref: U,
       visible: l(r),
@@ -266,19 +263,19 @@ const _a = /* @__PURE__ */ He({
       transition: `${l(f).namespace.value}-zoom-in-top`,
       "popper-class": [`${l(f).namespace.value}-picker__popper`, e.popperClass],
       "popper-style": e.popperStyle,
-      "popper-options": l(Oe),
+      "popper-options": l(Ve),
       "fallback-placements": e.fallbackPlacements,
       "gpu-acceleration": !1,
       placement: e.placement,
       "stop-popper-mouse-event": !1,
       "hide-after": 0,
       persistent: "",
-      onBeforeShow: Me,
-      onShow: Re,
-      onHide: ce
+      onBeforeShow: Re,
+      onShow: Be,
+      onHide: de
     }), {
       default: p(() => [
-        $e.value ? (i(), d(ka, {
+        ze.value ? (i(), d(Ea, {
           key: 1,
           id: (
             // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
@@ -297,48 +294,48 @@ const _a = /* @__PURE__ */ He({
           "end-placeholder": e.endPlaceholder,
           placeholder: e.placeholder,
           "float-label": C.floatLabelEnabled,
-          class: h(Fe.value),
-          style: ke(e.$attrs.style),
+          class: y(Se.value),
+          style: Pe(e.$attrs.style),
           "aria-label": e.ariaLabel,
           tabindex: e.tabindex,
           autocomplete: "off",
           role: "combobox",
-          onClick: R,
+          onClick: M,
           onFocus: l(ie),
           onBlur: l(pe),
-          onStartInput: Ue,
-          onStartChange: Ye,
-          onEndInput: Je,
-          onEndChange: je,
-          onMousedown: R,
-          onMouseenter: me,
-          onMouseleave: be,
+          onStartInput: Ye,
+          onStartChange: We,
+          onEndInput: je,
+          onEndChange: qe,
+          onMousedown: M,
+          onMouseenter: be,
+          onMouseleave: ye,
           onTouchstartPassive: X,
           onKeydown: he
         }, {
           prefix: p(() => [
-            M.value ? (i(), d(l(z), {
+            L.value ? (i(), d(l(A), {
               key: 0,
-              class: h([l(E).e("icon"), l(k).e("icon")])
+              class: y([l(E).e("icon"), l(k).e("icon")])
             }, {
               default: p(() => [
-                (i(), d($(M.value)))
+                (i(), d($(L.value)))
               ]),
               _: 1
             }, 8, ["class"])) : F("", !0)
           ]),
           "range-separator": p(() => [
-            ge(e.$slots, "range-separator", {}, () => [
-              aa("span", {
-                class: h(l(k).b("separator"))
-              }, Pe(e.rangeSeparator), 3)
+            ke(e.$slots, "range-separator", {}, () => [
+              oa("span", {
+                class: y(l(k).b("separator"))
+              }, Ce(e.rangeSeparator), 3)
             ])
           ]),
           suffix: p(() => [
-            e.clearIcon ? (i(), d(l(z), {
+            e.clearIcon ? (i(), d(l(A), {
               key: 0,
-              class: h(Ne.value),
-              onMousedown: V(l(A), ["prevent"]),
+              class: y(Te.value),
+              onMousedown: V(l(z), ["prevent"]),
               onClick: Q
             }, {
               default: p(() => [
@@ -348,7 +345,7 @@ const _a = /* @__PURE__ */ He({
             }, 8, ["class", "onMousedown"])) : F("", !0)
           ]),
           _: 3
-        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "placeholder", "float-label", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (i(), d(l(da), {
+        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "placeholder", "float-label", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (i(), d(l(ca), {
           key: 0,
           id: (
             // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
@@ -368,48 +365,49 @@ const _a = /* @__PURE__ */ He({
           size: l(Z),
           disabled: l(c),
           placeholder: C.floatLabelEnabled ? void 0 : e.placeholder,
-          class: h([
+          class: y([
             l(f).b("editor"),
             l(f).bm("editor", e.type),
             l(f).is("focus", l(r)),
             l(f).is("float-label", C.floatLabelEnabled),
             e.$attrs.class
           ]),
-          style: ke(e.$attrs.style),
-          readonly: !e.editable || e.readonly || de.value || fe.value || ve.value || e.type === "week",
+          style: Pe(e.$attrs.style),
+          readonly: !e.editable || e.readonly || fe.value || ve.value || me.value || e.type === "week",
           "aria-label": e.ariaLabel,
+          "aria-labelledby": Ne.value,
           tabindex: e.tabindex,
           "validate-event": !1,
-          onInput: ze,
+          onInput: Je,
           onFocus: l(ie),
           onBlur: l(pe),
           onKeydown: he,
           onChange: _,
-          onMousedown: R,
-          onMouseenter: me,
-          onMouseleave: be,
+          onMousedown: M,
+          onMouseenter: be,
+          onMouseleave: ye,
           onTouchstartPassive: X,
           onClick: a[0] || (a[0] = V(() => {
           }, ["stop"]))
         }, {
           prefix: p(() => [
-            M.value ? (i(), d(l(z), {
+            L.value ? (i(), d(l(A), {
               key: 0,
-              class: h(l(E).e("icon")),
-              onMousedown: V(R, ["prevent"]),
+              class: y(l(E).e("icon")),
+              onMousedown: V(M, ["prevent"]),
               onTouchstartPassive: X
             }, {
               default: p(() => [
-                (i(), d($(M.value)))
+                (i(), d($(L.value)))
               ]),
               _: 1
             }, 8, ["class"])) : F("", !0)
           ]),
           suffix: p(() => [
-            G.value && e.clearIcon ? (i(), d(l(z), {
+            G.value && e.clearIcon ? (i(), d(l(A), {
               key: 0,
-              class: h(`${l(E).e("icon")} clear-icon`),
-              onMousedown: V(l(A), ["prevent"]),
+              class: y(`${l(E).e("icon")} clear-icon`),
+              onMousedown: V(l(z), ["prevent"]),
               onClick: Q
             }, {
               default: p(() => [
@@ -419,16 +417,17 @@ const _a = /* @__PURE__ */ He({
             }, 8, ["class", "onMousedown"])) : F("", !0)
           ]),
           default: p(() => [
-            C.floatLabelEnabled ? (i(), ea("span", {
+            C.floatLabelEnabled ? (i(), la("span", {
               key: 0,
-              class: h(["el-float-label", l(Ve)])
-            }, Pe(e.placeholder), 3)) : F("", !0)
+              id: l(ce),
+              class: y(["el-float-label", l(Fe)])
+            }, Ce(e.placeholder), 11, Va)) : F("", !0)
           ]),
           _: 1
-        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
+        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "aria-labelledby", "tabindex", "onFocus", "onBlur"]))
       ]),
       content: p(() => [
-        ge(e.$slots, "default", {
+        ke(e.$slots, "default", {
           visible: l(r),
           actualVisible: l(j),
           parsedValue: l(S),
@@ -445,7 +444,7 @@ const _a = /* @__PURE__ */ He({
           singlePanel: e.singlePanel,
           onPick: a[1] || (a[1] = //@ts-ignore
           (...t) => l(W) && l(W)(...t)),
-          onSelectRange: De,
+          onSelectRange: Me,
           onSetPickerOption: a[2] || (a[2] = //@ts-ignore
           (...t) => l(re) && l(re)(...t)),
           onCalendarChange: a[3] || (a[3] = //@ts-ignore
@@ -462,5 +461,5 @@ const _a = /* @__PURE__ */ He({
   }
 });
 export {
-  _a as default
+  xa as default
 };