hys-ui 0.2.0 → 0.4.0

package/dist/components/HysDatePicker/HysDatePickerControl2.vue.js

@@ -1,55 +1,58 @@
-import { defineComponent as ua, useSlots as da, computed as p, useAttrs as ca, ref as K, useId as va, provide as fa, watch as Q, nextTick as L, onMounted as ya, onUpdated as pa, onActivated as ma, onDeactivated as ha, onBeforeUnmount as ba, openBlock as u, createElementBlock as c, mergeProps as j, unref as a, withModifiers as Ne, normalizeClass as We, Fragment as $, renderSlot as S, createCommentVNode as m, renderList as M, createTextVNode as V, toDisplayString as h, createElementVNode as P, createVNode as me, createBlock as z, resolveDynamicComponent as ka, Teleport as wa, createSlots as ga, withCtx as A, withDirectives as Ba, vShow as Ca, mergeDefaults as Sa } from "vue";
-import { X as Pa, Clock3 as qe, CalendarDays as $a } from "lucide-vue-next";
+import { defineComponent as ua, useSlots as da, computed as y, useAttrs as ca, ref as K, useId as va, provide as fa, watch as Q, nextTick as L, onMounted as pa, onUpdated as ya, onActivated as ma, onDeactivated as ha, onBeforeUnmount as ba, openBlock as s, createElementBlock as v, mergeProps as j, unref as a, withModifiers as Ne, normalizeClass as We, Fragment as $, renderSlot as S, createCommentVNode as m, renderList as M, createTextVNode as T, toDisplayString as h, createElementVNode as P, createVNode as oe, createBlock as A, resolveDynamicComponent as ka, Teleport as wa, withCtx as V, createSlots as ga, withDirectives as Ba, vShow as Ca, mergeDefaults as Sa } from "vue";
+import Pa from "../../motion/PopupMotion.js";
+import { X as $a, Clock3 as qe, CalendarDays as Da } from "lucide-vue-next";
 import Y from "../HysButton/HysButton.vue.js";
-import Da from "../HysSelect/HysSelect.vue.js";
-import Ea from "./HysDatePickerPanel.vue.js";
-import { useHysRootAttrs as Fa } from "../../config.js";
-import { useHysFormItemContext as Ma, useHysControlState as Va, fieldKey as Ta } from "../../composables/formContext.js";
-import { useFloating as za } from "../../composables/useFloating.js";
-import { useChoiceNativeReset as Aa } from "../../composables/choiceModel.js";
-import { useDatePicker as Na } from "../../composables/useDatePicker.js";
-import { dateNative as Wa, datePickerDefaults as qa } from "../../composables/datePicker.js";
-const Oa = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex", "aria-label", "aria-required", "aria-invalid", "aria-disabled", "aria-describedby"], ja = {
+import Ea from "../HysSelect/HysSelect.vue.js";
+import Fa from "./HysDatePickerPanel.vue.js";
+import { useHysRootAttrs as Ma } from "../../config.js";
+import { useHysFormItemContext as Ta, useHysControlState as Va, fieldKey as za } from "../../composables/formContext.js";
+import { useFloating as Aa } from "../../composables/useFloating.js";
+import { useChoiceNativeReset as Na } from "../../composables/choiceModel.js";
+import { useDatePicker as Wa } from "../../composables/useDatePicker.js";
+import { dateNative as qa, datePickerDefaults as Oa } from "../../composables/datePicker.js";
+const ja = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex", "aria-label", "aria-required", "aria-invalid", "aria-disabled", "aria-describedby"], Ra = {
   key: 0,
   class: "hys-ui-date-prefix"
