@das-fed/upf-ui 6.4.0-dev.286 → 6.4.0-dev.287

package/packages/components/date-picker/index.js

@@ -1,32 +1,50 @@
-import { withInstall as ve } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as pe, useCssVars as fe, ref as n, watch as j, computed as i, openBlock as f, createElementBlock as z, normalizeClass as ke, unref as o, normalizeStyle as G, createVNode as $, withCtx as p, withDirectives as me, createBlock as Y, mergeProps as se, isRef as $e, createSlots as Ve, renderSlot as C, normalizeProps as ge, guardReactiveProps as we, createElementVNode as V, toDisplayString as q, Fragment as ue, createCommentVNode as g, nextTick as te, useAttrs as Be, createTextVNode as Le, renderList as De, withModifiers as Re } from "vue";
-import { ConfigProvider as Te, DatePicker as Ne, RangePicker as We, Dropdown as Ze, Menu as Ae, MenuItem as Fe, TimePicker as Oe, TimeRangePicker as qe } from "ant-design-vue";
-import { DasAutoRegisterIcon as Ce, DasIcon as re } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasTooltip as xe } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as he } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { useModelValue as J } from "@das-fed/upf-utils/vue";
-import { vHoverInside as ye } from "@das-fed/upf-utils/directive/hoverInside/index";
-import { useZIndex as Ie } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { currentLang as D, loadLocale as ze, t as ie, setI18nRule as Ue } from "@das-fed/upf-web/packages/i18n/index";
-import { calcTextWidth as Se } from "@das-fed/upf-utils/common-tools";
+import { withInstall as Ce } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as xe, useCssVars as ze, ref as o, watch as oe, computed as u, useAttrs as Xe, onBeforeUnmount as De, openBlock as y, createElementBlock as $, normalizeClass as Le, unref as i, normalizeStyle as ue, createVNode as D, withCtx as h, withDirectives as Ie, createBlock as ne, mergeProps as we, createSlots as _e, renderSlot as L, normalizeProps as Pe, guardReactiveProps as Ee, createElementVNode as j, toDisplayString as te, Fragment as be, createCommentVNode as C, nextTick as ve, createTextVNode as je, renderList as He, withModifiers as et } from "vue";
+import { ConfigProvider as Fe, DatePicker as tt, RangePicker as rt, Dropdown as lt, Menu as at, MenuItem as ot, TimePicker as nt, TimeRangePicker as ut } from "ant-design-vue";
+import { DasAutoRegisterIcon as qe, DasIcon as pe } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasTooltip as Be } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as Me } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { useModelValue as ie } from "@das-fed/upf-utils/vue";
+import { vHoverInside as Ve } from "@das-fed/upf-utils/directive/hoverInside/index";
+import { useZIndex as Re } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { currentLang as A, loadLocale as Ae, t as Ze, setI18nRule as it } from "@das-fed/upf-web/packages/i18n/index";
+import { calcTextWidth as Ne } from "@das-fed/upf-utils/common-tools";
+import { isTimeZonePickerModeEnabled as M, getTimeZoneDayjs as st, resolvePickerTimeZone as dt, toTimeZonePickerValue as Se, fromTimeZonePickerValue as We } from "@das-fed/upf-utils/common-tools/timezone-format";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import { DasDatePicker as Pe } from "@das-fed/upf-ui/packages/components/date-picker/index";
-import Ee from "dayjs";
+import { DasDatePicker as Ue } from "@das-fed/upf-ui/packages/components/date-picker/index";
+import Ke from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as He } from "@das-fed/upf-ui/packages/icons/dengdai/index";
+import { DasIconDengdai as ct } from "@das-fed/upf-ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css"
 import '@das-fed/upf-ui/packages/components/date-picker/style.css';
 ;