-}, Ra = {
+}, Ha = {
   key: 0,
   class: "hys-ui-date-separator"
-}, Ha = ["id", "value", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-describedby", "disabled", "readonly", "placeholder", "onInput", "onKeydown", "onBlur"], Ia = ["id", "disabled", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-disabled", "aria-describedby", "aria-readonly"], Ka = {
+}, Ia = ["id", "value", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-describedby", "disabled", "readonly", "placeholder", "onInput", "onKeydown", "onBlur"], Ka = ["id", "disabled", "aria-label", "aria-expanded", "aria-controls", "aria-invalid", "aria-required", "aria-disabled", "aria-describedby", "aria-readonly"], La = {
   key: 0,
   class: "hys-ui-date-prefix"
-}, La = { class: "hys-ui-date-icons" }, Ua = ["aria-label"], Xa = {
+}, Ua = { class: "hys-ui-date-icons" }, Xa = ["aria-label"], Ga = {
   class: "hys-ui-date-suffix",
   "aria-hidden": "true"
-}, Ga = ["name", "value", "form", "disabled"], Ja = ["id"], Qa = ["id", "role", "aria-label"], Ya = {
+}, Ja = ["name", "value", "form", "disabled"], Qa = ["id"], Ya = ["id", "role", "aria-label"], Za = {
   key: 0,
   class: "hys-ui-date-popup-header"
-}, Za = {
+}, xa = {
   key: 1,
   class: "hys-ui-date-shortcuts"
-}, xa = ["disabled", "onClick"], _a = {
+}, _a = ["disabled", "onClick"], et = {
   key: 2,
   class: "hys-ui-date-range-status"
-}, et = ["disabled", "aria-pressed", "onClick"], at = {
+}, at = ["disabled", "aria-pressed", "onClick"], tt = {
   class: "hys-ui-date-range-instruction",
   role: "status"
-}, tt = { class: "hys-ui-date-panels" }, lt = {
+}, lt = { class: "hys-ui-date-panels" }, ot = {
   key: 3,
   class: "hys-ui-date-time-area",
   "data-hys-ui-form-internal": ""
-}, ot = {
+}, it = {
   key: 0,
   class: "hys-ui-date-time-colon"
-}, it = {
+}, nt = {
   key: 4,
   class: "hys-ui-date-partial"
-}, nt = ["disabled", "onClick"], st = ["id"], rt = {
+}, rt = ["disabled", "onClick"], st = ["id"], ut = {
   key: 6,
   class: "hys-ui-date-footer"
-}, ut = { class: "hys-ui-date-footer-shortcuts" }, dt = { class: "hys-ui-date-footer-actions" }, Bt = /* @__PURE__ */ ua({
+}, dt = { class: "hys-ui-date-footer-shortcuts" }, ct = { class: "hys-ui-date-footer-actions" }, St = /* @__PURE__ */ ua({
   inheritAttrs: !1,
   __name: "HysDatePickerControl",
   props: /* @__PURE__ */ Sa({
+    popupTransition: {},
+    popupTransitionDuration: {},
     modelValue: {},
     defaultValue: {},
     clearValue: {},
@@ -122,7 +125,7 @@ const Oa = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     validateEvent: { type: Boolean },
     cellClassName: { type: Function },
     range: { type: Boolean }
-  }, qa),
+  }, Oa),
   emits: [
     "update:modelValue",
     "change",
@@ -139,284 +142,284 @@ const Oa = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
     "focus",
     "blur"
   ],
-  setup(s, { expose: Oe, emit: je }) {
-    const i = s, Re = da(), He = p(
+  setup(r, { expose: Oe, emit: je }) {
+    const o = r, Re = da(), He = y(
       () => ["prev-month", "next-month", "prev-year", "next-year"].filter(
         (e) => !!Re[e]
       )
-    ), R = je, oe = ca(), he = Fa(), w = Ma(), B = Va({
+    ), R = je, ie = ca(), he = Ma(), w = Ta(), B = Va({
       get disabled() {
         var e;
-        return typeof i.disabled == "boolean" ? i.disabled : !!((e = i.disabled) != null && e.every(Boolean));
+        return typeof o.disabled == "boolean" ? o.disabled : !!((e = o.disabled) != null && e.every(Boolean));
       },
       get size() {
-        return i.size;
+        return o.size;
       }
-    }), C = K(), Z = K(), U = K(), ie = /* @__PURE__ */ new Map(), N = K(!0), v = p(() => !!i.range), b = p(
-      () => !N.value || B.disabled.value || !!i.readonly
-    ), T = va(), X = K(!1), H = K([]);
-    fa(Ta, void 0);
-    const o = Na(
-      i,
-      v,
+    }), C = K(), Z = K(), U = K(), ne = /* @__PURE__ */ new Map(), N = K(!0), f = y(() => !!o.range), b = y(
+      () => !N.value || B.disabled.value || !!o.readonly
+    ), z = va(), X = K(!1), H = K([]);
+    fa(za, void 0);
+    const l = Wa(
+      o,
+      f,
       b,
       (e, ...t) => R(e, ...t),
       () => {
-        i.validateEvent && w.validate("change");
+        o.validateEvent && w.validate("change");
       }
     ), {
       draft: k,
       words: d,
-      current: ne,
+      current: re,
       selected: Ie,
       view: se,
       panels: be,
       error: I,
       time: x,
       needsConfirm: W
-    } = o;
-    o.begin();
-    const re = p(
-      () => N.value && (i.inline || f.open.value)
-    ), Ke = p(
+    } = l;
+    l.begin();
+    const ue = y(
+      () => N.value && (o.inline || p.open.value)
+    ), Ke = y(
       () => C.value ? {
         getBoundingClientRect: () => C.value.getBoundingClientRect(),
         contains: (e) => C.value.contains(e),
-        focus: fe,
+        focus: pe,
         get isConnected() {
           var e;
           return !!((e = C.value) != null && e.isConnected);
         }
       } : void 0
     );
-    let ue = !1, q = 0;
-    const f = za(Ke, U, {
+    let de = !1, q = 0;
+    const p = Aa(Ke, U, {
       get placement() {
-        return i.placement;
+        return o.placement;
       },
-      width: () => i.popupWidth,
-      requestOpen: (e, t) => (e || (ue = !!t), R("update:open", e), i.open === void 0 ? void 0 : !1)
-    }), ke = p(() => i.inline || f.open.value), de = p(
-      () => i.placeholder || (v.value ? `${i.startPlaceholder ?? d.value.start}${i.rangeSeparator}${i.endPlaceholder ?? d.value.end}` : d.value.empty)
-    ), we = p(() => {
-      const e = o.describe();
-      return v.value ? e.some(Boolean) ? [
-        e[0] || i.startPlaceholder || d.value.start,
-        e[1] || i.endPlaceholder || d.value.end
-      ].join(i.rangeSeparator) : "" : e.filter(Boolean).join("、");
-    }), ge = p(() => o.valid(k.value)), Le = p(
-      () => W.value && (v.value ? k.value.every(Boolean) : k.value.length) && !ge.value ? d.value.invalid : ""
-    ), Be = p(() => I.value || Le.value), Ce = p(
-      () => i.clearable && !b.value && Ie.value.some((e, t) => e && !o.locked(t))
-    ), G = p(() => String(oe.id ?? w.id.value ?? T)), J = p(
-      () => i.ariaLabel || i.label || w.label.value || de.value
-    ), _ = p(
-      () => i.status ?? (w.error.value || I.value ? "error" : w.status.value)
-    ), Ue = p(
-      () => i.inline ? {
-        ...i.popupStyle,
+      width: () => o.popupWidth,
+      requestOpen: (e, t) => (e || (de = !!t), R("update:open", e), o.open === void 0 ? void 0 : !1)
+    }), ke = y(() => o.inline || p.open.value), ce = y(
+      () => o.placeholder || (f.value ? `${o.startPlaceholder ?? d.value.start}${o.rangeSeparator}${o.endPlaceholder ?? d.value.end}` : d.value.empty)
+    ), we = y(() => {
+      const e = l.describe();
+      return f.value ? e.some(Boolean) ? [
+        e[0] || o.startPlaceholder || d.value.start,
+        e[1] || o.endPlaceholder || d.value.end
+      ].join(o.rangeSeparator) : "" : e.filter(Boolean).join("、");
+    }), ge = y(() => l.valid(k.value)), Le = y(
+      () => W.value && (f.value ? k.value.every(Boolean) : k.value.length) && !ge.value ? d.value.invalid : ""
+    ), Be = y(() => I.value || Le.value), Ce = y(
+      () => o.clearable && !b.value && Ie.value.some((e, t) => e && !l.locked(t))
+    ), G = y(() => String(ie.id ?? w.id.value ?? z)), J = y(
+      () => o.ariaLabel || o.label || w.label.value || ce.value
+    ), _ = y(
+      () => o.status ?? (w.error.value || I.value ? "error" : w.status.value)
+    ), Ue = y(
+      () => o.inline ? {
+        ...o.popupStyle,
         position: "static",
         width: "100%",
         maxWidth: "100%",
         boxShadow: "none"
       } : {
-        ...i.popupStyle,
-        ...f.style.value,
-        width: i.popupWidth ?? (v.value && !i.singlePanel ? "576px" : "304px"),
+        ...o.popupStyle,
+        ...p.style.value,
+        width: o.popupWidth ?? (f.value && !o.singlePanel ? "576px" : "304px"),
         maxWidth: "calc(100vw - 20px)",
         maxHeight: "min(80dvh,calc(100dvh - 20px))"
       }
-    ), Se = p(() => v.value && !i.singlePanel ? 2 : 1), ce = /* @__PURE__ */ new Map(), ve = p(
-      () => k.value.map((e) => e ? Wa(e) : null)
-    ), Xe = p(
-      () => v.value && o.stage.value === "end" ? o.preview.value : void 0
+    ), Se = y(() => f.value && !o.singlePanel ? 2 : 1), ve = /* @__PURE__ */ new Map(), fe = y(
+      () => k.value.map((e) => e ? qa(e) : null)
+    ), Xe = y(
+      () => f.value && l.stage.value === "end" ? l.preview.value : void 0
     ), Ge = () => Object.fromEntries(
-      Object.entries(oe).filter(
+      Object.entries(ie).filter(
         ([e]) => e !== "id" && !e.startsWith("aria-")
       )
     ), Pe = () => Object.fromEntries(
-      Object.entries(oe).filter(([e]) => e.startsWith("aria-"))
+      Object.entries(ie).filter(([e]) => e.startsWith("aria-"))
     );
     function Je(e, t) {
-      t instanceof HTMLInputElement ? ie.set(e, t) : ie.delete(e);
+      t instanceof HTMLInputElement ? ne.set(e, t) : ne.delete(e);
     }
     function g() {
-      if (H.value = o.describe(), v.value) for (; H.value.length < 2; ) H.value.push("");
+      if (H.value = l.describe(), f.value) for (; H.value.length < 2; ) H.value.push("");
     }
-    function fe() {
+    function pe() {
       var e;
-      B.disabled.value || (e = !i.inline && i.editable && !o.multiple.value ? ie.get(0) : Z.value ?? C.value) == null || e.focus();
+      B.disabled.value || (e = !o.inline && o.editable && !l.multiple.value ? ne.get(0) : Z.value ?? C.value) == null || e.focus();
     }
     async function $e() {
       var e;
-      await L(), await ((e = ce.get(0)) == null ? void 0 : e.focus());
+      await L(), await ((e = ve.get(0)) == null ? void 0 : e.focus());
     }
     async function D(e = !0, t = !1) {
       if (b.value) return !1;
-      const r = q, y = f.open.value;
-      return i.inline || await f.show(t), await L(), !re.value || r !== q ? !1 : (y || (o.begin(), g()), await L(), f.update(), e && await $e(), re.value);
+      const i = q, c = p.open.value;
+      return o.inline || await p.show(t), await L(), !ue.value || i !== q ? !1 : (c || (l.begin(), g()), await L(), p.update(), e && await $e(), ue.value);
     }
     function E(e = !1) {
-      i.inline || f.close(e);
+      o.inline || p.close(e);
     }
     function ee() {
-      o.begin(), g(), E(!0);
+      l.begin(), g(), E(!0);
     }
     async function ae() {
-      const e = await o.clear();
+      const e = await l.clear();
       return e && (g(), E(!0)), e;
     }
     async function te() {
-      const e = await o.confirm();
+      const e = await l.confirm();
       return e && (g(), E(!0)), e;
     }
     async function De(e) {
-      const t = q, r = await o.choose(e);
-      !N.value || t !== q || r && !W.value && !o.multiple.value && !i.inline && (g(), E(!0));
+      const t = q, i = await l.choose(e);
+      !N.value || t !== q || i && !W.value && !l.multiple.value && !o.inline && (g(), E(!0));
     }
     async function Qe(e) {
       var t;
-      if (o.pickShortcut(e))
+      if (l.pickShortcut(e))
         if (!W.value)
-          await o.request(o.encode(k.value), "shortcut") && (g(), E(!0));
+          await l.request(l.encode(k.value), "shortcut") && (g(), E(!0));
         else {
-          const r = (t = k.value.find(Boolean)) == null ? void 0 : t.day;
-          r !== void 0 && o.setPanel(r);
+          const i = (t = k.value.find(Boolean)) == null ? void 0 : t.day;
+          i !== void 0 && l.setPanel(i);
         }
     }
     async function Ee(e) {
-      if (i.inputReadonly || b.value) return !1;
-      const t = await o.input(H.value[e] ?? "", e);
+      if (o.inputReadonly || b.value) return !1;
+      const t = await l.input(H.value[e] ?? "", e);
       return t && g(), t;
     }
     function ye(e, t = 0) {
-      e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && !e.altKey ? (e.preventDefault(), D()) : e.key === "Enter" && i.editable ? (e.preventDefault(), Ee(t)) : e.key === "Escape" && ee());
+      e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && !e.altKey ? (e.preventDefault(), D()) : e.key === "Enter" && o.editable ? (e.preventDefault(), Ee(t)) : e.key === "Escape" && ee());
     }
     function Fe(e) {
-      X.value || (X.value = !0, R("focus", e)), i.showOnFocus && !f.restoringFocus.value && !f.open.value && D(!1);
+      X.value || (X.value = !0, R("focus", e)), o.showOnFocus && !p.restoringFocus.value && !p.open.value && D(!1);
     }
-    async function pe(e) {
-      var t, r;
-      await L(), !(!N.value || f.open.value || (t = C.value) != null && t.contains(document.activeElement) || (r = U.value) != null && r.contains(document.activeElement)) && X.value && (X.value = !1, R("blur", e), i.validateEvent && w.validate("blur"));
+    async function me(e) {
+      var t, i;
+      await L(), !(!N.value || p.open.value || (t = C.value) != null && t.contains(document.activeElement) || (i = U.value) != null && i.contains(document.activeElement)) && X.value && (X.value = !1, R("blur", e), o.validateEvent && w.validate("blur"));
     }
     function Ye(e, t) {
-      var y, n;
-      const r = e.relatedTarget;
-      !((y = U.value) != null && y.contains(r)) && !((n = C.value) != null && n.contains(r)) && Ee(t), pe(e);
+      var c, u;
+      const i = e.relatedTarget;
+      !((c = U.value) != null && c.contains(i)) && !((u = C.value) != null && u.contains(i)) && Ee(t), me(e);
     }
     function Ze(e, t) {
-      b.value || o.setPanel(e, t);
+      b.value || l.setPanel(e, t);
     }
     async function xe(e) {
-      const t = o.boundary(e);
+      const t = l.boundary(e);
       if (!t || !await D(!1)) return !1;
-      const r = o.setPanel(t.day);
-      return await L(), f.update(), r;
+      const i = l.setPanel(t.day);
+      return await L(), p.update(), i;
     }
     async function _e(e) {
-      const t = await o.setValue(e);
-      return t && (o.begin(), g()), t;
+      const t = await l.setValue(e);
+      return t && (l.begin(), g()), t;
     }
     function Me(e = !1) {
-      const t = o.today.value;
+      const t = l.today.value;
       if (e && x.value) {
-        if (k.value = [{ ...t }], v.value) return;
+        if (k.value = [{ ...t }], f.value) return;
         te();
       } else De(t.day);
     }
     function ea(e) {
-      o.locked(e) || (o.stage.value = e ? "end" : "start");
+      l.locked(e) || (l.stage.value = e ? "end" : "start");
     }
     function aa(e) {
       var t;
-      !((t = i.allowEmpty) != null && t[e]) || o.locked(e) || b.value || (k.value = k.value.map((r, y) => y === e ? null : r), o.error.value = "");
+      !((t = o.allowEmpty) != null && t[e]) || l.locked(e) || b.value || (k.value = k.value.map((i, c) => c === e ? null : i), l.error.value = "");
     }
     function ta(e, t) {
-      const r = k.value[e];
-      if (!r) return [];
-      const y = Math.floor(r.second / 3600), n = Math.floor(r.second / 60) % 60, l = o.timeDisabled(r, e), O = t === "hour" ? i.hourStep : t === "minute" ? i.minuteStep : i.secondStep, Te = t === "hour" ? 24 : 60, sa = Math.max(
+      const i = k.value[e];
+      if (!i) return [];
+      const c = Math.floor(i.second / 3600), u = Math.floor(i.second / 60) % 60, n = l.timeDisabled(i, e), O = t === "hour" ? o.hourStep : t === "minute" ? o.minuteStep : o.secondStep, Ve = t === "hour" ? 24 : 60, ra = Math.max(
         1,
-        Math.min(Te, Number.isFinite(O) ? Math.floor(O) : 1)
-      ), ra = t === "hour" ? y : t === "minute" ? n : r.second % 60;
-      return Array.from({ length: Te }, (F, le) => le).filter((F) => F % sa === 0 || F === ra).map((F) => {
+        Math.min(Ve, Number.isFinite(O) ? Math.floor(O) : 1)
+      ), sa = t === "hour" ? c : t === "minute" ? u : i.second % 60;
+      return Array.from({ length: Ve }, (F, le) => le).filter((F) => F % ra === 0 || F === sa).map((F) => {
         var le, ze, Ae;
         return {
           label: String(F).padStart(2, "0"),
           value: F,
-          disabled: t === "hour" ? (le = l.hours) == null ? void 0 : le.includes(F) : t === "minute" ? (ze = l.minutes) == null ? void 0 : ze.call(l, y).includes(F) : (Ae = l.seconds) == null ? void 0 : Ae.call(l, y, n).includes(F)
+          disabled: t === "hour" ? (le = n.hours) == null ? void 0 : le.includes(F) : t === "minute" ? (ze = n.minutes) == null ? void 0 : ze.call(n, c).includes(F) : (Ae = n.seconds) == null ? void 0 : Ae.call(n, c, u).includes(F)
         };
       });
     }
     function la(e, t) {
-      var y;
-      const r = ((y = k.value[e]) == null ? void 0 : y.second) ?? 0;
-      return t === 0 ? Math.floor(r / 3600) : t === 1 ? Math.floor(r / 60) % 60 : r % 60;
+      var c;
+      const i = ((c = k.value[e]) == null ? void 0 : c.second) ?? 0;
+      return t === 0 ? Math.floor(i / 3600) : t === 1 ? Math.floor(i / 60) % 60 : i % 60;
     }
-    function oa(e, t, r) {
-      var l;
-      if (typeof r != "number") return;
-      const y = ((l = k.value[e]) == null ? void 0 : l.second) ?? 0, n = t === 0 ? r * 3600 + y % 3600 : t === 1 ? Math.floor(y / 3600) * 3600 + r * 60 + y % 60 : Math.floor(y / 60) * 60 + r;
-      o.setTime(e, n) && !W.value && o.request(o.encode(k.value), "time");
+    function oa(e, t, i) {
+      var n;
+      if (typeof i != "number") return;
+      const c = ((n = k.value[e]) == null ? void 0 : n.second) ?? 0, u = t === 0 ? i * 3600 + c % 3600 : t === 1 ? Math.floor(c / 3600) * 3600 + i * 60 + c % 60 : Math.floor(c / 60) * 60 + i;
+      l.setTime(e, u) && !W.value && l.request(l.encode(k.value), "time");
     }
     function ia(e) {
       return e instanceof Date ? e.toISOString() : e == null ? "" : String(e);
     }
-    const na = p(() => {
-      const e = ne.value;
-      return (Array.isArray(e) ? e : [e]).map((t, r) => ({
+    const na = y(() => {
+      const e = re.value;
+      return (Array.isArray(e) ? e : [e]).map((t, i) => ({
         value: ia(t),
-        name: Array.isArray(i.name) ? i.name[r] : i.name
+        name: Array.isArray(o.name) ? o.name[i] : o.name
       })).filter((t) => !!t.name);
     });
     Q(
-      () => i.open,
+      () => o.open,
       (e) => {
-        if (!(!N.value || i.inline))
+        if (!(!N.value || o.inline))
           if (e) D(!1, !0);
           else {
-            const t = ue;
-            ue = !1, f.close(t, !0);
+            const t = de;
+            de = !1, p.close(t, !0);
           }
       }
-    ), Q(f.open, (e) => {
-      R("visible-change", e), e || (q++, o.begin(), g());
+    ), Q(p.open, (e) => {
+      R("visible-change", e), e || (q++, l.begin(), g());
     }), Q(b, (e) => {
-      e && (q++, o.model.invalidate(), f.close(!1, !0), i.open && R("update:open", !1));
+      e && (q++, l.model.invalidate(), p.close(!1, !0), o.open && R("update:open", !1));
     }), Q(
-      ne,
+      re,
       () => {
-        o.begin(), g();
+        l.begin(), g();
       },
       { deep: !0 }
     ), Q(
-      [be, se, () => i.singlePanel, () => i.popupWidth],
-      () => void L(() => f.update())
-    ), Aa(
+      [be, se, () => o.singlePanel, () => o.popupWidth],
+      () => void L(() => p.update())
+    ), Na(
       C,
       () => {
-        o.model.reset(), o.begin(), g(), E();
+        l.model.reset(), l.begin(), g(), E();
       },
       g,
-      () => i.form
-    ), g(), ya(() => {
-      (i.open ?? i.defaultOpen) && D(!1, !0), i.autofocus && fe();
-    }), pa(() => {
-      !i.editable && w.id.value && Z.value && (Z.value.id = G.value);
+      () => o.form
+    ), g(), pa(() => {
+      (o.open ?? o.defaultOpen) && D(!1, !0), o.autofocus && pe();
+    }), ya(() => {
+      !o.editable && w.id.value && Z.value && (Z.value.id = G.value);
     }), ma(() => {
-      N.value = !0, i.open && !i.inline && D(!1, !0);
+      N.value = !0, o.open && !o.inline && D(!1, !0);
     });
-    function Ve() {
-      N.value = !1, q++, X.value = !1, f.close(!1, !0), o.error.value = "";
+    function Te() {
+      N.value = !1, q++, X.value = !1, p.close(!1, !0), l.error.value = "";
     }
-    return ha(Ve), ba(Ve), Oe({
+    return ha(Te), ba(Te), Oe({
       element: C,
-      open: re,
-      value: ne,
-      draft: ve,
-      focus: fe,
+      open: ue,
+      value: re,
+      draft: fe,
+      focus: pe,
       blur: () => {
-        var e, t, r;
-        E(), ((e = C.value) != null && e.contains(document.activeElement) || (t = U.value) != null && t.contains(document.activeElement)) && ((r = document.activeElement) == null || r.blur());
+        var e, t, i;
+        E(), ((e = C.value) != null && e.contains(document.activeElement) || (t = U.value) != null && t.contains(document.activeElement)) && ((i = document.activeElement) == null || i.blur());
       },
       show: () => D(),
       hide: E,
@@ -427,381 +430,391 @@ const Oa = ["data-status", "id", "role", "data-hys-ui-field-managed", "tabindex"
       confirm: te,
       cancel: ee,
       showMonth: xe,
-      setMode: (e) => !b.value && o.setMode(e)
-    }), (e, t) => {
-      var r, y;
-      return u(), c("div", j({
-        ref_key: "root",
-        ref: C
-      }, { ...a(he), ...Ge() }, {
-        class: ["hys-ui-pf-date-picker hys-ui-date-picker", [
-          "hys-ui-date-picker-" + a(B).size.value,
-          {
-            "hys-ui-date-picker-disabled": a(B).disabled.value,
-            "hys-ui-date-picker-readonly": s.readonly,
-            "hys-ui-date-picker-borderless": !s.bordered
-          }
-        ]],
-        "data-status": _.value,
-        id: s.inline ? G.value : void 0,
-        role: s.inline ? "group" : void 0,
-        "data-hys-ui-field-managed": s.inline ? "" : void 0,
-        tabindex: s.inline ? a(B).disabled.value ? -1 : 0 : void 0,
-        "aria-label": s.inline ? J.value : void 0,
-        "aria-required": s.inline && a(w).required.value || void 0,
-        "aria-invalid": s.inline && _.value === "error" || void 0,
-        "aria-disabled": s.inline && a(B).disabled.value || void 0,
-        "aria-describedby": s.inline ? a(w).describedBy.value : void 0,
-        onFocus: t[6] || (t[6] = Ne((n) => s.inline && $e(), ["self"])),
-        onKeydown: t[7] || (t[7] = (n) => s.inline && n.target === C.value && ye(n)),
-        onFocusin: Fe,
-        onFocusout: pe
-      }), [
-        s.inline ? m("", !0) : (u(), c("div", {
-          key: 0,
-          class: We(["hys-ui-date-control", {
-            "hys-ui-date-control-open": a(f).open.value,
-            "hys-ui-date-control-editable": s.editable && !a(o).multiple.value
-          }])
-        }, [
-          s.editable && !a(o).multiple.value ? (u(), c($, { key: 0 }, [
-            e.$slots.prefix ? (u(), c("span", ja, [
-              S(e.$slots, "prefix", {}, void 0, !0)
-            ])) : m("", !0),
-            (u(!0), c($, null, M(v.value ? 2 : 1, (n) => (u(), c($, { key: n }, [
-              n === 2 ? (u(), c("span", Ra, [
-                S(e.$slots, "range-separator", {}, () => [
-                  V(h(s.rangeSeparator), 1)
-                ], !0)
-              ])) : m("", !0),
-              P("input", j({
-                ref_for: !0,
-                ref: (l) => Je(n - 1, l)
-              }, { ref_for: !0 }, Pe(), {
-                id: n === 1 ? G.value : G.value + "-end",
-                "data-hys-ui-field-managed": "",
-                class: "hys-ui-date-input",
-                type: "text",
-                autocomplete: "off",
-                value: H.value[n - 1] ?? "",
-                "aria-label": v.value ? J.value + " " + (n === 1 ? a(d).start : a(d).end) : J.value,
-                "aria-haspopup": "dialog",
-                "aria-expanded": a(f).open.value,
-                "aria-controls": a(f).open.value ? a(T) + "-panel" : void 0,
-                "aria-invalid": _.value === "error" || void 0,
-                "aria-required": a(w).required.value || void 0,
-                "aria-describedby": [a(w).describedBy.value, a(I) ? a(T) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
-                disabled: a(B).disabled.value || a(o).locked(n - 1),
-                readonly: s.readonly || s.inputReadonly,
-                placeholder: v.value ? n === 1 ? s.startPlaceholder ?? a(d).start : s.endPlaceholder ?? a(d).end : de.value,
-                onInput: (l) => H.value[n - 1] = l.target.value,
-                onClick: t[0] || (t[0] = (l) => D(!1)),
-                onKeydown: (l) => ye(l, n - 1),
-                onBlur: (l) => Ye(l, n - 1)
-              }), null, 16, Ha)
-            ], 64))), 128))
-          ], 64)) : (u(), c("button", j({
-            key: 1,
-            ref_key: "button",
-            ref: Z
-          }, Pe(), {
-            id: G.value,
-            type: "button",
-            "data-hys-ui-field-managed": "",
-            role: "combobox",
-            class: "hys-ui-date-trigger",
-            disabled: a(B).disabled.value,
-            "aria-label": J.value,
-            "aria-haspopup": "dialog",
-            "aria-expanded": a(f).open.value,
-            "aria-controls": a(f).open.value ? a(T) + "-panel" : void 0,
-            "aria-invalid": _.value === "error" || void 0,
-            "aria-required": a(w).required.value || void 0,
-            "aria-disabled": a(B).disabled.value || void 0,
-            "aria-describedby": [a(w).describedBy.value, a(I) ? a(T) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
-            "aria-readonly": s.readonly || void 0,
-            onClick: t[1] || (t[1] = (n) => a(f).open.value ? E() : D()),
-            onKeydown: ye
-          }), [
-            e.$slots.prefix ? (u(), c("span", Ka, [
-              S(e.$slots, "prefix", {}, void 0, !0)
-            ])) : m("", !0),
-            P("span", {
-              class: We(["hys-ui-date-display", { "hys-ui-pf-placeholder": !we.value }])
-            }, h(we.value || de.value), 3)
-          ], 16, Ia)),
-          P("span", La, [
-            Ce.value ? (u(), c("button", {
-              key: 0,
-              type: "button",
-              class: "hys-ui-date-clear",
-              "aria-label": a(d).clear,
-              onMousedown: t[2] || (t[2] = Ne(() => {
-              }, ["prevent"])),
-              onClick: ae
-            }, [
-              S(e.$slots, "clear-icon", {}, () => [
-                me(a(Pa), { size: 14 })
-              ], !0)
-            ], 40, Ua)) : m("", !0),
-            P("span", Xa, [
-              S(e.$slots, "suffix", {}, () => [
-                (u(), z(ka(a(x) ? a(qe) : a($a)), { size: 16 }))
+      setMode: (e) => !b.value && l.setMode(e)
+    }), (e, t) => (s(), v("div", j({
+      ref_key: "root",
+      ref: C
+    }, { ...a(he), ...Ge() }, {
+      class: ["hys-ui-pf-date-picker hys-ui-date-picker", [
+        "hys-ui-date-picker-" + a(B).size.value,
+        {
+          "hys-ui-date-picker-disabled": a(B).disabled.value,
+          "hys-ui-date-picker-readonly": r.readonly,
+          "hys-ui-date-picker-borderless": !r.bordered
+        }
+      ]],
+      "data-status": _.value,
+      id: r.inline ? G.value : void 0,
+      role: r.inline ? "group" : void 0,
+      "data-hys-ui-field-managed": r.inline ? "" : void 0,
+      tabindex: r.inline ? a(B).disabled.value ? -1 : 0 : void 0,
+      "aria-label": r.inline ? J.value : void 0,
+      "aria-required": r.inline && a(w).required.value || void 0,
+      "aria-invalid": r.inline && _.value === "error" || void 0,
+      "aria-disabled": r.inline && a(B).disabled.value || void 0,
+      "aria-describedby": r.inline ? a(w).describedBy.value : void 0,
+      onFocus: t[6] || (t[6] = Ne((i) => r.inline && $e(), ["self"])),
+      onKeydown: t[7] || (t[7] = (i) => r.inline && i.target === C.value && ye(i)),
+      onFocusin: Fe,
+      onFocusout: me
+    }), [
+      r.inline ? m("", !0) : (s(), v("div", {
+        key: 0,
+        class: We(["hys-ui-date-control", {
+          "hys-ui-date-control-open": a(p).open.value,
+          "hys-ui-date-control-editable": r.editable && !a(l).multiple.value
+        }])
+      }, [
+        r.editable && !a(l).multiple.value ? (s(), v($, { key: 0 }, [
+          e.$slots.prefix ? (s(), v("span", Ra, [
+            S(e.$slots, "prefix", {}, void 0, !0)
+          ])) : m("", !0),
+          (s(!0), v($, null, M(f.value ? 2 : 1, (i) => (s(), v($, { key: i }, [
+            i === 2 ? (s(), v("span", Ha, [
+              S(e.$slots, "range-separator", {}, () => [
+                T(h(r.rangeSeparator), 1)
               ], !0)
-            ])
-          ])
-        ], 2)),
-        (u(!0), c($, null, M(na.value, (n, l) => (u(), c("input", {
-          key: l,
-          type: "hidden",
-          name: n.name,
-          value: n.value,
-          form: s.form,
-          disabled: a(B).disabled.value
-        }, null, 8, Ga))), 128)),
-        a(I) && !ke.value ? (u(), c("p", {
+            ])) : m("", !0),
+            P("input", j({
+              ref_for: !0,
+              ref: (c) => Je(i - 1, c)
+            }, { ref_for: !0 }, Pe(), {
+              id: i === 1 ? G.value : G.value + "-end",
+              "data-hys-ui-field-managed": "",
+              class: "hys-ui-date-input",
+              type: "text",
+              autocomplete: "off",
+              value: H.value[i - 1] ?? "",
+              "aria-label": f.value ? J.value + " " + (i === 1 ? a(d).start : a(d).end) : J.value,
+              "aria-haspopup": "dialog",
+              "aria-expanded": a(p).open.value,
+              "aria-controls": a(p).open.value ? a(z) + "-panel" : void 0,
+              "aria-invalid": _.value === "error" || void 0,
+              "aria-required": a(w).required.value || void 0,
+              "aria-describedby": [a(w).describedBy.value, a(I) ? a(z) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
+              disabled: a(B).disabled.value || a(l).locked(i - 1),
+              readonly: r.readonly || r.inputReadonly,
+              placeholder: f.value ? i === 1 ? r.startPlaceholder ?? a(d).start : r.endPlaceholder ?? a(d).end : ce.value,
+              onInput: (c) => H.value[i - 1] = c.target.value,
+              onClick: t[0] || (t[0] = (c) => D(!1)),
+              onKeydown: (c) => ye(c, i - 1),
+              onBlur: (c) => Ye(c, i - 1)
+            }), null, 16, Ia)
+          ], 64))), 128))
+        ], 64)) : (s(), v("button", j({
           key: 1,
-          id: a(T) + "-error",
-          class: "hys-ui-date-error",
-          role: "alert"
-        }, h(a(I)), 9, Ja)) : m("", !0),
-        (u(), z(wa, {
-          to: s.appendTo || "body",
-          disabled: s.inline || s.appendTo === !1
-        }, [
-          ke.value ? (u(), c("div", j({
+          ref_key: "button",
+          ref: Z
+        }, Pe(), {
+          id: G.value,
+          type: "button",
+          "data-hys-ui-field-managed": "",
+          role: "combobox",
+          class: "hys-ui-date-trigger",
+          disabled: a(B).disabled.value,
+          "aria-label": J.value,
+          "aria-haspopup": "dialog",
+          "aria-expanded": a(p).open.value,
+          "aria-controls": a(p).open.value ? a(z) + "-panel" : void 0,
+          "aria-invalid": _.value === "error" || void 0,
+          "aria-required": a(w).required.value || void 0,
+          "aria-disabled": a(B).disabled.value || void 0,
+          "aria-describedby": [a(w).describedBy.value, a(I) ? a(z) + "-error" : void 0].filter(Boolean).join(" ") || void 0,
+          "aria-readonly": r.readonly || void 0,
+          onClick: t[1] || (t[1] = (i) => a(p).open.value ? E() : D()),
+          onKeydown: ye
+        }), [
+          e.$slots.prefix ? (s(), v("span", La, [
+            S(e.$slots, "prefix", {}, void 0, !0)
+          ])) : m("", !0),
+          P("span", {
+            class: We(["hys-ui-date-display", { "hys-ui-pf-placeholder": !we.value }])
+          }, h(we.value || ce.value), 3)
+        ], 16, Ka)),
+        P("span", Ua, [
+          Ce.value ? (s(), v("button", {
             key: 0,
-            id: a(T) + "-panel",
-            ref_key: "panel",
-            ref: U
-          }, a(he), {
-            class: ["hys-ui-date-popup", [
-              s.popupClass,
-              "hys-ui-date-popup-" + a(B).size.value,
-              {
-                "hys-ui-date-inline": s.inline,
-                "hys-ui-date-dual": Se.value === 2
-              }
-            ]],
-            style: Ue.value,
-            role: s.inline ? "group" : "dialog",
-            "aria-label": J.value,
-            onFocusin: Fe,
-            onFocusout: pe
-          }), [
-            e.$slots.header ? (u(), c("header", Ya, [
-              S(e.$slots, "header", {
-                dates: ve.value,
-                view: a(se)
-              }, void 0, !0)
-            ])) : m("", !0),
-            (r = s.shortcuts) != null && r.length ? (u(), c("div", Za, [
-              (u(!0), c($, null, M(s.shortcuts, (n, l) => (u(), c("button", {
-                key: l,
-                type: "button",
-                disabled: b.value || n.disabled,
-                onClick: (O) => Qe(l)
-              }, [
-                S(e.$slots, "shortcut", {
-                  shortcut: n,
-                  index: l
-                }, () => [
-                  V(h(n.label), 1)
-                ], !0)
-              ], 8, xa))), 128))
-            ])) : m("", !0),
-            v.value ? (u(), c("div", _a, [
-              (u(!0), c($, null, M([a(d).start, a(d).end], (n, l) => (u(), c("button", {
-                key: l,
-                type: "button",
-                disabled: b.value || a(o).locked(l),
-                "aria-pressed": a(o).stage.value === (l ? "end" : "start"),
-                onClick: (O) => ea(l)
-              }, [
-                P("span", null, h(n), 1),
-                P("strong", null, h(a(o).describe(a(k))[l] || "—"), 1)
-              ], 8, et))), 128)),
-              P("span", at, h(a(o).stage.value === "end" ? a(d).chooseEnd : a(d).chooseStart), 1)
-            ])) : m("", !0),
-            P("div", tt, [
-              (u(!0), c($, null, M(Se.value, (n) => (u(), z(Ea, {
-                key: n,
-                ref_for: !0,
-                ref: (l) => {
-                  l ? a(ce).set(n - 1, l) : a(ce).delete(n - 1);
-                },
-                month: a(be)[n - 1],
-                view: n === 1 ? a(se) : a(o).rightView.value,
-                unit: a(o).unit.value,
-                selected: a(k),
-                range: v.value,
-                preview: Xe.value,
-                first: a(o).first.value,
-                "week-contains": a(o).weekContains.value,
-                "week-number-formatter": s.weekNumberFormatter,
-                locale: s.locale,
-                words: a(d),
-                "week-numbers": !!s.showWeekNumbers || a(o).unit.value === "week",
-                adjacent: s.showAdjacentDays,
-                disabled: b.value,
-                available: (l) => a(o).available(
-                  l,
-                  v.value && a(o).stage.value === "end" ? 1 : 0
-                ),
-                "period-available": a(o).periodAvailable,
-                "cell-class-name": s.cellClassName,
-                onBrowse: (l) => Ze(l, n - 1),
-                onMode: (l) => a(o).setMode(l, n - 1),
-                onPick: De,
-                onPreview: t[3] || (t[3] = (l) => a(o).preview.value = l)
-              }, ga({
-                cell: A((l) => [
-                  S(e.$slots, "cell", j({ ref_for: !0 }, l), () => [
-                    S(e.$slots, "default", j({ ref_for: !0 }, l), () => [
-                      V(h(l.text), 1)
+            type: "button",
+            class: "hys-ui-date-clear",
+            "aria-label": a(d).clear,
+            onMousedown: t[2] || (t[2] = Ne(() => {
+            }, ["prevent"])),
+            onClick: ae
+          }, [
+            S(e.$slots, "clear-icon", {}, () => [
+              oe(a($a), { size: 14 })
+            ], !0)
+          ], 40, Xa)) : m("", !0),
+          P("span", Ga, [
+            S(e.$slots, "suffix", {}, () => [
+              (s(), A(ka(a(x) ? a(qe) : a(Da)), { size: 16 }))
+            ], !0)
+          ])
+        ])
+      ], 2)),
+      (s(!0), v($, null, M(na.value, (i, c) => (s(), v("input", {
+        key: c,
+        type: "hidden",
+        name: i.name,
+        value: i.value,
+        form: r.form,
+        disabled: a(B).disabled.value
+      }, null, 8, Ja))), 128)),
+      a(I) && !ke.value ? (s(), v("p", {
+        key: 1,
+        id: a(z) + "-error",
+        class: "hys-ui-date-error",
+        role: "alert"
+      }, h(a(I)), 9, Qa)) : m("", !0),
+      (s(), A(wa, {
+        to: r.appendTo || "body",
+        disabled: r.inline || r.appendTo === !1
+      }, [
+        oe(a(Pa), {
+          "popup-transition": o.popupTransition,
+          "popup-transition-duration": o.popupTransitionDuration,
+          placement: a(p).placement.value,
+          disabled: r.inline
+        }, {
+          default: V(() => {
+            var i, c;
+            return [
+              ke.value ? (s(), v("div", j({
+                key: 0,
+                id: a(z) + "-panel",
+                ref_key: "panel",
+                ref: U
+              }, a(he), {
+                class: ["hys-ui-date-popup", [
+                  r.popupClass,
+                  "hys-ui-date-popup-" + a(B).size.value,
+                  {
+                    "hys-ui-date-inline": r.inline,
+                    "hys-ui-date-dual": Se.value === 2
+                  }
+                ]],
+                style: Ue.value,
+                role: r.inline ? "group" : "dialog",
+                "aria-label": J.value,
+                onFocusin: Fe,
+                onFocusout: me
+              }), [
+                e.$slots.header ? (s(), v("header", Za, [
+                  S(e.$slots, "header", {
+                    dates: fe.value,
+                    view: a(se)
+                  }, void 0, !0)
+                ])) : m("", !0),
+                (i = r.shortcuts) != null && i.length ? (s(), v("div", xa, [
+                  (s(!0), v($, null, M(r.shortcuts, (u, n) => (s(), v("button", {
+                    key: n,
+                    type: "button",
+                    disabled: b.value || u.disabled,
+                    onClick: (O) => Qe(n)
+                  }, [
+                    S(e.$slots, "shortcut", {
+                      shortcut: u,
+                      index: n
+                    }, () => [
+                      T(h(u.label), 1)
                     ], !0)
-                  ], !0)
-                ]),
-                _: 2
-              }, [
-                e.$slots["week-number"] ? {
-                  name: "week-number",
-                  fn: A((l) => [
-                    S(e.$slots, "week-number", j({ ref_for: !0 }, l), void 0, !0)
-                  ]),
-                  key: "0"
-                } : void 0,
-                M(He.value, (l) => ({
-                  name: l,
-                  fn: A(() => [
-                    S(e.$slots, l, {}, void 0, !0)
-                  ])
-                }))
-              ]), 1032, ["month", "view", "unit", "selected", "range", "preview", "first", "week-contains", "week-number-formatter", "locale", "words", "week-numbers", "adjacent", "disabled", "available", "period-available", "cell-class-name", "onBrowse", "onMode"]))), 128))
-            ]),
-            a(x) ? (u(), c("div", lt, [
-              (u(!0), c($, null, M(v.value ? 2 : 1, (n) => (u(), c("div", {
-                key: n,
-                class: "hys-ui-date-time-row"
-              }, [
-                P("span", null, [
-                  V(h(v.value ? n === 1 ? a(d).start : a(d).end : ""), 1),
-                  v.value ? m("", !0) : (u(), z(a(qe), {
-                    key: 0,
-                    size: 14
-                  }))
-                ]),
-                (u(!0), c($, null, M(s.showSeconds ? 3 : 2, (l) => (u(), c($, { key: l }, [
-                  l > 1 ? (u(), c("span", ot, ":")) : m("", !0),
-                  me(Da, {
-                    "model-value": la(n - 1, l - 1),
-                    options: ta(
-                      n - 1,
-                      l === 1 ? "hour" : l === 2 ? "minute" : "second"
-                    ),
-                    disabled: b.value || a(o).locked(n - 1) || !a(k)[n - 1],
-                    size: a(B).size.value,
-                    "aria-label": (v.value ? (n === 1 ? a(d).start : a(d).end) + " " : "") + (l === 1 ? a(d).hour : l === 2 ? a(d).minute : a(d).second),
-                    "popup-match-width": !1,
-                    "onUpdate:modelValue": (O) => oa(n - 1, l - 1, O)
-                  }, null, 8, ["model-value", "options", "disabled", "size", "aria-label", "onUpdate:modelValue"])
-                ], 64))), 128))
-              ]))), 128))
-            ])) : m("", !0),
-            v.value && ((y = s.allowEmpty) != null && y.some(Boolean)) ? (u(), c("div", it, [
-              (u(), c($, null, M(2, (n) => {
-                var l;
-                return Ba(P("button", {
-                  key: n,
-                  type: "button",
-                  disabled: b.value || a(o).locked(n - 1),
-                  onClick: (O) => aa(n - 1)
-                }, h(a(d).clear) + " " + h(n === 1 ? a(d).start : a(d).end), 9, nt), [
-                  [Ca, (l = s.allowEmpty) == null ? void 0 : l[n - 1]]
-                ]);
-              }), 64))
-            ])) : m("", !0),
-            Be.value ? (u(), c("p", {
-              key: 5,
-              id: a(T) + "-error",
-              class: "hys-ui-date-error hys-ui-date-popup-error",
-              role: "alert"
-            }, h(Be.value), 9, st)) : m("", !0),
-            e.$slots.footer || s.showFooter || a(W) ? (u(), c("footer", rt, [
-              S(e.$slots, "footer", {
-                dates: ve.value,
-                confirm: te,
-                cancel: ee,
-                clear: ae
-              }, () => [
-                P("div", ut, [
-                  s.showToday && !v.value ? (u(), z(Y, {
-                    key: 0,
-                    size: "sm",
-                    variant: "ghost",
-                    disabled: b.value || !a(o).available(a(o).today.value.day),
-                    onClick: t[4] || (t[4] = (n) => Me(!1))
-                  }, {
-                    default: A(() => [
-                      V(h(a(d).today), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"])) : m("", !0),
-                  a(x) && s.showNow && !v.value ? (u(), z(Y, {
-                    key: 1,
-                    size: "sm",
-                    variant: "ghost",
+                  ], 8, _a))), 128))
+                ])) : m("", !0),
+                f.value ? (s(), v("div", et, [
+                  (s(!0), v($, null, M([a(d).start, a(d).end], (u, n) => (s(), v("button", {
+                    key: n,
+                    type: "button",
+                    disabled: b.value || a(l).locked(n),
+                    "aria-pressed": a(l).stage.value === (n ? "end" : "start"),
+                    onClick: (O) => ea(n)
+                  }, [
+                    P("span", null, h(u), 1),
+                    P("strong", null, h(a(l).describe(a(k))[n] || "—"), 1)
+                  ], 8, at))), 128)),
+                  P("span", tt, h(a(l).stage.value === "end" ? a(d).chooseEnd : a(d).chooseStart), 1)
+                ])) : m("", !0),
+                P("div", lt, [
+                  (s(!0), v($, null, M(Se.value, (u) => (s(), A(Fa, {
+                    key: u,
+                    ref_for: !0,
+                    ref: (n) => {
+                      n ? a(ve).set(u - 1, n) : a(ve).delete(u - 1);
+                    },
+                    month: a(be)[u - 1],
+                    view: u === 1 ? a(se) : a(l).rightView.value,
+                    unit: a(l).unit.value,
+                    selected: a(k),
+                    range: f.value,
+                    preview: Xe.value,
+                    first: a(l).first.value,
+                    "week-contains": a(l).weekContains.value,
+                    "week-number-formatter": r.weekNumberFormatter,
+                    locale: r.locale,
+                    words: a(d),
+                    "week-numbers": !!r.showWeekNumbers || a(l).unit.value === "week",
+                    adjacent: r.showAdjacentDays,
                     disabled: b.value,
-                    onClick: t[5] || (t[5] = (n) => Me(!0))
-                  }, {
-                    default: A(() => [
-                      V(h(a(d).now), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"])) : m("", !0),
-                  Ce.value ? (u(), z(Y, {
-                    key: 2,
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: ae
-                  }, {
-                    default: A(() => [
-                      V(h(a(d).clear), 1)
+                    available: (n) => a(l).available(
+                      n,
+                      f.value && a(l).stage.value === "end" ? 1 : 0
+                    ),
+                    "period-available": a(l).periodAvailable,
+                    "cell-class-name": r.cellClassName,
+                    onBrowse: (n) => Ze(n, u - 1),
+                    onMode: (n) => a(l).setMode(n, u - 1),
+                    onPick: De,
+                    onPreview: t[3] || (t[3] = (n) => a(l).preview.value = n)
+                  }, ga({
+                    cell: V((n) => [
+                      S(e.$slots, "cell", j({ ref_for: !0 }, n), () => [
+                        S(e.$slots, "default", j({ ref_for: !0 }, n), () => [
+                          T(h(n.text), 1)
+                        ], !0)
+                      ], !0)
                     ]),
-                    _: 1
-                  })) : m("", !0)
+                    _: 2
+                  }, [
+                    e.$slots["week-number"] ? {
+                      name: "week-number",
+                      fn: V((n) => [
+                        S(e.$slots, "week-number", j({ ref_for: !0 }, n), void 0, !0)
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    M(He.value, (n) => ({
+                      name: n,
+                      fn: V(() => [
+                        S(e.$slots, n, {}, void 0, !0)
+                      ])
+                    }))
+                  ]), 1032, ["month", "view", "unit", "selected", "range", "preview", "first", "week-contains", "week-number-formatter", "locale", "words", "week-numbers", "adjacent", "disabled", "available", "period-available", "cell-class-name", "onBrowse", "onMode"]))), 128))
                 ]),
-                P("div", dt, [
-                  me(Y, {
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: ee
-                  }, {
-                    default: A(() => [
-                      V(h(a(W) || v.value ? a(d).cancel : a(d).close), 1)
+                a(x) ? (s(), v("div", ot, [
+                  (s(!0), v($, null, M(f.value ? 2 : 1, (u) => (s(), v("div", {
+                    key: u,
+                    class: "hys-ui-date-time-row"
+                  }, [
+                    P("span", null, [
+                      T(h(f.value ? u === 1 ? a(d).start : a(d).end : ""), 1),
+                      f.value ? m("", !0) : (s(), A(a(qe), {
+                        key: 0,
+                        size: 14
+                      }))
                     ]),
-                    _: 1
-                  }),
-                  a(W) ? (u(), z(Y, {
-                    key: 0,
-                    size: "sm",
-                    disabled: b.value || !ge.value,
-                    onClick: te
-                  }, {
-                    default: A(() => [
-                      V(h(a(d).confirm), 1)
+                    (s(!0), v($, null, M(r.showSeconds ? 3 : 2, (n) => (s(), v($, { key: n }, [
+                      n > 1 ? (s(), v("span", it, ":")) : m("", !0),
+                      oe(Ea, {
+                        "model-value": la(u - 1, n - 1),
+                        options: ta(
+                          u - 1,
+                          n === 1 ? "hour" : n === 2 ? "minute" : "second"
+                        ),
+                        disabled: b.value || a(l).locked(u - 1) || !a(k)[u - 1],
+                        size: a(B).size.value,
+                        "aria-label": (f.value ? (u === 1 ? a(d).start : a(d).end) + " " : "") + (n === 1 ? a(d).hour : n === 2 ? a(d).minute : a(d).second),
+                        "popup-match-width": !1,
+                        "onUpdate:modelValue": (O) => oa(u - 1, n - 1, O)
+                      }, null, 8, ["model-value", "options", "disabled", "size", "aria-label", "onUpdate:modelValue"])
+                    ], 64))), 128))
+                  ]))), 128))
+                ])) : m("", !0),
+                f.value && ((c = r.allowEmpty) != null && c.some(Boolean)) ? (s(), v("div", nt, [
+                  (s(), v($, null, M(2, (u) => {
+                    var n;
+                    return Ba(P("button", {
+                      key: u,
+                      type: "button",
+                      disabled: b.value || a(l).locked(u - 1),
+                      onClick: (O) => aa(u - 1)
+                    }, h(a(d).clear) + " " + h(u === 1 ? a(d).start : a(d).end), 9, rt), [
+                      [Ca, (n = r.allowEmpty) == null ? void 0 : n[u - 1]]
+                    ]);
+                  }), 64))
+                ])) : m("", !0),
+                Be.value ? (s(), v("p", {
+                  key: 5,
+                  id: a(z) + "-error",
+                  class: "hys-ui-date-error hys-ui-date-popup-error",
+                  role: "alert"
+                }, h(Be.value), 9, st)) : m("", !0),
+                e.$slots.footer || r.showFooter || a(W) ? (s(), v("footer", ut, [
+                  S(e.$slots, "footer", {
+                    dates: fe.value,
+                    confirm: te,
+                    cancel: ee,
+                    clear: ae
+                  }, () => [
+                    P("div", dt, [
+                      r.showToday && !f.value ? (s(), A(Y, {
+                        key: 0,
+                        size: "sm",
+                        variant: "ghost",
+                        disabled: b.value || !a(l).available(a(l).today.value.day),
+                        onClick: t[4] || (t[4] = (u) => Me(!1))
+                      }, {
+                        default: V(() => [
+                          T(h(a(d).today), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])) : m("", !0),
+                      a(x) && r.showNow && !f.value ? (s(), A(Y, {
+                        key: 1,
+                        size: "sm",
+                        variant: "ghost",
+                        disabled: b.value,
+                        onClick: t[5] || (t[5] = (u) => Me(!0))
+                      }, {
+                        default: V(() => [
+                          T(h(a(d).now), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])) : m("", !0),
+                      Ce.value ? (s(), A(Y, {
+                        key: 2,
+                        size: "sm",
+                        variant: "ghost",
+                        onClick: ae
+                      }, {
+                        default: V(() => [
+                          T(h(a(d).clear), 1)
+                        ]),
+                        _: 1
+                      })) : m("", !0)
                     ]),
-                    _: 1
-                  }, 8, ["disabled"])) : m("", !0)
-                ])
-              ], !0)
-            ])) : m("", !0)
-          ], 16, Qa)) : m("", !0)
-        ], 8, ["to", "disabled"]))
-      ], 16, Oa);
-    };
+                    P("div", ct, [
+                      oe(Y, {
+                        size: "sm",
+                        variant: "ghost",
+                        onClick: ee
+                      }, {
+                        default: V(() => [
+                          T(h(a(W) || f.value ? a(d).cancel : a(d).close), 1)
+                        ]),
+                        _: 1
+                      }),
+                      a(W) ? (s(), A(Y, {
+                        key: 0,
+                        size: "sm",
+                        disabled: b.value || !ge.value,
+                        onClick: te
+                      }, {
+                        default: V(() => [
+                          T(h(a(d).confirm), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])) : m("", !0)
+                    ])
+                  ], !0)
+                ])) : m("", !0)
+              ], 16, Ya)) : m("", !0)
+            ];
+          }),
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration", "placement", "disabled"])
+      ], 8, ["to", "disabled"]))
+    ], 16, ja));
   }
 });
 export {
-  Bt as default
+  St as default
 };