-const je = { class: "ant-picker-cell-inner" }, Ke = {
+const Ye = {
+  now: ".ant-picker-now-btn",
+  today: ".ant-picker-today-btn"
+}, Oe = (t) => {
+  const w = t.target;
+  return w instanceof Element ? w.closest(Ye.now) ? "now" : w.closest(Ye.today) ? "today" : "" : "";
+}, Ge = (t, w) => {
+  if (!w || !M(t)) return null;
+  const a = st()().tz(dt(t));
+  return w === "today" ? a.startOf("day") : a;
+}, Je = (t, w, a) => Ge(w, a) || t, Qe = (t, w, a) => {
+  const e = Ge(w, a);
+  return !e || !Array.isArray(t) ? t : t.map((k) => k && e);
+}, me = (t, w, a) => typeof document > "u" ? !1 : w && !a ? (document.addEventListener("click", t, !0), !0) : !w && a ? (document.removeEventListener("click", t, !0), !1) : a, vt = { class: "ant-picker-cell-inner" }, ft = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ye = {
+}, pt = {
   name: "DasDatePicker"
-}, Xe = /* @__PURE__ */ pe({
-  ...Ye,
+}, mt = /* @__PURE__ */ xe({
+  ...pt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -47,179 +65,202 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(l, { expose: K, emit: c }) {
-    fe((r) => ({
-      v2171409d: Q.value,
-      v1a304da0: U.value
+  setup(t, { expose: w, emit: a }) {
+    ze((l) => ({
+      v20e1fc18: U.value,
+      v2efb7a8e: K.value
     }));
-    const t = l, m = c;
-    Ce({
+    const e = t, k = a;
+    qe({
       right: import("@das-fed/upf-ui/packages/icons/right"),
       left: import("@das-fed/upf-ui/packages/icons/left"),
       "double-arrow-left": import("@das-fed/upf-ui/packages/icons/double-arrow-left"),
       "double-arrow-right": import("@das-fed/upf-ui/packages/icons/double-arrow-right"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const P = n(void 0);
-    j(D, async () => {
-      P.value = await ze(D.value);
+    const N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const h = i(() => `date-picker-${D.value}`), v = n(null), N = n(null), T = i(() => t.size === "table" || t.size === "middle" || t.size === "default" ? "middle" : t.size), b = J(t, "modelValue"), W = J(t, "error"), E = i(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || ie("请选择日期")), Z = i(() => ({
-      width: t.width
-    })), Q = i(() => t.width ? t.width : "230px"), A = i(() => t.formSize), U = i(() => t.height ? t.height : A.value ? {
+    const P = u(() => `date-picker-${A.value}`), c = o(null), O = o(null), v = o(""), V = o(!1), E = Xe(), W = u(() => e.size === "table" || e.size === "middle" || e.size === "default" ? "middle" : e.size), Z = ie(e, "modelValue"), x = ie(e, "error"), S = u(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
+      timeZoneValueFormat: e.timeZoneValueFormat
+    })), H = u(() => Se(Z.value, S.value)), se = u(() => M(S.value) ? void 0 : E.valueFormat), Q = u(() => e.isView ? e.noSetDefaultVal ? "" : "-" : e.placeholder || Ze("请选择日期")), re = u(() => ({
+      width: e.width
+    })), U = u(() => e.width ? e.width : "230px"), _ = u(() => e.formSize), K = u(() => e.height ? e.height : _.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[A.value] : "auto"), B = n(3e3), F = i(() => ({
-      "z-index": B.value
-    })), M = n(!1), X = n({
+    }[_.value] : "auto"), Y = o(3e3), le = u(() => ({
+      "z-index": Y.value
+    })), F = o(!1), R = o({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), y = n(!1), L = n(""), H = i(() => b.value ? L.value : E.value), _ = () => {
-      const r = t.size === "table" ? 12 : 14;
-      return Se(E.value, r);
-    }, u = () => {
-      var a;
-      const r = (a = v.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
-      return b.value ? r == null ? void 0 : r.scrollWidth : _();
-    }, s = () => {
-      var e;
-      const r = (e = v.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return r ? (L.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
-    }, k = n(0), S = n(0);
-    j(() => [E.value, b.value], () => {
-      te(() => {
-        k.value = s(), S.value = u(), (k.value === S.value || S.value - k.value < 1) && (y.value = !1);
+    }), f = o(!1), b = o(""), m = u(() => H.value ? b.value : Q.value), g = () => {
+      const l = e.size === "table" ? 12 : 14;
+      return Ne(Q.value, l);
+    }, B = () => {
+      var p;
+      const l = (p = c.value) == null ? void 0 : p.$el.querySelector(".ant-picker-input>input");
+      return H.value ? l == null ? void 0 : l.scrollWidth : g();
+    }, de = () => {
+      var r;
+      const l = (r = c.value) == null ? void 0 : r.$el.querySelector(".ant-picker-input>input");
+      return l ? (b.value = l.getAttribute("value"), l.removeAttribute("title"), (l == null ? void 0 : l.offsetWidth) ?? 0) : 0;
+    }, X = o(0), ee = o(0);
+    oe(() => [Q.value, H.value], () => {
+      ve(() => {
+        X.value = de(), ee.value = B(), (X.value === ee.value || ee.value - X.value < 1) && (f.value = !1);
       });
     });
-    const ee = n();
-    j(
+    const z = o();
+    oe(
       () => {
-        var r;
-        return (r = N.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+        var l;
+        return (l = O.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
       },
-      (r) => {
-        r && (r.addEventListener("mouseenter", function() {
-          y.value = !0, ee.value && clearTimeout(ee.value);
-        }), r.addEventListener("mouseleave", function() {
-          ee.value = setTimeout(() => {
-            y.value = !1;
+      (l) => {
+        l && (l.addEventListener("mouseenter", function() {
+          f.value = !0, z.value && clearTimeout(z.value);
+        }), l.addEventListener("mouseleave", function() {
+          z.value = setTimeout(() => {
+            f.value = !1;
           }, 200);
         }));
       }
     );
-    const x = (r) => {
-      r && (B.value = Ie().nextZIndex()), m("openChange", r), D.value === "en-US" && te(() => {
-        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of a)
-          e && (e.innerText = "OK");
+    const he = (l) => {
+      l && (Y.value = Re().nextZIndex()), l ? fe() : ce(), k("openChange", l), A.value === "en-US" && ve(() => {
+        const p = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let r of p)
+          r && (r.innerText = "OK");
       });
-    }, le = () => {
-      k.value = s(), S.value = u(), k.value === S.value || S.value - k.value < 1 ? y.value = !1 : (y.value = !0, ee.value && clearTimeout(ee.value)), M.value = !0;
-    }, ae = () => {
-      ee.value = setTimeout(() => {
-        y.value = !1;
-      }, 200), M.value = !1;
-    }, oe = (r, a) => {
-      r ? le() : ae();
-    }, ne = (r, a) => {
-      W.value = !1, m("update:error", W.value), m("update:model-value", r), m("change", r, a);
+    }, G = (l) => {
+      M(S.value) && (v.value = Oe(l));
+    }, fe = () => {
+      v.value = "", V.value = me(
+        G,
+        M(S.value),
+        V.value
+      );
+    }, ce = () => {
+      V.value = me(G, !1, V.value);
+    };
+    De(() => {
+      ce(), v.value = "";
+    });
+    const ye = () => {
+      X.value = de(), ee.value = B(), X.value === ee.value || ee.value - X.value < 1 ? f.value = !1 : (f.value = !0, z.value && clearTimeout(z.value)), F.value = !0;
+    }, ke = () => {
+      z.value = setTimeout(() => {
+        f.value = !1;
+      }, 200), F.value = !1;
+    }, ge = (l, p) => {
+      l ? ye() : ke();
+    }, Te = (l, p) => {
+      x.value = !1, k("update:error", x.value);
+      const r = Je(l, S.value, v.value);
+      v.value = "";
+      const s = M(S.value) ? We(r, S.value) : r, T = M(S.value) && s != null ? String(s) : p;
+      k("update:model-value", s), k("change", s, T);
     };
-    return K({
-      $datePicker: v,
+    return w({
+      $datePicker: c,
       blur: () => {
-        v.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        c.value.focus();
       }
-    }), (r, a) => (f(), z(
+    }), (l, p) => (y(), $(
       "div",
       {
-        class: ke(["das-ui-date-picker", [l.borderType, t.isView ? "readonly" : "", o(W) ? "is-error" : ""]]),
-        style: G(Z.value)
+        class: Le(["das-ui-date-picker", [t.borderType, e.isView ? "readonly" : "", i(x) ? "is-error" : ""]]),
+        style: ue(re.value)
       },
       [
-        $(o(Te), { locale: P.value }, {
-          default: p(() => [
-            $(o(xe), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: y.value,
-              disabled: !l.isTooltip,
-              content: H.value
+              visible: f.value,
+              disabled: !t.isTooltip,
+              content: m.value
             }, {
-              default: p(() => {
-                var e;
+              default: h(() => {
+                var r;
                 return [
-                  me((f(), Y(o(Ne), se({
-                    key: h.value,
+                  Ie((y(), ne(i(tt), we({
+                    key: P.value,
                     ref_key: "$datePicker",
-                    ref: v
-                  }, r.$attrs, {
-                    value: o(b),
-                    "onUpdate:value": a[0] || (a[0] = (d) => $e(b) ? b.value = d : null),
-                    size: T.value,
-                    locale: (e = P.value) == null ? void 0 : e.DatePicker,
-                    dropdownClassName: "das-ui-date-picker-dropdown " + l.dropdownClassName,
-                    placeholder: E.value,
-                    showToday: l.showToday,
-                    bordered: l.borderType === "bordered",
-                    disabled: t.disabled || t.isView,
-                    style: Z.value,
-                    popupStyle: F.value,
-                    onChange: ne,
-                    onOpenChange: x
-                  }), Ve({
-                    dateRender: p((d) => [
-                      C(r.$slots, "dateRender", ge(we(d)), () => [
-                        V(
+                    ref: c
+                  }, l.$attrs, {
+                    value: H.value,
+                    valueFormat: se.value,
+                    size: W.value,
+                    locale: (r = N.value) == null ? void 0 : r.DatePicker,
+                    dropdownClassName: "das-ui-date-picker-dropdown " + t.dropdownClassName,
+                    placeholder: Q.value,
+                    showToday: t.showToday,
+                    bordered: t.borderType === "bordered",
+                    disabled: e.disabled || e.isView,
+                    style: re.value,
+                    popupStyle: le.value,
+                    onChange: Te,
+                    onOpenChange: he
+                  }), _e({
+                    dateRender: h((s) => [
+                      L(l.$slots, "dateRender", Pe(Ee(s)), () => [
+                        j(
                           "div",
-                          je,
-                          q(d.current.date()),
+                          vt,
+                          te(s.current.date()),
                           1
                           /* TEXT */
                         )
                       ], !0)
                     ]),
-                    nextIcon: p(() => [
-                      C(r.$slots, "nextIcon", {}, () => [
-                        $(o(re), {
+                    nextIcon: h(() => [
+                      L(l.$slots, "nextIcon", {}, () => [
+                        D(i(pe), {
                           icon: "right",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    prevIcon: p(() => [
-                      C(r.$slots, "prevIcon", {}, () => [
-                        $(o(re), {
+                    prevIcon: h(() => [
+                      L(l.$slots, "prevIcon", {}, () => [
+                        D(i(pe), {
                           icon: "left",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    superNextIcon: p(() => [
-                      C(r.$slots, "superNextIcon", {}, () => [
-                        $(o(re), {
+                    superNextIcon: h(() => [
+                      L(l.$slots, "superNextIcon", {}, () => [
+                        D(i(pe), {
                           icon: "double-arrow-right",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    superPrevIcon: p(() => [
-                      C(r.$slots, "superPrevIcon", {}, () => [
-                        $(o(re), {
+                    superPrevIcon: h(() => [
+                      L(l.$slots, "superPrevIcon", {}, () => [
+                        D(i(pe), {
                           icon: "double-arrow-left",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    suffixIcon: p(() => [
-                      C(r.$slots, "suffixIcon", {}, () => [
-                        $(o(re), {
+                    suffixIcon: h(() => [
+                      L(l.$slots, "suffixIcon", {}, () => [
+                        D(i(pe), {
                           class: "das-suffix-icon",
                           icon: "riqixuanze",
                           size: "medium"
@@ -229,15 +270,15 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    r.$slots.renderExtraFooter ? {
+                    l.$slots.renderExtraFooter ? {
                       name: "renderExtraFooter",
-                      fn: p(() => [
-                        C(r.$slots, "renderExtraFooter", {}, void 0, !0)
+                      fn: h(() => [
+                        L(l.$slots, "renderExtraFooter", {}, void 0, !0)
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1040, ["value", "size", "locale", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-                    [o(ye), oe]
+                  ]), 1040, ["value", "valueFormat", "size", "locale", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+                    [i(Ve), ge]
                   ])
                 ];
               }),
@@ -248,52 +289,56 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        l.error && l.errorLabel ? (f(), z(
-          ue,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            l.errorMode === "default" ? (f(), z("div", Ke, [
-              V(
+            t.errorMode === "default" ? (y(), $("div", ft, [
+              j(
                 "span",
                 {
-                  style: G(X.value)
+                  style: ue(R.value)
                 },
-                q(l.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            l.errorMode === "overlay" && M.value ? (f(), Y(o(he), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && F.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: l.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var e;
-                return (e = v.value) == null ? void 0 : e.$el;
+                var r;
+                return (r = c.value) == null ? void 0 : r.$el;
               },
-              errorModelZIndex: l.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), be = (l, K) => {
-  const c = l.__vccOpts || l;
-  for (const [t, m] of K)
-    c[t] = m;
-  return c;
-}, Ge = /* @__PURE__ */ be(Xe, [["__scopeId", "data-v-f95c11f8"]]), Je = { class: "date-range-separator" }, Qe = {
+}), $e = (t, w) => {
+  const a = t.__vccOpts || t;
+  for (const [e, k] of w)
+    a[e] = k;
+  return a;
+}, ht = /* @__PURE__ */ $e(mt, [["__scopeId", "data-v-d5f86340"]]), yt = { class: "date-range-separator" }, kt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, _e = {
+}, bt = {
   name: "DasDateRangePicker"
-}, et = /* @__PURE__ */ pe({
-  ..._e,
+}, gt = /* @__PURE__ */ xe({
+  ...bt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: {},
@@ -318,127 +363,150 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(l, { emit: K }) {
-    fe((u) => ({
-      v11f9697a: T.value,
-      v0db101da: N.value
+  setup(t, { emit: w }) {
+    ze((f) => ({
+      v0af6faf2: E.value,
+      v19f5de9b: V.value
     }));
-    const c = l, t = K, m = Be(), P = i(() => c.placeholder ?? [ie("开始日期"), ie("结束日期")]), h = J(c, "modelValue"), v = J(c, "error"), N = i(() => c.width ? c.width : "230px"), T = i(() => c.height ? c.height : "auto"), b = i(() => ({ ...m, ...c.prevAttrs })), W = i(() => ({ ...m, ...c.nextAttrs })), E = n(), Z = n(!1), Q = n({
+    const a = t, e = w, k = Xe(), N = u(() => a.placeholder ?? [Ze("开始日期"), Ze("结束日期")]), P = ie(a, "modelValue"), c = ie(a, "error"), O = u(() => ({
+      timeZoneMode: a.timeZoneMode,
+      timeZone: a.timeZone,
+      useClientTimeZone: a.useClientTimeZone,
+      timeZoneValueFormat: a.timeZoneValueFormat
+    })), v = u(() => {
+      var f, b;
+      return M(O.value) ? [
+        Se((f = P.value) == null ? void 0 : f[0], O.value),
+        Se((b = P.value) == null ? void 0 : b[1], O.value)
+      ] : P.value;
+    }), V = u(() => a.width ? a.width : "230px"), E = u(() => a.height ? a.height : "auto"), W = u(() => ({ ...k, ...a.prevAttrs })), Z = u(() => ({ ...k, ...a.nextAttrs })), x = o(), S = o(!1), H = o({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), A = () => {
-      Z.value = !0;
-    }, U = () => {
-      Z.value = !1;
-    }, B = (u, s) => {
-      u ? A() : U();
-    }, F = (u, s) => {
-      t("openChange", u, s), D.value === "en-US" && te(() => {
-        const k = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let S of k)
-          S && (S.innerText = "OK");
+    }), se = () => {
+      S.value = !0;
+    }, Q = () => {
+      S.value = !1;
+    }, re = (f, b) => {
+      f ? se() : Q();
+    }, U = (f, b) => {
+      e("openChange", f, b), A.value === "en-US" && ve(() => {
+        const m = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let g of m)
+          g && (g.innerText = "OK");
       });
-    }, M = i(() => {
-      let u = c.valueFormat ? c.valueFormat : c.format;
+    }, _ = u(() => {
+      let f = a.valueFormat ? a.valueFormat : a.format;
       return [
-        h.value[0] ? Ee.isDayjs(h.value[0]) ? h.value[0].format(u) : h.value[0] : "",
-        h.value[1] ? Ee.isDayjs(h.value[1]) ? h.value[1].format(u) : h.value[1] : ""
+        v.value[0] ? Ke.isDayjs(v.value[0]) ? v.value[0].format(f) : v.value[0] : "",
+        v.value[1] ? Ke.isDayjs(v.value[1]) ? v.value[1].format(f) : v.value[1] : ""
       ];
-    }), X = (u) => c.disabledDate && c.disabledDate(u) === !0 ? !0 : !!(h.value[1] && u.isAfter(h.value[1], c.disabledUnit || void 0)), y = (u) => c.disabledDate && c.disabledDate(u) === !0 ? !0 : !!(h.value[0] && u.isBefore(h.value[0], c.disabledUnit || void 0)), L = i(() => ({
-      width: c.width
-    })), H = (u, s) => {
-      v.value = !1, t("update:model-value", h.value), t("change", h.value, M.value);
-    }, _ = (u, s) => {
-      v.value = !1, t("update:model-value", h.value), t("change", h.value, M.value);
+    }), K = (f) => a.disabledDate && a.disabledDate(f) === !0 ? !0 : !!(v.value[1] && f.isAfter(v.value[1], a.disabledUnit || void 0)), Y = (f) => a.disabledDate && a.disabledDate(f) === !0 ? !0 : !!(v.value[0] && f.isBefore(v.value[0], a.disabledUnit || void 0)), le = u(() => ({
+      width: a.width
+    })), F = (f, b) => {
+      c.value = !1, e("update:model-value", P.value), e("change", P.value, _.value);
+    }, R = (f, b) => {
+      c.value = !1, e("update:model-value", P.value), e("change", P.value, _.value);
     };
-    return (u, s) => me((f(), z(
+    return (f, b) => Ie((y(), $(
       "div",
       {
         class: "das-ui-date-range-picker",
-        style: G(L.value),
+        style: ue(le.value),
         ref_key: "$dateRange",
-        ref: E
+        ref: x
       },
       [
-        $(o(Pe), se(b.value, {
-          modelValue: o(h)[0],
-          "onUpdate:modelValue": s[0] || (s[0] = (k) => o(h)[0] = k),
-          size: c.size,
-          valueFormat: c.valueFormat,
-          borderType: c.borderType,
-          error: o(v),
-          width: c.itemWidth,
-          "disabled-date": X,
-          placeholder: P.value[0],
-          onChange: H,
-          onOpenChange: s[1] || (s[1] = (k) => F(k, "before"))
-        }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        C(u.$slots, "separator", {}, () => [
-          V(
+        D(i(Ue), we(W.value, {
+          modelValue: i(P)[0],
+          "onUpdate:modelValue": b[0] || (b[0] = (m) => i(P)[0] = m),
+          size: a.size,
+          valueFormat: a.valueFormat,
+          timeZoneMode: a.timeZoneMode,
+          timeZone: a.timeZone,
+          useClientTimeZone: a.useClientTimeZone,
+          timeZoneValueFormat: a.timeZoneValueFormat,
+          borderType: a.borderType,
+          error: i(c),
+          width: a.itemWidth,
+          "disabled-date": K,
+          placeholder: N.value[0],
+          onChange: F,
+          onOpenChange: b[1] || (b[1] = (m) => U(m, "before"))
+        }), null, 16, ["modelValue", "size", "valueFormat", "timeZoneMode", "timeZone", "useClientTimeZone", "timeZoneValueFormat", "borderType", "error", "width", "placeholder"]),
+        L(f.$slots, "separator", {}, () => [
+          j(
             "span",
-            Je,
-            q(c.separator),
+            yt,
+            te(a.separator),
             1
             /* TEXT */
           )
         ], !0),
-        $(o(Pe), se(W.value, {
-          modelValue: o(h)[1],
-          "onUpdate:modelValue": s[2] || (s[2] = (k) => o(h)[1] = k),
-          size: c.size,
-          valueFormat: c.valueFormat,
-          borderType: c.borderType,
-          error: o(v),
-          width: c.itemWidth,
-          "disabled-date": y,
-          placeholder: P.value[1],
-          onChange: _,
-          onOpenChange: s[3] || (s[3] = (k) => F(k, "after"))
-        }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        l.error && l.errorLabel ? (f(), z(
-          ue,
+        D(i(Ue), we(Z.value, {
+          modelValue: i(P)[1],
+          "onUpdate:modelValue": b[2] || (b[2] = (m) => i(P)[1] = m),
+          size: a.size,
+          valueFormat: a.valueFormat,
+          timeZoneMode: a.timeZoneMode,
+          timeZone: a.timeZone,
+          useClientTimeZone: a.useClientTimeZone,
+          timeZoneValueFormat: a.timeZoneValueFormat,
+          borderType: a.borderType,
+          error: i(c),
+          width: a.itemWidth,
+          "disabled-date": Y,
+          placeholder: N.value[1],
+          onChange: R,
+          onOpenChange: b[3] || (b[3] = (m) => U(m, "after"))
+        }), null, 16, ["modelValue", "size", "valueFormat", "timeZoneMode", "timeZone", "useClientTimeZone", "timeZoneValueFormat", "borderType", "error", "width", "placeholder"]),
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            l.errorMode === "default" ? (f(), z("div", Qe, [
-              V(
+            t.errorMode === "default" ? (y(), $("div", kt, [
+              j(
                 "span",
                 {
-                  style: G(Q.value)
+                  style: ue(H.value)
                 },
-                q(l.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            l.errorMode === "overlay" && Z.value ? (f(), Y(o(he), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && S.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: l.errorLabel,
-              getEl: () => E.value,
-              errorModelZIndex: l.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+              errorLabel: t.errorLabel,
+              getEl: () => x.value,
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : C("v-if", !0)
       ],
       4
       /* STYLE */
     )), [
-      [o(ye), B]
+      [i(Ve), re]
     ]);
   }
-}), tt = /* @__PURE__ */ be(et, [["__scopeId", "data-v-9599ec25"]]), rt = { class: "ant-picker-cell-inner" }, lt = { class: "das-picker-footer-extra" }, at = {
+}), Tt = /* @__PURE__ */ $e(gt, [["__scopeId", "data-v-1e54ac00"]]), wt = { class: "ant-picker-cell-inner" }, Zt = { class: "das-picker-footer-extra" }, St = {
   key: 0,
   class: "das-picker-ranges"
-}, ot = { class: "das-picker-preset-span" }, nt = ["onClick"], ut = {
+}, Ct = { class: "das-picker-preset-span" }, xt = ["onClick"], zt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, st = {
+}, It = {
   name: "DasRangePicker"
-}, it = /* @__PURE__ */ pe({
-  ...st,
+}, Mt = /* @__PURE__ */ xe({
+  ...It,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -463,201 +531,229 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(l, { expose: K, emit: c }) {
-    fe((e) => ({
-      v0c181892: E.value,
-      v2abb8956: Q.value
+  setup(t, { expose: w, emit: a }) {
+    ze((r) => ({
+      v4a24af5f: se.value,
+      v3ebb7aa4: re.value
     }));
-    const t = l, m = c;
-    Ce({
+    const e = t, k = a;
+    qe({
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const P = n(void 0);
-    j(D, async () => {
-      P.value = await ze(D.value);
+    const N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const h = i(() => `range-picker-${D.value}`), v = n(null), N = n(null), T = i(() => t.size === "table" || t.size === "middle" || t.size === "default" ? "middle" : t.size), b = J(t, "modelValue"), W = J(t, "error"), E = i(() => t.width ? t.width : "230px"), Z = i(() => t.formSize), Q = i(() => t.height ? t.height : Z.value ? {
+    const P = u(() => `range-picker-${A.value}`), c = o(null), O = o(null), v = o(""), V = o(!1), E = u(() => e.size === "table" || e.size === "middle" || e.size === "default" ? "middle" : e.size), W = ie(e, "modelValue"), Z = ie(e, "error"), x = u(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
+      timeZoneValueFormat: e.timeZoneValueFormat
+    })), S = u(() => {
+      if (!(!Array.isArray(W.value) || W.value.length !== 2))
+        return M(x.value) ? W.value.map((r) => Se(r, x.value)) : W.value;
+    }), H = u(() => M(x.value) ? void 0 : e.valueFormat), se = u(() => e.width ? e.width : "230px"), Q = u(() => e.formSize), re = u(() => e.height ? e.height : Q.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[Z.value] : "auto"), A = n(3e3), U = i(() => ({
-      "z-index": A.value
-    })), B = n(!1), F = n({
+    }[Q.value] : "auto"), U = o(3e3), _ = u(() => ({
+      "z-index": U.value
+    })), K = o(!1), Y = o({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), M = i(() => {
-      var e;
-      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = t.placeholder) == null ? void 0 : e.map((d) => ie(d));
-    }), X = i(() => ({
-      width: t.width
-    })), y = n(!1), L = n(["", ""]), H = n("~"), _ = i(() => {
-      var e;
-      return (e = b.value) != null && e.length && b.value[0] && b.value[1] ? L.value.join(" " + H.value + " ") : M.value.join(" " + H.value + " ");
-    }), u = n([0, 0]), s = n([0, 0]), k = () => {
-      var w;
-      let e = [];
-      const d = (w = v.value) == null ? void 0 : w.$el.querySelectorAll(".ant-picker-input>input");
-      if (!d)
-        return e = [0, 0], e;
-      let I = [];
-      for (let R of d) {
-        I.push(R.getAttribute("value") || "");
-        let Me = (R == null ? void 0 : R.offsetWidth) ?? 0;
-        e.push(Me);
-      }
-      return L.value = I, e;
-    }, S = (e) => {
-      const d = t.size === "table" ? 12 : 14;
-      return Se(e, d);
-    }, O = () => {
+    }), le = u(() => {
+      var r;
+      return e.isView ? e.noSetDefaultVal ? ["", ""] : ["-", "-"] : (r = e.placeholder) == null ? void 0 : r.map((s) => Ze(s));
+    }), F = u(() => ({
+      width: e.width
+    })), R = o(!1), f = o(["", ""]), b = o("~"), m = u(() => {
+      var r;
+      return (r = S.value) != null && r.length && S.value[0] && S.value[1] ? f.value.join(" " + b.value + " ") : le.value.join(" " + b.value + " ");
+    }), g = o([0, 0]), B = o([0, 0]), de = () => {
       var I;
-      let e = [];
-      return ((I = v.value) == null ? void 0 : I.$el.querySelectorAll(".ant-picker-input>input")).forEach((w, R) => {
-        b.value.length && b.value[0] && b.value[0] ? e.push(w == null ? void 0 : w.scrollWidth) : e.push(S(M.value[R]));
-      }), e;
+      let r = [];
+      const s = (I = c.value) == null ? void 0 : I.$el.querySelectorAll(".ant-picker-input>input");
+      if (!s)
+        return r = [0, 0], r;
+      let T = [];
+      for (let J of s) {
+        T.push(J.getAttribute("value") || "");
+        let ae = (J == null ? void 0 : J.offsetWidth) ?? 0;
+        r.push(ae);
+      }
+      return f.value = T, r;
+    }, X = (r) => {
+      const s = e.size === "table" ? 12 : 14;
+      return Ne(r, s);
+    }, ee = () => {
+      var T;
+      let r = [];
+      return ((T = c.value) == null ? void 0 : T.$el.querySelectorAll(".ant-picker-input>input")).forEach((I, J) => {
+        var ae;
+        (ae = S.value) != null && ae.length && S.value[0] && S.value[0] ? r.push(I == null ? void 0 : I.scrollWidth) : r.push(X(le.value[J]));
+      }), r;
     };
-    j(() => [M.value, b.value], () => {
-      te(() => {
-        u.value = k(), s.value = O(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) && (y.value = !1);
+    oe(() => [le.value, S.value], () => {
+      ve(() => {
+        g.value = de(), B.value = ee(), (g.value[0] === B.value[0] || B.value[0] - g.value[0] < 1) && (g.value[1] === B.value[1] || B.value[1] - g.value[1] < 1) && (R.value = !1);
       });
     });
-    const x = n();
-    j(
+    const z = o();
+    oe(
       () => {
-        var e;
-        return (e = N.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        var r;
+        return (r = O.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
       },
-      (e) => {
-        e && (e.addEventListener("mouseenter", function() {
-          y.value = !0, x.value && clearTimeout(x.value);
-        }), e.addEventListener("mouseleave", function() {
-          x.value = setTimeout(() => {
-            y.value = !1;
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          R.value = !0, z.value && clearTimeout(z.value);
+        }), r.addEventListener("mouseleave", function() {
+          z.value = setTimeout(() => {
+            R.value = !1;
           }, 200);
         }));
       }
     );
-    const le = (e) => {
-      e && (A.value = Ie().nextZIndex()), m("openChange", e), D.value === "en-US" && te(() => {
-        const d = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let I of d)
-          I && (I.innerText = "OK");
+    const he = (r) => {
+      r && (U.value = Re().nextZIndex()), r ? fe() : ce(), k("openChange", r), A.value === "en-US" && ve(() => {
+        const s = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let T of s)
+          T && (T.innerText = "OK");
       });
-    }, ae = () => {
-      u.value = k(), s.value = O(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) ? y.value = !1 : (y.value = !0, x.value && clearTimeout(x.value)), B.value = !0;
-    }, oe = () => {
-      x.value = setTimeout(() => {
-        y.value = !1;
-      }, 200), B.value = !1;
-    }, ne = (e, d) => {
-      e ? ae() : oe();
-    }, de = (e, d) => {
-      if (W.value = !1, e === null) {
-        m("update:model-value", [null, null]), m("change", [null, null], d);
+    }, G = (r) => {
+      M(x.value) && (v.value = Oe(r));
+    }, fe = () => {
+      v.value = "", V.value = me(
+        G,
+        M(x.value),
+        V.value
+      );
+    }, ce = () => {
+      V.value = me(G, !1, V.value);
+    };
+    De(() => {
+      ce(), v.value = "";
+    });
+    const ye = () => {
+      g.value = de(), B.value = ee(), (g.value[0] === B.value[0] || B.value[0] - g.value[0] < 1) && (g.value[1] === B.value[1] || B.value[1] - g.value[1] < 1) ? R.value = !1 : (R.value = !0, z.value && clearTimeout(z.value)), K.value = !0;
+    }, ke = () => {
+      z.value = setTimeout(() => {
+        R.value = !1;
+      }, 200), K.value = !1;
+    }, ge = (r, s) => {
+      r ? ye() : ke();
+    }, Te = (r, s) => {
+      const T = Qe(r, x.value, v.value);
+      v.value = "";
+      const I = M(x.value) && Array.isArray(T) ? T.map((ae) => ae && We(ae, x.value)) : T, J = M(x.value) && Array.isArray(I) ? I.map((ae) => ae == null ? "" : String(ae)) : s;
+      k("update:error", Z.value), k("update:model-value", I), k("change", I, J);
+    }, d = (r, s) => {
+      if (Z.value = !1, r === null) {
+        k("update:model-value", [null, null]), k("change", [null, null], s);
         return;
       }
-      m("update:error", W.value), m("update:model-value", e), m("change", e, d);
-    }, ce = (e) => {
-      m("update:model-value", e.value), m("change", e.value, [e.value[0].format(t.format), e.value[1].format(t.format)]), v.value.blur();
+      Te(r, s);
+    }, n = (r) => {
+      Z.value = !1, Te(r.value, [r.value[0].format(e.format), r.value[1].format(e.format)]), c.value.blur();
     };
-    return K({
-      $rangePicker: v,
+    return w({
+      $rangePicker: c,
       blur: () => {
-        v.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        c.value.focus();
       }
-    }), (e, d) => (f(), z(
+    }), (r, s) => (y(), $(
       "div",
       {
-        class: ke(["das-ui-range-picker", [l.borderType, t.isView ? "readonly" : "", o(W) ? "is-error" : ""]]),
-        style: G(X.value)
+        class: Le(["das-ui-range-picker", [t.borderType, e.isView ? "readonly" : "", i(Z) ? "is-error" : ""]]),
+        style: ue(F.value)
       },
       [
-        $(o(Te), { locale: P.value }, {
-          default: p(() => [
-            $(o(xe), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: y.value,
-              disabled: !l.isTooltip,
-              content: _.value
+              visible: R.value,
+              disabled: !t.isTooltip,
+              content: m.value
             }, {
-              default: p(() => {
-                var I;
+              default: h(() => {
+                var T;
                 return [
-                  me((f(), Y(o(We), se({
-                    key: h.value,
+                  Ie((y(), ne(i(rt), we({
+                    key: P.value,
                     ref_key: "$rangePicker",
-                    ref: v
-                  }, e.$attrs, {
-                    value: o(b),
-                    size: T.value,
-                    locale: (I = P.value) == null ? void 0 : I.DatePicker,
-                    valueFormat: t.valueFormat,
-                    dropdownClassName: "das-ui-range-picker-dropdown " + l.dropdownClassName,
-                    placeholder: M.value,
-                    showToday: l.showToday,
-                    showTime: l.showTime,
-                    bordered: l.borderType === "bordered",
-                    disabled: t.disabled || t.isView,
-                    style: X.value,
-                    popupStyle: U.value,
-                    onChange: de,
-                    onOpenChange: le
+                    ref: c
+                  }, r.$attrs, {
+                    value: S.value,
+                    size: E.value,
+                    locale: (T = N.value) == null ? void 0 : T.DatePicker,
+                    valueFormat: H.value,
+                    dropdownClassName: "das-ui-range-picker-dropdown " + t.dropdownClassName,
+                    placeholder: le.value,
+                    showToday: t.showToday,
+                    showTime: t.showTime,
+                    bordered: t.borderType === "bordered",
+                    disabled: e.disabled || e.isView,
+                    style: F.value,
+                    popupStyle: _.value,
+                    onChange: d,
+                    onOpenChange: he
                   }), {
-                    dateRender: p((w) => [
-                      C(e.$slots, "dateRender", ge(we(w)), () => [
-                        V(
+                    dateRender: h((I) => [
+                      L(r.$slots, "dateRender", Pe(Ee(I)), () => [
+                        j(
                           "div",
-                          rt,
-                          q(w.current.date()),
+                          wt,
+                          te(I.current.date()),
                           1
                           /* TEXT */
                         )
                       ], !0)
                     ]),
-                    nextIcon: p(() => [
-                      g(' <slot name="nextIcon"> '),
-                      d[1] || (d[1] = Le(
+                    nextIcon: h(() => [
+                      C(' <slot name="nextIcon"> '),
+                      s[1] || (s[1] = je(
                         " XX ",
                         -1
                         /* CACHED */
                       )),
-                      g(" </slot> ")
+                      C(" </slot> ")
                     ]),
-                    prevIcon: p(() => [
-                      C(e.$slots, "prevIcon", {}, () => [
-                        g(' <das-icon icon="left"></das-icon> ')
+                    prevIcon: h(() => [
+                      L(r.$slots, "prevIcon", {}, () => [
+                        C(' <das-icon icon="left"></das-icon> ')
                       ], !0)
                     ]),
-                    superNextIcon: p(() => [
-                      C(e.$slots, "superNextIcon", {}, () => [
-                        g(' <das-icon icon="double-arrow-right"></das-icon> ')
+                    superNextIcon: h(() => [
+                      L(r.$slots, "superNextIcon", {}, () => [
+                        C(' <das-icon icon="double-arrow-right"></das-icon> ')
                       ], !0)
                     ]),
-                    superPrevIcon: p(() => [
-                      C(e.$slots, "superPrevIcon", {}, () => [
-                        g(' <das-icon icon="double-arrow-left"></das-icon> ')
+                    superPrevIcon: h(() => [
+                      L(r.$slots, "superPrevIcon", {}, () => [
+                        C(' <das-icon icon="double-arrow-left"></das-icon> ')
                       ], !0)
                     ]),
-                    suffixIcon: p(() => [
-                      C(e.$slots, "suffixIcon", {}, () => [
-                        $(o(re), {
+                    suffixIcon: h(() => [
+                      L(r.$slots, "suffixIcon", {}, () => [
+                        D(i(pe), {
                           class: "das-suffix-icon",
                           icon: "riqixuanze",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    separator: p(() => [
-                      C(e.$slots, "separator", {}, () => [
-                        d[2] || (d[2] = V(
+                    separator: h(() => [
+                      L(r.$slots, "separator", {}, () => [
+                        s[2] || (s[2] = j(
                           "div",
                           { style: { padding: "0 8px" } },
                           "~",
@@ -666,19 +762,19 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                         ))
                       ], !0)
                     ]),
-                    renderExtraFooter: p(() => [
-                      V("div", lt, [
-                        C(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                    renderExtraFooter: h(() => [
+                      j("div", Zt, [
+                        L(r.$slots, "renderExtraFooter", {}, void 0, !0)
                       ]),
-                      l.showTime || l.ranges && l.ranges.length ? (f(), z("div", at, [
-                        (f(!0), z(
-                          ue,
+                      t.showTime || t.ranges && t.ranges.length ? (y(), $("div", St, [
+                        (y(!0), $(
+                          be,
                           null,
-                          De(l.ranges, (w) => (f(), z("div", {
+                          He(t.ranges, (I) => (y(), $("div", {
                             class: "das-picker-preset",
-                            key: w.key
+                            key: I.key
                           }, [
-                            g(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
+                            C(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
                  \r
                     <span class="das-picker-preset-span" >\r
                         {{ item.key }}<das-icon icon="fold" size='mini'></das-icon>\r
@@ -695,31 +791,31 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                     </el-dropdown-menu>\r
                   </template>\r
                 </el-dropdown> `),
-                            w.type === "dropdown" && w.children.length ? (f(), Y(
-                              o(Ze),
+                            I.type === "dropdown" && I.children.length ? (y(), ne(
+                              i(lt),
                               {
                                 key: 0,
                                 trigger: ["click"]
                               },
                               {
-                                overlay: p(() => [
-                                  $(
-                                    o(Ae),
+                                overlay: h(() => [
+                                  D(
+                                    i(at),
                                     null,
                                     {
-                                      default: p(() => [
-                                        (f(!0), z(
-                                          ue,
+                                      default: h(() => [
+                                        (y(!0), $(
+                                          be,
                                           null,
-                                          De(w.children, (R) => (f(), Y(o(Fe), {
-                                            key: R.key,
-                                            onClick: (Me) => ce(R)
+                                          He(I.children, (J) => (y(), ne(i(ot), {
+                                            key: J.key,
+                                            onClick: (ae) => n(J)
                                           }, {
-                                            default: p(() => [
-                                              (f(), z(
+                                            default: h(() => [
+                                              (y(), $(
                                                 "span",
-                                                { key: R },
-                                                q(R.key),
+                                                { key: J },
+                                                te(J.key),
                                                 1
                                                 /* TEXT */
                                               ))
@@ -738,19 +834,19 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                                     /* DYNAMIC_SLOTS */
                                   )
                                 ]),
-                                default: p(() => [
-                                  V("a", {
+                                default: h(() => [
+                                  j("a", {
                                     class: "ant-dropdown-link",
-                                    onClick: d[0] || (d[0] = Re(() => {
+                                    onClick: s[0] || (s[0] = et(() => {
                                     }, ["prevent"]))
                                   }, [
-                                    V("span", ot, [
-                                      Le(
-                                        q(w.key) + " ",
+                                    j("span", Ct, [
+                                      je(
+                                        te(I.key) + " ",
                                         1
                                         /* TEXT */
                                       ),
-                                      $(o(re), {
+                                      D(i(pe), {
                                         icon: "fold",
                                         size: "mini",
                                         style: { display: "inline-block" }
@@ -763,24 +859,24 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                               },
                               1024
                               /* DYNAMIC_SLOTS */
-                            )) : (f(), z("span", {
+                            )) : (y(), $("span", {
                               key: 1,
                               class: "das-picker-preset-span",
-                              onClick: (R) => ce(w)
-                            }, q(w.key), 9, nt))
+                              onClick: (J) => n(I)
+                            }, te(I.key), 9, xt))
                           ]))),
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        g(` <div class="das-picker-ok">\r
+                        C(` <div class="das-picker-ok">\r
                 <das-button btnType="primary" size="middle">Ok</das-button>\r
               </div> `)
-                      ])) : g("v-if", !0)
+                      ])) : C("v-if", !0)
                     ]),
                     _: 3
                     /* FORWARDED */
                   }, 16, ["value", "size", "locale", "valueFormat", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                    [o(ye), ne]
+                    [i(Ve), ge]
                   ])
                 ];
               }),
@@ -791,53 +887,57 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        g(` <div\r
+        C(` <div\r
       :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
       v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
     >\r
       <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
     </div> `),
-        l.error && l.errorLabel ? (f(), z(
-          ue,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            l.errorMode === "default" ? (f(), z("div", ut, [
-              V(
+            t.errorMode === "default" ? (y(), $("div", zt, [
+              j(
                 "span",
                 {
-                  style: G(F.value)
+                  style: ue(Y.value)
                 },
-                q(l.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            l.errorMode === "overlay" && B.value ? (f(), Y(o(he), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && K.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: l.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var I;
-                return (I = v.value) == null ? void 0 : I.$el;
+                var T;
+                return (T = c.value) == null ? void 0 : T.$el;
               },
-              errorModelZIndex: l.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), dt = /* @__PURE__ */ be(it, [["__scopeId", "data-v-93c0b3cd"]]), ct = { class: "ant-picker-cell-inner" }, vt = {
+}), Vt = /* @__PURE__ */ $e(Mt, [["__scopeId", "data-v-30c858ea"]]), $t = { class: "ant-picker-cell-inner" }, Dt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, pt = {
+}, Lt = {
   name: "DasDatePicker"
-}, ft = /* @__PURE__ */ pe({
-  ...pt,
+}, Pt = /* @__PURE__ */ xe({
+  ...Lt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -858,136 +958,158 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(l, { expose: K, emit: c }) {
-    fe((r) => ({
-      v58409e28: W.value,
-      d3f7a5f6: Q.value
+  setup(t, { expose: w, emit: a }) {
+    ze((d) => ({
+      v2f888276: S.value,
+      v056d2008: Q.value
     }));
-    const t = l, m = c, P = n(void 0);
-    j(D, async () => {
-      P.value = await ze(D.value);
+    const e = t, k = a, N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const h = i(() => `time-picker-${D.value}`), v = n(null), N = n(null), T = J(t, "modelValue"), b = J(t, "error"), W = i(() => t.width ? t.width : "230px"), E = i(() => t.formSize), Z = i(() => t.size === "large" ? "large" : t.size === "small" || t.size === "table" ? "small" : "middle"), Q = i(() => t.height ? t.height : E.value ? {
+    const P = u(() => `time-picker-${A.value}`), c = o(null), O = o(null), v = o(""), V = o(!1), E = ie(e, "modelValue"), W = ie(e, "error"), Z = u(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
+      timeZoneValueFormat: e.timeZoneValueFormat
+    })), x = u(() => Se(E.value, Z.value)), S = u(() => e.width ? e.width : "230px"), H = u(() => e.formSize), se = u(() => e.size === "large" ? "large" : e.size === "small" || e.size === "table" ? "small" : "middle"), Q = u(() => e.height ? e.height : H.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[E.value] : "auto"), A = i(() => ({
-      width: t.width
-    })), U = i(() => t.isView ? t.noSetDefaultVal ? "" : "-" : ie(t.placeholder)), B = n(3e3), F = i(() => ({
-      "z-index": B.value
-    })), M = n(!1), X = n({
+    }[H.value] : "auto"), re = u(() => ({
+      width: e.width
+    })), U = u(() => e.isView ? e.noSetDefaultVal ? "" : "-" : Ze(e.placeholder)), _ = o(3e3), K = u(() => ({
+      "z-index": _.value
+    })), Y = o(!1), le = o({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), y = (r) => {
-      r && (B.value = Ie().nextZIndex()), m("openChange", r), String(D.value).startsWith("en") && te(() => {
-        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of a)
-          e && (e.innerText = "OK");
+    }), F = (d) => {
+      d && (_.value = Re().nextZIndex()), d ? f() : b(), k("openChange", d), String(A.value).startsWith("en") && ve(() => {
+        const n = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let l of n)
+          l && (l.innerText = "OK");
       });
-    }, L = n(!1), H = n(""), _ = i(() => T.value ? H.value : U.value), u = () => {
-      const r = t.size === "table" ? 12 : 14;
-      return Se(U.value, r);
-    }, s = () => {
-      var a;
-      const r = (a = v.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
-      return T.value ? r == null ? void 0 : r.scrollWidth : u();
-    }, k = () => {
-      var e;
-      const r = (e = v.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return r ? (H.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
-    }, S = n(0), O = n(0);
-    j(() => [U.value, T.value], () => {
-      te(() => {
-        S.value = k(), O.value = s(), (S.value === O.value || O.value - S.value < 1) && (L.value = !1);
+    }, R = (d) => {
+      M(Z.value) && (v.value = Oe(d));
+    }, f = () => {
+      v.value = "", V.value = me(
+        R,
+        M(Z.value),
+        V.value
+      );
+    }, b = () => {
+      V.value = me(R, !1, V.value);
+    };
+    De(() => {
+      b(), v.value = "";
+    });
+    const m = o(!1), g = o(""), B = u(() => x.value ? g.value : U.value), de = () => {
+      const d = e.size === "table" ? 12 : 14;
+      return Ne(U.value, d);
+    }, X = () => {
+      var n;
+      const d = (n = c.value) == null ? void 0 : n.$el.querySelector(".ant-picker-input>input");
+      return x.value ? d == null ? void 0 : d.scrollWidth : de();
+    }, ee = () => {
+      var l;
+      const d = (l = c.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return d ? (g.value = d.getAttribute("value"), d.removeAttribute("title"), (d == null ? void 0 : d.offsetWidth) ?? 0) : 0;
+    }, q = o(0), z = o(0);
+    oe(() => [U.value, x.value], () => {
+      ve(() => {
+        q.value = ee(), z.value = X(), (q.value === z.value || z.value - q.value < 1) && (m.value = !1);
       });
     });
-    const x = n();
-    j(
+    const G = o();
+    oe(
       () => {
-        var r;
-        return (r = N.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+        var d;
+        return (d = O.value) == null ? void 0 : d.$tooltipRef.popperRef.contentRef;
       },
-      (r) => {
-        r && (r.addEventListener("mouseenter", function() {
-          L.value = !0, x.value && clearTimeout(x.value);
-        }), r.addEventListener("mouseleave", function() {
-          x.value = setTimeout(() => {
-            L.value = !1;
+      (d) => {
+        d && (d.addEventListener("mouseenter", function() {
+          m.value = !0, G.value && clearTimeout(G.value);
+        }), d.addEventListener("mouseleave", function() {
+          G.value = setTimeout(() => {
+            m.value = !1;
           }, 200);
         }));
       }
     );
-    const le = () => {
-      S.value = k(), O.value = s(), S.value === O.value || O.value - S.value < 1 ? L.value = !1 : (L.value = !0, x.value && clearTimeout(x.value)), M.value = !0;
-    }, ae = () => {
-      x.value = setTimeout(() => {
-        L.value = !1;
-      }, 200), M.value = !1;
-    }, oe = (r) => {
-      r ? le() : ae();
-    }, ne = (r, a) => {
-      b.value = !1, m("update:error", b.value), m("update:model-value", r), m("change", r, a);
+    const fe = () => {
+      q.value = ee(), z.value = X(), q.value === z.value || z.value - q.value < 1 ? m.value = !1 : (m.value = !0, G.value && clearTimeout(G.value)), Y.value = !0;
+    }, ce = () => {
+      G.value = setTimeout(() => {
+        m.value = !1;
+      }, 200), Y.value = !1;
+    }, ye = (d) => {
+      d ? fe() : ce();
+    }, ke = (d, n) => {
+      W.value = !1, k("update:error", W.value);
+      const l = Je(d, Z.value, v.value);
+      v.value = "";
+      const p = M(Z.value) ? We(l, Z.value) : l, r = M(Z.value) && p != null ? String(p) : n;
+      k("update:model-value", p), k("change", p, r);
     };
-    return K({
-      $timePicker: v,
+    return w({
+      $timePicker: c,
       blur: () => {
-        v.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        c.value.focus();
       }
-    }), (r, a) => (f(), z(
+    }), (d, n) => (y(), $(
       "div",
       {
-        class: ke(["das-ui-time-picker", [l.borderType, t.isView ? "readonly" : "", o(b) ? "is-error" : ""]]),
-        style: G(A.value)
+        class: Le(["das-ui-time-picker", [t.borderType, e.isView ? "readonly" : "", i(W) ? "is-error" : ""]]),
+        style: ue(re.value)
       },
       [
-        $(o(Te), { locale: P.value }, {
-          default: p(() => [
-            $(o(xe), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: L.value,
-              disabled: !l.isTooltip,
-              content: _.value
+              visible: m.value,
+              disabled: !t.isTooltip,
+              content: B.value
             }, {
-              default: p(() => [
-                me((f(), Y(o(Oe), se({
-                  key: h.value,
+              default: h(() => [
+                Ie((y(), ne(i(nt), we({
+                  key: P.value,
                   ref_key: "$timePicker",
-                  ref: v
-                }, r.$attrs, {
-                  value: o(T),
-                  "onUpdate:value": a[0] || (a[0] = (e) => $e(T) ? T.value = e : null),
-                  size: Z.value,
-                  popupClassName: "das-ui-time-picker-dropdown " + l.dropdownClassName,
-                  showNow: l.showNow,
-                  bordered: l.borderType === "bordered",
+                  ref: c
+                }, d.$attrs, {
+                  value: x.value,
+                  size: se.value,
+                  popupClassName: "das-ui-time-picker-dropdown " + t.dropdownClassName,
+                  showNow: t.showNow,
+                  bordered: t.borderType === "bordered",
                   placeholder: U.value,
-                  disabled: t.disabled || t.isView,
-                  style: A.value,
-                  popupStyle: F.value,
-                  onChange: ne,
-                  onOpenChange: y
+                  disabled: e.disabled || e.isView,
+                  style: re.value,
+                  popupStyle: K.value,
+                  onChange: ke,
+                  onOpenChange: F
                 }), {
-                  dateRender: p((e) => [
-                    C(r.$slots, "dateRender", ge(we(e)), () => [
-                      V(
+                  dateRender: h((l) => [
+                    L(d.$slots, "dateRender", Pe(Ee(l)), () => [
+                      j(
                         "div",
-                        ct,
-                        q(e.current.date()),
+                        $t,
+                        te(l.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  suffixIcon: p(() => [
-                    C(r.$slots, "suffixIcon", {}, () => [
-                      $(o(He), {
+                  suffixIcon: h(() => [
+                    L(d.$slots, "suffixIcon", {}, () => [
+                      D(i(ct), {
                         class: "das-suffix-icon",
                         size: "medium"
                       })
@@ -996,7 +1118,7 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                  [o(ye), oe]
+                  [i(Ve), ye]
                 ])
               ]),
               _: 3
@@ -1006,31 +1128,31 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        l.error && l.errorLabel ? (f(), z(
-          ue,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            l.errorMode === "default" ? (f(), z("div", vt, [
-              V(
+            t.errorMode === "default" ? (y(), $("div", Dt, [
+              j(
                 "span",
                 {
-                  style: G(X.value)
+                  style: ue(le.value)
                 },
-                q(l.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            l.errorMode === "overlay" && M.value ? (f(), Y(o(he), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && Y.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: l.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var e;
-                return (e = v.value) == null ? void 0 : e.$el;
+                var l;
+                return (l = c.value) == null ? void 0 : l.$el;
               },
-              errorModelZIndex: l.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0),
-            g(` <template v-else-if="errorMode === 'overlay' && isHoverInInput">\r
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0),
+            C(` <template v-else-if="errorMode === 'overlay' && isHoverInInput">\r
         <teleport to="body" v-if="teleported">\r
           <div ref="$errorModel" :style="errorModelStyle">\r
             <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
@@ -1044,20 +1166,24 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), mt = /* @__PURE__ */ be(ft, [["__scopeId", "data-v-30836c58"]]), ht = { class: "ant-picker-cell-inner" }, yt = {
+}), Et = /* @__PURE__ */ $e(Pt, [["__scopeId", "data-v-7c2bcad5"]]), Ft = { class: "ant-picker-cell-inner" }, Bt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, bt = {
+}, Rt = {
   name: "DasDatePicker"
-}, kt = /* @__PURE__ */ pe({
-  ...bt,
+}, At = /* @__PURE__ */ xe({
+  ...Rt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -1078,168 +1204,189 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(l, { expose: K, emit: c }) {
-    fe((a) => ({
-      v070a06a4: W.value,
-      v79159f3f: Q.value
-    })), Ce({
+  setup(t, { expose: w, emit: a }) {
+    ze((n) => ({
+      v70cdb73a: S.value,
+      v11bc6e2a: Q.value
+    })), qe({
       dengdai: import("@das-fed/upf-ui/packages/icons/dengdai")
     });
-    const t = l, m = c, P = n(void 0);
-    j(D, async () => {
-      P.value = await ze(D.value);
+    const e = t, k = a, N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const h = i(() => `time-range-picker-${D.value}`), v = n(null), N = n(null), T = J(t, "modelValue"), b = J(t, "error"), W = i(() => t.width ? t.width : "230px"), E = i(() => t.formSize), Z = i(() => t.size === "large" ? "large" : t.size === "small" || t.size === "table" ? "small" : "middle"), Q = i(() => t.height ? t.height : E.value ? {
+    const P = u(() => `time-range-picker-${A.value}`), c = o(null), O = o(null), v = o(""), V = o(!1), E = ie(e, "modelValue"), W = ie(e, "error"), Z = u(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
+      timeZoneValueFormat: e.timeZoneValueFormat
+    })), x = u(() => !Array.isArray(E.value) || !M(Z.value) ? E.value : E.value.map((n) => Se(n, Z.value))), S = u(() => e.width ? e.width : "230px"), H = u(() => e.formSize), se = u(() => e.size === "large" ? "large" : e.size === "small" || e.size === "table" ? "small" : "middle"), Q = u(() => e.height ? e.height : H.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[E.value] : "auto"), A = n(3e3), U = i(() => ({
-      "z-index": A.value
-    })), B = i(() => ({
-      width: t.width
-    })), F = i(() => {
-      var a;
-      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (a = t.placeholder) == null ? void 0 : a.map((e) => ie(e));
-    }), M = n(!1), X = n({
+    }[H.value] : "auto"), re = o(3e3), U = u(() => ({
+      "z-index": re.value
+    })), _ = u(() => ({
+      width: e.width
+    })), K = u(() => {
+      var n;
+      return e.isView ? e.noSetDefaultVal ? ["", ""] : ["-", "-"] : (n = e.placeholder) == null ? void 0 : n.map((l) => Ze(l));
+    }), Y = o(!1), le = o({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), y = n(!1), L = n(["", ""]), H = n("~"), _ = i(() => {
-      var a;
-      return (a = T.value) != null && a.length && T.value[0] && T.value[1] ? L.value.join(" " + H.value + " ") : F.value.join(" " + H.value + " ");
-    }), u = n([0, 0]), s = n([0, 0]), k = () => {
-      var I;
-      let a = [];
-      const e = (I = v.value) == null ? void 0 : I.$el.querySelectorAll(".ant-picker-input>input");
-      if (!e)
-        return a = [0, 0], a;
-      let d = [];
-      for (let w of e) {
-        d.push(w.getAttribute("value") || "");
-        let R = (w == null ? void 0 : w.offsetWidth) ?? 0;
-        a.push(R);
+    }), F = o(!1), R = o(["", ""]), f = o("~"), b = u(() => {
+      var n;
+      return (n = E.value) != null && n.length && E.value[0] && E.value[1] ? R.value.join(" " + f.value + " ") : K.value.join(" " + f.value + " ");
+    }), m = o([0, 0]), g = o([0, 0]), B = () => {
+      var r;
+      let n = [];
+      const l = (r = c.value) == null ? void 0 : r.$el.querySelectorAll(".ant-picker-input>input");
+      if (!l)
+        return n = [0, 0], n;
+      let p = [];
+      for (let s of l) {
+        p.push(s.getAttribute("value") || "");
+        let T = (s == null ? void 0 : s.offsetWidth) ?? 0;
+        n.push(T);
       }
-      return L.value = d, a;
-    }, S = (a) => {
-      const e = t.size === "table" ? 12 : 14;
-      return Se(a, e);
-    }, O = () => {
-      var d;
-      let a = [];
-      return ((d = v.value) == null ? void 0 : d.$el.querySelectorAll(".ant-picker-input>input")).forEach((I, w) => {
-        T.value.length && T.value[0] && T.value[0] ? a.push(I == null ? void 0 : I.scrollWidth) : a.push(S(F.value[w]));
-      }), a;
+      return R.value = p, n;
+    }, de = (n) => {
+      const l = e.size === "table" ? 12 : 14;
+      return Ne(n, l);
+    }, X = () => {
+      var p;
+      let n = [];
+      return ((p = c.value) == null ? void 0 : p.$el.querySelectorAll(".ant-picker-input>input")).forEach((r, s) => {
+        E.value.length && E.value[0] && E.value[0] ? n.push(r == null ? void 0 : r.scrollWidth) : n.push(de(K.value[s]));
+      }), n;
     };
-    j(() => [F.value, T.value], () => {
-      te(() => {
-        u.value = k(), s.value = O(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) && (y.value = !1);
+    oe(() => [K.value, E.value], () => {
+      ve(() => {
+        m.value = B(), g.value = X(), (m.value[0] === g.value[0] || g.value[0] - m.value[0] < 1) && (m.value[1] === g.value[1] || g.value[1] - m.value[1] < 1) && (F.value = !1);
       });
     });
-    const x = n();
-    j(
+    const q = o();
+    oe(
       () => {
-        var a;
-        return (a = N.value) == null ? void 0 : a.$tooltipRef.popperRef.contentRef;
+        var n;
+        return (n = O.value) == null ? void 0 : n.$tooltipRef.popperRef.contentRef;
       },
-      (a) => {
-        a && (a.addEventListener("mouseenter", function() {
-          y.value = !0, x.value && clearTimeout(x.value);
-        }), a.addEventListener("mouseleave", function() {
-          x.value = setTimeout(() => {
-            y.value = !1;
+      (n) => {
+        n && (n.addEventListener("mouseenter", function() {
+          F.value = !0, q.value && clearTimeout(q.value);
+        }), n.addEventListener("mouseleave", function() {
+          q.value = setTimeout(() => {
+            F.value = !1;
           }, 200);
         }));
       }
     );
-    const le = (a) => {
-      a && (A.value = Ie().nextZIndex()), m("openChange", a), String(D.value).startsWith("en") && te(() => {
-        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let d of e)
-          d && (d.innerText = "OK");
+    const z = (n) => {
+      n && (re.value = Re().nextZIndex()), n ? G() : fe(), k("openChange", n), String(A.value).startsWith("en") && ve(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let p of l)
+          p && (p.innerText = "OK");
       });
-    }, ae = () => {
-      u.value = k(), s.value = O(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) ? y.value = !1 : (y.value = !0, x.value && clearTimeout(x.value)), M.value = !0;
-    }, oe = () => {
-      x.value = setTimeout(() => {
-        y.value = !1;
-      }, 200), M.value = !1;
-    }, ne = (a) => {
-      a ? ae() : oe();
-    }, de = (a, e) => {
-      if (b.value = !1, a === null) {
-        m("update:model-value", [null, null]), m("change", [null, null], Array.isArray(e) ? e.join(" ~ ") : e);
+    }, he = (n) => {
+      M(Z.value) && (v.value = Oe(n));
+    }, G = () => {
+      v.value = "", V.value = me(
+        he,
+        M(Z.value),
+        V.value
+      );
+    }, fe = () => {
+      V.value = me(he, !1, V.value);
+    };
+    De(() => {
+      fe(), v.value = "";
+    });
+    const ce = () => {
+      m.value = B(), g.value = X(), (m.value[0] === g.value[0] || g.value[0] - m.value[0] < 1) && (m.value[1] === g.value[1] || g.value[1] - m.value[1] < 1) ? F.value = !1 : (F.value = !0, q.value && clearTimeout(q.value)), Y.value = !0;
+    }, ye = () => {
+      q.value = setTimeout(() => {
+        F.value = !1;
+      }, 200), Y.value = !1;
+    }, ke = (n) => {
+      n ? ce() : ye();
+    }, ge = (n, l) => {
+      if (W.value = !1, n === null) {
+        k("update:model-value", [null, null]), k("change", [null, null], Array.isArray(l) ? l.join(" ~ ") : l);
         return;
       }
-      m("update:error", b.value), m("update:model-value", a), m("change", a, Array.isArray(e) ? e.join(" ~ ") : e);
+      const p = Qe(n, Z.value, v.value);
+      v.value = "";
+      const r = M(Z.value) && Array.isArray(p) ? p.map((T) => T && We(T, Z.value)) : p, s = M(Z.value) && Array.isArray(r) ? r.map((T) => T == null ? "" : String(T)).join(" ~ ") : Array.isArray(l) ? l.join(" ~ ") : l;
+      k("update:error", W.value), k("update:model-value", r), k("change", r, s);
     };
-    return K({
-      $timeRangePicker: v,
+    return w({
+      $timeRangePicker: c,
       blur: () => {
-        v.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        c.value.focus();
       }
-    }), (a, e) => (f(), z(
+    }), (n, l) => (y(), $(
       "div",
       {
-        class: ke(["das-ui-time-range-picker", [l.borderType, t.isView ? "readonly" : "", o(b) ? "is-error" : ""]]),
-        style: G(B.value)
+        class: Le(["das-ui-time-range-picker", [t.borderType, e.isView ? "readonly" : "", i(W) ? "is-error" : ""]]),
+        style: ue(_.value)
       },
       [
-        $(o(Te), { locale: P.value }, {
-          default: p(() => [
-            $(o(xe), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: y.value,
-              disabled: !l.isTooltip,
-              content: _.value
+              visible: F.value,
+              disabled: !t.isTooltip,
+              content: b.value
             }, {
-              default: p(() => [
-                me((f(), Y(o(qe), se({
-                  key: h.value,
+              default: h(() => [
+                Ie((y(), ne(i(ut), we({
+                  key: P.value,
                   ref_key: "$timeRangePicker",
-                  ref: v
-                }, a.$attrs, {
-                  value: o(T),
-                  "onUpdate:value": e[0] || (e[0] = (d) => $e(T) ? T.value = d : null),
-                  size: Z.value,
-                  popupClassName: "das-ui-time-range-picker-dropdown " + l.dropdownClassName,
-                  showNow: l.showNow,
-                  bordered: l.borderType === "bordered",
-                  placeholder: F.value,
-                  disabled: t.disabled || t.isView,
-                  style: B.value,
+                  ref: c
+                }, n.$attrs, {
+                  value: x.value,
+                  size: se.value,
+                  popupClassName: "das-ui-time-range-picker-dropdown " + t.dropdownClassName,
+                  showNow: t.showNow,
+                  bordered: t.borderType === "bordered",
+                  placeholder: K.value,
+                  disabled: e.disabled || e.isView,
+                  style: _.value,
                   popupStyle: U.value,
-                  onChange: de,
-                  onOpenChange: le
+                  onChange: ge,
+                  onOpenChange: z
                 }), {
-                  dateRender: p((d) => [
-                    C(a.$slots, "dateRender", ge(we(d)), () => [
-                      V(
+                  dateRender: h((p) => [
+                    L(n.$slots, "dateRender", Pe(Ee(p)), () => [
+                      j(
                         "div",
-                        ht,
-                        q(d.current.date()),
+                        Ft,
+                        te(p.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  suffixIcon: p(() => [
-                    C(a.$slots, "suffixIcon", {}, () => [
-                      $(o(re), {
+                  suffixIcon: h(() => [
+                    L(n.$slots, "suffixIcon", {}, () => [
+                      D(i(pe), {
                         class: "das-suffix-icon",
                         icon: "dengdai",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  separator: p(() => [
-                    C(a.$slots, "separator", {}, () => [
-                      e[1] || (e[1] = V(
+                  separator: h(() => [
+                    L(n.$slots, "separator", {}, () => [
+                      l[0] || (l[0] = j(
                         "div",
                         { style: { padding: "0 8px" } },
                         "~",
@@ -1251,7 +1398,7 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                  [o(ye), ne]
+                  [i(Ve), ke]
                 ])
               ]),
               _: 3
@@ -1261,40 +1408,40 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        l.error && l.errorLabel ? (f(), z(
-          ue,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            l.errorMode === "default" ? (f(), z("div", yt, [
-              V(
+            t.errorMode === "default" ? (y(), $("div", Bt, [
+              j(
                 "span",
                 {
-                  style: G(X.value)
+                  style: ue(le.value)
                 },
-                q(l.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            l.errorMode === "overlay" && M.value ? (f(), Y(o(he), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && Y.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: l.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var d;
-                return (d = v.value) == null ? void 0 : d.$el;
+                var p;
+                return (p = c.value) == null ? void 0 : p.$el;
               },
-              errorModelZIndex: l.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), gt = /* @__PURE__ */ be(kt, [["__scopeId", "data-v-bdeed30a"]]), wt = {
+}), Nt = /* @__PURE__ */ $e(At, [["__scopeId", "data-v-3195376e"]]), Wt = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", "zh-MO": "開始日期", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", "zh-MO": "結束日期", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", "zh-MO": "開始時間", _appCode: "framework" },
@@ -1302,13 +1449,13 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", "zh-MO": "請選擇日期", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", "zh-MO": "請選擇時間", _appCode: "framework" }
 };
-Ue(wt);
-const Ft = ve(Ge), Ot = ve(tt), qt = ve(dt), Ut = ve(mt), Ht = ve(gt), jt = { name: "datePicker 日期时间选择器" };
+it(Wt);
+const ir = Ce(ht), sr = Ce(Tt), dr = Ce(Vt), cr = Ce(Et), vr = Ce(Nt), fr = { name: "datePicker 日期时间选择器" };
 export {
-  Ft as DasDatePicker,
-  Ot as DasDateRangePicker,
-  qt as DasRangePicker,
-  Ut as DasTimePicker,
-  Ht as DasTimeRangePicker,
-  jt as default
+  ir as DasDatePicker,
+  sr as DasDateRangePicker,
+  dr as DasRangePicker,
+  cr as DasTimePicker,
+  vr as DasTimeRangePicker,
+  fr as default
 };