@das-fed/upf-ui 6.4.0-dev.270 → 6.4.0-dev.271

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

@@ -1,32 +1,50 @@
-import { withInstall as pe } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as fe, useCssVars as me, ref as o, watch as X, computed as s, openBlock as m, createElementBlock as S, normalizeClass as we, unref as n, normalizeStyle as te, createVNode as C, withCtx as f, withDirectives as he, createBlock as Q, mergeProps as ie, isRef as Me, createSlots as Be, renderSlot as M, normalizeProps as Te, guardReactiveProps as xe, createElementVNode as R, toDisplayString as Z, Fragment as se, createCommentVNode as k, nextTick as le, useAttrs as Re, createTextVNode as De, renderList as Pe, withModifiers as Ne } from "vue";
-import { ConfigProvider as Ie, DatePicker as We, RangePicker as Ae, Dropdown as Ze, Menu as Fe, MenuItem as Oe, TimePicker as qe, TimeRangePicker as Ue } from "ant-design-vue";
-import { DasAutoRegisterIcon as Le, DasIcon as ae } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasTooltip as ze } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as ye } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { useModelValue as re } from "@das-fed/upf-utils/vue";
-import { vHoverInside as be } from "@das-fed/upf-utils/directive/hoverInside/index";
-import { useZIndex as Se } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { currentLang as D, loadLocale as $e, t as de, setI18nRule as He } from "@das-fed/upf-web/packages/i18n/index";
-import { calcTextWidth as Ce } 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 Ve } 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 je } 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 Ke = { class: "ant-picker-cell-inner" }, Ye = {
+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"
-}, Xe = {
+}, pt = {
   name: "DasDatePicker"
-}, Ge = /* @__PURE__ */ fe({
-  ...Xe,
+}, mt = /* @__PURE__ */ xe({
+  ...pt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -47,86 +65,109 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(r, { expose: G, emit: d }) {
-    me((t) => ({
-      v2171409d: _.value,
-      v1a304da0: A.value
+  setup(t, { expose: w, emit: a }) {
+    ze((l) => ({
+      v2b2743cf: U.value,
+      v1ff23c3e: K.value
     }));
-    const e = r, h = d;
-    Le({
+    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 = o(void 0);
-    X(D, async () => {
-      P.value = await $e(D.value);
+    const N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const y = s(() => `date-picker-${D.value}`), c = o(null), N = o(null), g = s(() => e.size === "table" || e.size === "middle" || e.size === "default" ? "middle" : e.size), $ = re(e, "modelValue"), W = re(e, "error"), T = s(() => e.isView ? e.noSetDefaultVal ? "" : "-" : e.placeholder || de("请选择日期")), F = s(() => ({
+    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
-    })), _ = s(() => e.width ? e.width : "230px"), O = s(() => e.formSize), A = s(() => e.height ? e.height : O.value ? {
+    })), U = u(() => e.width ? e.width : "230px"), _ = u(() => e.formSize), K = u(() => e.height ? e.height : _.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[O.value] : "auto"), q = o(3e3), B = s(() => ({
-      "z-index": q.value
-    })), V = o(!1), U = o({
+    }[_.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"
-    }), x = o(!1), w = o(""), H = s(() => $.value ? w.value : T.value), ee = () => {
-      const t = e.size === "table" ? 12 : 14;
-      return Ce(T.value, t);
-    }, v = () => {
-      var a;
-      const t = (a = c.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
-      return $.value ? t == null ? void 0 : t.scrollWidth : ee();
-    }, i = () => {
-      var u;
-      const t = (u = c.value) == null ? void 0 : u.$el.querySelector(".ant-picker-input>input");
-      return t ? (w.value = t.getAttribute("value"), t.removeAttribute("title"), (t == null ? void 0 : t.offsetWidth) ?? 0) : 0;
-    }, p = o(0), I = o(0);
-    X(() => [T.value, $.value], () => {
-      le(() => {
-        p.value = i(), I.value = v(), (p.value === I.value || I.value - p.value < 1) && (x.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 J = o();
-    X(
+    const z = o();
+    oe(
       () => {
-        var t;
-        return (t = N.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var l;
+        return (l = O.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          x.value = !0, J.value && clearTimeout(J.value);
-        }), t.addEventListener("mouseleave", function() {
-          J.value = setTimeout(() => {
-            x.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 E = (t) => {
-      t && (q.value = Se().nextZIndex()), h("openChange", t), D.value === "en-US" && le(() => {
-        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let u of a)
-          u && (u.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");
       });
-    }, K = () => {
-      p.value = i(), I.value = v(), p.value === I.value || I.value - p.value < 1 ? x.value = !1 : (x.value = !0, J.value && clearTimeout(J.value)), V.value = !0;
-    }, oe = () => {
-      J.value = setTimeout(() => {
-        x.value = !1;
-      }, 200), V.value = !1;
-    }, ne = (t, a) => {
-      t ? K() : oe();
-    }, ue = (t, a) => {
-      W.value = !1, h("update:error", W.value), h("update:model-value", t), h("change", t, 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 G({
+    return w({
       $datePicker: c,
       blur: () => {
         c.value.blur();
@@ -134,92 +175,92 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
       focus: () => {
         c.value.focus();
       }
-    }), (t, a) => (m(), S(
+    }), (l, p) => (y(), $(
       "div",
       {
-        class: we(["das-ui-date-picker", [r.borderType, e.isView ? "readonly" : "", n(W) ? "is-error" : ""]]),
-        style: te(F.value)
+        class: Le(["das-ui-date-picker", [t.borderType, e.isView ? "readonly" : "", i(x) ? "is-error" : ""]]),
+        style: ue(re.value)
       },
       [
-        C(n(Ie), { locale: P.value }, {
-          default: f(() => [
-            C(n(ze), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: x.value,
-              disabled: !r.isTooltip,
-              content: H.value
+              visible: f.value,
+              disabled: !t.isTooltip,
+              content: m.value
             }, {
-              default: f(() => {
-                var u;
+              default: h(() => {
+                var r;
                 return [
-                  he((m(), Q(n(We), ie({
-                    key: y.value,
+                  Ie((y(), ne(i(tt), we({
+                    key: P.value,
                     ref_key: "$datePicker",
                     ref: c
-                  }, t.$attrs, {
-                    value: n($),
-                    "onUpdate:value": a[0] || (a[0] = (l) => Me($) ? $.value = l : null),
-                    size: g.value,
-                    locale: (u = P.value) == null ? void 0 : u.DatePicker,
-                    dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
-                    placeholder: T.value,
-                    showToday: r.showToday,
-                    bordered: r.borderType === "bordered",
+                  }, 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: F.value,
-                    popupStyle: B.value,
-                    onChange: ue,
-                    onOpenChange: E
-                  }), Be({
-                    dateRender: f((l) => [
-                      M(t.$slots, "dateRender", Te(xe(l)), () => [
-                        R(
+                    style: re.value,
+                    popupStyle: le.value,
+                    onChange: Te,
+                    onOpenChange: he
+                  }), _e({
+                    dateRender: h((s) => [
+                      L(l.$slots, "dateRender", Pe(Ee(s)), () => [
+                        j(
                           "div",
-                          Ke,
-                          Z(l.current.date()),
+                          vt,
+                          te(s.current.date()),
                           1
                           /* TEXT */
                         )
                       ], !0)
                     ]),
-                    nextIcon: f(() => [
-                      M(t.$slots, "nextIcon", {}, () => [
-                        C(n(ae), {
+                    nextIcon: h(() => [
+                      L(l.$slots, "nextIcon", {}, () => [
+                        D(i(pe), {
                           icon: "right",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    prevIcon: f(() => [
-                      M(t.$slots, "prevIcon", {}, () => [
-                        C(n(ae), {
+                    prevIcon: h(() => [
+                      L(l.$slots, "prevIcon", {}, () => [
+                        D(i(pe), {
                           icon: "left",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    superNextIcon: f(() => [
-                      M(t.$slots, "superNextIcon", {}, () => [
-                        C(n(ae), {
+                    superNextIcon: h(() => [
+                      L(l.$slots, "superNextIcon", {}, () => [
+                        D(i(pe), {
                           icon: "double-arrow-right",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    superPrevIcon: f(() => [
-                      M(t.$slots, "superPrevIcon", {}, () => [
-                        C(n(ae), {
+                    superPrevIcon: h(() => [
+                      L(l.$slots, "superPrevIcon", {}, () => [
+                        D(i(pe), {
                           icon: "double-arrow-left",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    suffixIcon: f(() => [
-                      M(t.$slots, "suffixIcon", {}, () => [
-                        C(n(ae), {
+                    suffixIcon: h(() => [
+                      L(l.$slots, "suffixIcon", {}, () => [
+                        D(i(pe), {
                           class: "das-suffix-icon",
                           icon: "riqixuanze",
                           size: "medium"
@@ -229,15 +270,15 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    t.$slots.renderExtraFooter ? {
+                    l.$slots.renderExtraFooter ? {
                       name: "renderExtraFooter",
-                      fn: f(() => [
-                        M(t.$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"])), [
-                    [n(be), ne]
+                  ]), 1040, ["value", "valueFormat", "size", "locale", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+                    [i(Ve), ge]
                   ])
                 ];
               }),
@@ -248,52 +289,56 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        r.error && r.errorLabel ? (m(), S(
-          se,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            r.errorMode === "default" ? (m(), S("div", Ye, [
-              R(
+            t.errorMode === "default" ? (y(), $("div", ft, [
+              j(
                 "span",
                 {
-                  style: te(U.value)
+                  style: ue(R.value)
                 },
-                Z(r.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : k("v-if", !0),
-            r.errorMode === "overlay" && V.value ? (m(), Q(n(ye), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && F.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: r.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var u;
-                return (u = c.value) == null ? void 0 : u.$el;
+                var r;
+                return (r = c.value) == null ? void 0 : r.$el;
               },
-              errorModelZIndex: r.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ke = (r, G) => {
-  const d = r.__vccOpts || r;
-  for (const [e, h] of G)
-    d[e] = h;
-  return d;
-}, Je = /* @__PURE__ */ ke(Ge, [["__scopeId", "data-v-f95c11f8"]]), Qe = { class: "date-range-separator" }, _e = {
+}), $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-4e7e1124"]]), yt = { class: "date-range-separator" }, kt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, et = {
+}, bt = {
   name: "DasDateRangePicker"
-}, tt = /* @__PURE__ */ fe({
-  ...et,
+}, gt = /* @__PURE__ */ xe({
+  ...bt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: {},
@@ -318,127 +363,150 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(r, { emit: G }) {
-    me((v) => ({
-      v11f9697a: g.value,
-      v0db101da: N.value
+  setup(t, { emit: w }) {
+    ze((f) => ({
+      v7918f660: E.value,
+      v4f0fbd6d: V.value
     }));
-    const d = r, e = G, h = Re(), P = s(() => d.placeholder ?? [de("开始日期"), de("结束日期")]), y = re(d, "modelValue"), c = re(d, "error"), N = s(() => d.width ? d.width : "230px"), g = s(() => d.height ? d.height : "auto"), $ = s(() => ({ ...h, ...d.prevAttrs })), W = s(() => ({ ...h, ...d.nextAttrs })), T = o(), F = o(!1), _ = o({
+    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"
-    }), O = () => {
-      F.value = !0;
-    }, A = () => {
-      F.value = !1;
-    }, q = (v, i) => {
-      v ? O() : A();
-    }, B = (v, i) => {
-      e("openChange", v, i), D.value === "en-US" && le(() => {
-        const p = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let I of p)
-          I && (I.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");
       });
-    }, V = s(() => {
-      let v = d.valueFormat ? d.valueFormat : d.format;
+    }, _ = u(() => {
+      let f = a.valueFormat ? a.valueFormat : a.format;
       return [
-        y.value[0] ? Ee.isDayjs(y.value[0]) ? y.value[0].format(v) : y.value[0] : "",
-        y.value[1] ? Ee.isDayjs(y.value[1]) ? y.value[1].format(v) : y.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] : ""
       ];
-    }), U = (v) => d.disabledDate && d.disabledDate(v) === !0 ? !0 : !!(y.value[1] && v.isAfter(y.value[1], d.disabledUnit || void 0)), x = (v) => d.disabledDate && d.disabledDate(v) === !0 ? !0 : !!(y.value[0] && v.isBefore(y.value[0], d.disabledUnit || void 0)), w = s(() => ({
-      width: d.width
-    })), H = (v, i) => {
-      c.value = !1, e("update:model-value", y.value), e("change", y.value, V.value);
-    }, ee = (v, i) => {
-      c.value = !1, e("update:model-value", y.value), e("change", y.value, V.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 (v, i) => he((m(), S(
+    return (f, b) => Ie((y(), $(
       "div",
       {
         class: "das-ui-date-range-picker",
-        style: te(w.value),
+        style: ue(le.value),
         ref_key: "$dateRange",
-        ref: T
+        ref: x
       },
       [
-        C(n(Ve), ie($.value, {
-          modelValue: n(y)[0],
-          "onUpdate:modelValue": i[0] || (i[0] = (p) => n(y)[0] = p),
-          size: d.size,
-          valueFormat: d.valueFormat,
-          borderType: d.borderType,
-          error: n(c),
-          width: d.itemWidth,
-          "disabled-date": U,
-          placeholder: P.value[0],
-          onChange: H,
-          onOpenChange: i[1] || (i[1] = (p) => B(p, "before"))
-        }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        M(v.$slots, "separator", {}, () => [
-          R(
+        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",
-            Qe,
-            Z(d.separator),
+            yt,
+            te(a.separator),
             1
             /* TEXT */
           )
         ], !0),
-        C(n(Ve), ie(W.value, {
-          modelValue: n(y)[1],
-          "onUpdate:modelValue": i[2] || (i[2] = (p) => n(y)[1] = p),
-          size: d.size,
-          valueFormat: d.valueFormat,
-          borderType: d.borderType,
-          error: n(c),
-          width: d.itemWidth,
-          "disabled-date": x,
-          placeholder: P.value[1],
-          onChange: ee,
-          onOpenChange: i[3] || (i[3] = (p) => B(p, "after"))
-        }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        r.error && r.errorLabel ? (m(), S(
-          se,
+        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 },
           [
-            r.errorMode === "default" ? (m(), S("div", _e, [
-              R(
+            t.errorMode === "default" ? (y(), $("div", kt, [
+              j(
                 "span",
                 {
-                  style: te(_.value)
+                  style: ue(H.value)
                 },
-                Z(r.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : k("v-if", !0),
-            r.errorMode === "overlay" && F.value ? (m(), Q(n(ye), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && S.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: r.errorLabel,
-              getEl: () => T.value,
-              errorModelZIndex: r.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
+              errorLabel: t.errorLabel,
+              getEl: () => x.value,
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : C("v-if", !0)
       ],
       4
       /* STYLE */
     )), [
-      [n(be), q]
+      [i(Ve), re]
     ]);
   }
-}), rt = /* @__PURE__ */ ke(tt, [["__scopeId", "data-v-9599ec25"]]), lt = { class: "ant-picker-cell-inner" }, at = { class: "das-picker-footer-extra" }, ot = {
+}), Tt = /* @__PURE__ */ $e(gt, [["__scopeId", "data-v-98afb919"]]), wt = { class: "ant-picker-cell-inner" }, Zt = { class: "das-picker-footer-extra" }, St = {
   key: 0,
   class: "das-picker-ranges"
-}, nt = { class: "das-picker-preset-span" }, ut = ["onClick"], st = {
+}, Ct = { class: "das-picker-preset-span" }, xt = ["onClick"], zt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, it = {
+}, It = {
   name: "DasRangePicker"
-}, dt = /* @__PURE__ */ fe({
-  ...it,
+}, Mt = /* @__PURE__ */ xe({
+  ...It,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -463,107 +531,134 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(r, { expose: G, emit: d }) {
-    me((l) => ({
-      v16d2165c: F.value,
-      acbc895e: O.value
+  setup(t, { expose: w, emit: a }) {
+    ze((r) => ({
+      v55c3bb44: se.value,
+      v48e4b369: re.value
     }));
-    const e = r, h = d;
-    Le({
+    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 = o(void 0);
-    X(D, async () => {
-      P.value = await $e(D.value);
+    const N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const y = s(() => `range-picker-${D.value}`), c = o(null), N = o(null), g = s(() => e.size === "table" || e.size === "middle" || e.size === "default" ? "middle" : e.size), $ = re(e, "modelValue"), W = re(e, "error"), T = s(() => Array.isArray($.value) && $.value.length === 2 ? $.value : void 0), F = s(() => e.width ? e.width : "230px"), _ = s(() => e.formSize), O = s(() => e.height ? e.height : _.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"
-    }[_.value] : "auto"), A = o(3e3), q = s(() => ({
-      "z-index": A.value
-    })), B = o(!1), V = o({
+    }[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"
-    }), U = s(() => {
-      var l;
-      return e.isView ? e.noSetDefaultVal ? ["", ""] : ["-", "-"] : (l = e.placeholder) == null ? void 0 : l.map((b) => de(b));
-    }), x = s(() => ({
+    }), 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
-    })), w = o(!1), H = o(["", ""]), ee = o("~"), v = s(() => {
-      var l;
-      return (l = T.value) != null && l.length && T.value[0] && T.value[1] ? H.value.join(" " + ee.value + " ") : U.value.join(" " + ee.value + " ");
-    }), i = o([0, 0]), p = o([0, 0]), I = () => {
-      var L;
-      let l = [];
-      const b = (L = c.value) == null ? void 0 : L.$el.querySelectorAll(".ant-picker-input>input");
-      if (!b)
-        return l = [0, 0], l;
-      let z = [];
-      for (let Y of b) {
-        z.push(Y.getAttribute("value") || "");
-        let ve = (Y == null ? void 0 : Y.offsetWidth) ?? 0;
-        l.push(ve);
+    })), 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 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 H.value = z, l;
-    }, j = (l) => {
-      const b = e.size === "table" ? 12 : 14;
-      return Ce(l, b);
-    }, J = () => {
-      var z;
-      let l = [];
-      return ((z = c.value) == null ? void 0 : z.$el.querySelectorAll(".ant-picker-input>input")).forEach((L, Y) => {
-        var ve;
-        (ve = T.value) != null && ve.length && T.value[0] && T.value[0] ? l.push(L == null ? void 0 : L.scrollWidth) : l.push(j(U.value[Y]));
-      }), l;
+      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;
     };
-    X(() => [U.value, T.value], () => {
-      le(() => {
-        i.value = I(), p.value = J(), (i.value[0] === p.value[0] || p.value[0] - i.value[0] < 1) && (i.value[1] === p.value[1] || p.value[1] - i.value[1] < 1) && (w.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 K = o();
-    X(
+    const z = o();
+    oe(
       () => {
-        var l;
-        return (l = N.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
+        var r;
+        return (r = O.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
       },
-      (l) => {
-        l && (l.addEventListener("mouseenter", function() {
-          w.value = !0, K.value && clearTimeout(K.value);
-        }), l.addEventListener("mouseleave", function() {
-          K.value = setTimeout(() => {
-            w.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 oe = (l) => {
-      l && (A.value = Se().nextZIndex()), h("openChange", l), D.value === "en-US" && le(() => {
-        const b = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let z of b)
-          z && (z.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");
       });
-    }, ne = () => {
-      i.value = I(), p.value = J(), (i.value[0] === p.value[0] || p.value[0] - i.value[0] < 1) && (i.value[1] === p.value[1] || p.value[1] - i.value[1] < 1) ? w.value = !1 : (w.value = !0, K.value && clearTimeout(K.value)), B.value = !0;
-    }, ue = () => {
-      K.value = setTimeout(() => {
-        w.value = !1;
-      }, 200), B.value = !1;
-    }, ce = (l, b) => {
-      l ? ne() : ue();
-    }, ge = (l, b) => {
-      if (W.value = !1, l === null) {
-        h("update:model-value", [null, null]), h("change", [null, null], b);
+    }, 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;
       }
-      h("update:error", W.value), h("update:model-value", l), h("change", l, b);
-    }, t = (l) => {
-      h("update:model-value", l.value), h("change", l.value, [l.value[0].format(e.format), l.value[1].format(e.format)]), c.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 G({
+    return w({
       $rangePicker: c,
       blur: () => {
         c.value.blur();
@@ -571,94 +666,94 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
       focus: () => {
         c.value.focus();
       }
-    }), (l, b) => (m(), S(
+    }), (r, s) => (y(), $(
       "div",
       {
-        class: we(["das-ui-range-picker", [r.borderType, e.isView ? "readonly" : "", n(W) ? "is-error" : ""]]),
-        style: te(x.value)
+        class: Le(["das-ui-range-picker", [t.borderType, e.isView ? "readonly" : "", i(Z) ? "is-error" : ""]]),
+        style: ue(F.value)
       },
       [
-        C(n(Ie), { locale: P.value }, {
-          default: f(() => [
-            C(n(ze), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: w.value,
-              disabled: !r.isTooltip,
-              content: v.value
+              visible: R.value,
+              disabled: !t.isTooltip,
+              content: m.value
             }, {
-              default: f(() => {
-                var z;
+              default: h(() => {
+                var T;
                 return [
-                  he((m(), Q(n(Ae), ie({
-                    key: y.value,
+                  Ie((y(), ne(i(rt), we({
+                    key: P.value,
                     ref_key: "$rangePicker",
                     ref: c
-                  }, l.$attrs, {
-                    value: T.value,
-                    size: g.value,
-                    locale: (z = P.value) == null ? void 0 : z.DatePicker,
-                    valueFormat: e.valueFormat,
-                    dropdownClassName: "das-ui-range-picker-dropdown " + r.dropdownClassName,
-                    placeholder: U.value,
-                    showToday: r.showToday,
-                    showTime: r.showTime,
-                    bordered: r.borderType === "bordered",
+                  }, 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: x.value,
-                    popupStyle: q.value,
-                    onChange: ge,
-                    onOpenChange: oe
+                    style: F.value,
+                    popupStyle: _.value,
+                    onChange: d,
+                    onOpenChange: he
                   }), {
-                    dateRender: f((L) => [
-                      M(l.$slots, "dateRender", Te(xe(L)), () => [
-                        R(
+                    dateRender: h((I) => [
+                      L(r.$slots, "dateRender", Pe(Ee(I)), () => [
+                        j(
                           "div",
-                          lt,
-                          Z(L.current.date()),
+                          wt,
+                          te(I.current.date()),
                           1
                           /* TEXT */
                         )
                       ], !0)
                     ]),
-                    nextIcon: f(() => [
-                      k(' <slot name="nextIcon"> '),
-                      b[1] || (b[1] = De(
+                    nextIcon: h(() => [
+                      C(' <slot name="nextIcon"> '),
+                      s[1] || (s[1] = je(
                         " XX ",
                         -1
                         /* CACHED */
                       )),
-                      k(" </slot> ")
+                      C(" </slot> ")
                     ]),
-                    prevIcon: f(() => [
-                      M(l.$slots, "prevIcon", {}, () => [
-                        k(' <das-icon icon="left"></das-icon> ')
+                    prevIcon: h(() => [
+                      L(r.$slots, "prevIcon", {}, () => [
+                        C(' <das-icon icon="left"></das-icon> ')
                       ], !0)
                     ]),
-                    superNextIcon: f(() => [
-                      M(l.$slots, "superNextIcon", {}, () => [
-                        k(' <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: f(() => [
-                      M(l.$slots, "superPrevIcon", {}, () => [
-                        k(' <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: f(() => [
-                      M(l.$slots, "suffixIcon", {}, () => [
-                        C(n(ae), {
+                    suffixIcon: h(() => [
+                      L(r.$slots, "suffixIcon", {}, () => [
+                        D(i(pe), {
                           class: "das-suffix-icon",
                           icon: "riqixuanze",
                           size: "medium"
                         })
                       ], !0)
                     ]),
-                    separator: f(() => [
-                      M(l.$slots, "separator", {}, () => [
-                        b[2] || (b[2] = R(
+                    separator: h(() => [
+                      L(r.$slots, "separator", {}, () => [
+                        s[2] || (s[2] = j(
                           "div",
                           { style: { padding: "0 8px" } },
                           "~",
@@ -667,19 +762,19 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                         ))
                       ], !0)
                     ]),
-                    renderExtraFooter: f(() => [
-                      R("div", at, [
-                        M(l.$slots, "renderExtraFooter", {}, void 0, !0)
+                    renderExtraFooter: h(() => [
+                      j("div", Zt, [
+                        L(r.$slots, "renderExtraFooter", {}, void 0, !0)
                       ]),
-                      r.showTime || r.ranges && r.ranges.length ? (m(), S("div", ot, [
-                        (m(!0), S(
-                          se,
+                      t.showTime || t.ranges && t.ranges.length ? (y(), $("div", St, [
+                        (y(!0), $(
+                          be,
                           null,
-                          Pe(r.ranges, (L) => (m(), S("div", {
+                          He(t.ranges, (I) => (y(), $("div", {
                             class: "das-picker-preset",
-                            key: L.key
+                            key: I.key
                           }, [
-                            k(` <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
@@ -696,31 +791,31 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                     </el-dropdown-menu>\r
                   </template>\r
                 </el-dropdown> `),
-                            L.type === "dropdown" && L.children.length ? (m(), Q(
-                              n(Ze),
+                            I.type === "dropdown" && I.children.length ? (y(), ne(
+                              i(lt),
                               {
                                 key: 0,
                                 trigger: ["click"]
                               },
                               {
-                                overlay: f(() => [
-                                  C(
-                                    n(Fe),
+                                overlay: h(() => [
+                                  D(
+                                    i(at),
                                     null,
                                     {
-                                      default: f(() => [
-                                        (m(!0), S(
-                                          se,
+                                      default: h(() => [
+                                        (y(!0), $(
+                                          be,
                                           null,
-                                          Pe(L.children, (Y) => (m(), Q(n(Oe), {
-                                            key: Y.key,
-                                            onClick: (ve) => t(Y)
+                                          He(I.children, (J) => (y(), ne(i(ot), {
+                                            key: J.key,
+                                            onClick: (ae) => n(J)
                                           }, {
-                                            default: f(() => [
-                                              (m(), S(
+                                            default: h(() => [
+                                              (y(), $(
                                                 "span",
-                                                { key: Y },
-                                                Z(Y.key),
+                                                { key: J },
+                                                te(J.key),
                                                 1
                                                 /* TEXT */
                                               ))
@@ -739,19 +834,19 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                                     /* DYNAMIC_SLOTS */
                                   )
                                 ]),
-                                default: f(() => [
-                                  R("a", {
+                                default: h(() => [
+                                  j("a", {
                                     class: "ant-dropdown-link",
-                                    onClick: b[0] || (b[0] = Ne(() => {
+                                    onClick: s[0] || (s[0] = et(() => {
                                     }, ["prevent"]))
                                   }, [
-                                    R("span", nt, [
-                                      De(
-                                        Z(L.key) + " ",
+                                    j("span", Ct, [
+                                      je(
+                                        te(I.key) + " ",
                                         1
                                         /* TEXT */
                                       ),
-                                      C(n(ae), {
+                                      D(i(pe), {
                                         icon: "fold",
                                         size: "mini",
                                         style: { display: "inline-block" }
@@ -764,24 +859,24 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                               },
                               1024
                               /* DYNAMIC_SLOTS */
-                            )) : (m(), S("span", {
+                            )) : (y(), $("span", {
                               key: 1,
                               class: "das-picker-preset-span",
-                              onClick: (Y) => t(L)
-                            }, Z(L.key), 9, ut))
+                              onClick: (J) => n(I)
+                            }, te(I.key), 9, xt))
                           ]))),
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        k(` <div class="das-picker-ok">\r
+                        C(` <div class="das-picker-ok">\r
                 <das-button btnType="primary" size="middle">Ok</das-button>\r
               </div> `)
-                      ])) : k("v-if", !0)
+                      ])) : C("v-if", !0)
                     ]),
                     _: 3
                     /* FORWARDED */
                   }, 16, ["value", "size", "locale", "valueFormat", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                    [n(be), ce]
+                    [i(Ve), ge]
                   ])
                 ];
               }),
@@ -792,53 +887,57 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        k(` <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> `),
-        r.error && r.errorLabel ? (m(), S(
-          se,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            r.errorMode === "default" ? (m(), S("div", st, [
-              R(
+            t.errorMode === "default" ? (y(), $("div", zt, [
+              j(
                 "span",
                 {
-                  style: te(V.value)
+                  style: ue(Y.value)
                 },
-                Z(r.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : k("v-if", !0),
-            r.errorMode === "overlay" && B.value ? (m(), Q(n(ye), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && K.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: r.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var z;
-                return (z = c.value) == null ? void 0 : z.$el;
+                var T;
+                return (T = c.value) == null ? void 0 : T.$el;
               },
-              errorModelZIndex: r.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ct = /* @__PURE__ */ ke(dt, [["__scopeId", "data-v-5fd10f99"]]), vt = { class: "ant-picker-cell-inner" }, pt = {
+}), Vt = /* @__PURE__ */ $e(Mt, [["__scopeId", "data-v-8262ae2d"]]), $t = { class: "ant-picker-cell-inner" }, Dt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ft = {
+}, Lt = {
   name: "DasDatePicker"
-}, mt = /* @__PURE__ */ fe({
-  ...ft,
+}, Pt = /* @__PURE__ */ xe({
+  ...Lt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -859,78 +958,101 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(r, { expose: G, emit: d }) {
-    me((t) => ({
-      v58409e28: W.value,
-      d3f7a5f6: _.value
+  setup(t, { expose: w, emit: a }) {
+    ze((d) => ({
+      f827b866: S.value,
+      v406d4800: Q.value
     }));
-    const e = r, h = d, P = o(void 0);
-    X(D, async () => {
-      P.value = await $e(D.value);
+    const e = t, k = a, N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const y = s(() => `time-picker-${D.value}`), c = o(null), N = o(null), g = re(e, "modelValue"), $ = re(e, "error"), W = s(() => e.width ? e.width : "230px"), T = s(() => e.formSize), F = s(() => e.size === "large" ? "large" : e.size === "small" || e.size === "table" ? "small" : "middle"), _ = s(() => e.height ? e.height : T.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"
-    }[T.value] : "auto"), O = s(() => ({
+    }[H.value] : "auto"), re = u(() => ({
       width: e.width
-    })), A = s(() => e.isView ? e.noSetDefaultVal ? "" : "-" : de(e.placeholder)), q = o(3e3), B = s(() => ({
-      "z-index": q.value
-    })), V = o(!1), U = o({
+    })), 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"
-    }), x = (t) => {
-      t && (q.value = Se().nextZIndex()), h("openChange", t), String(D.value).startsWith("en") && le(() => {
-        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let u of a)
-          u && (u.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");
       });
-    }, w = o(!1), H = o(""), ee = s(() => g.value ? H.value : A.value), v = () => {
-      const t = e.size === "table" ? 12 : 14;
-      return Ce(A.value, t);
-    }, i = () => {
-      var a;
-      const t = (a = c.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
-      return g.value ? t == null ? void 0 : t.scrollWidth : v();
-    }, p = () => {
-      var u;
-      const t = (u = c.value) == null ? void 0 : u.$el.querySelector(".ant-picker-input>input");
-      return t ? (H.value = t.getAttribute("value"), t.removeAttribute("title"), (t == null ? void 0 : t.offsetWidth) ?? 0) : 0;
-    }, I = o(0), j = o(0);
-    X(() => [A.value, g.value], () => {
-      le(() => {
-        I.value = p(), j.value = i(), (I.value === j.value || j.value - I.value < 1) && (w.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 E = o();
-    X(
+    const G = o();
+    oe(
       () => {
-        var t;
-        return (t = N.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var d;
+        return (d = O.value) == null ? void 0 : d.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          w.value = !0, E.value && clearTimeout(E.value);
-        }), t.addEventListener("mouseleave", function() {
-          E.value = setTimeout(() => {
-            w.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 K = () => {
-      I.value = p(), j.value = i(), I.value === j.value || j.value - I.value < 1 ? w.value = !1 : (w.value = !0, E.value && clearTimeout(E.value)), V.value = !0;
-    }, oe = () => {
-      E.value = setTimeout(() => {
-        w.value = !1;
-      }, 200), V.value = !1;
-    }, ne = (t) => {
-      t ? K() : oe();
-    }, ue = (t, a) => {
-      $.value = !1, h("update:error", $.value), h("update:model-value", t), h("change", t, 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 G({
+    return w({
       $timePicker: c,
       blur: () => {
         c.value.blur();
@@ -938,57 +1060,56 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
       focus: () => {
         c.value.focus();
       }
-    }), (t, a) => (m(), S(
+    }), (d, n) => (y(), $(
       "div",
       {
-        class: we(["das-ui-time-picker", [r.borderType, e.isView ? "readonly" : "", n($) ? "is-error" : ""]]),
-        style: te(O.value)
+        class: Le(["das-ui-time-picker", [t.borderType, e.isView ? "readonly" : "", i(W) ? "is-error" : ""]]),
+        style: ue(re.value)
       },
       [
-        C(n(Ie), { locale: P.value }, {
-          default: f(() => [
-            C(n(ze), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: w.value,
-              disabled: !r.isTooltip,
-              content: ee.value
+              visible: m.value,
+              disabled: !t.isTooltip,
+              content: B.value
             }, {
-              default: f(() => [
-                he((m(), Q(n(qe), ie({
-                  key: y.value,
+              default: h(() => [
+                Ie((y(), ne(i(nt), we({
+                  key: P.value,
                   ref_key: "$timePicker",
                   ref: c
-                }, t.$attrs, {
-                  value: n(g),
-                  "onUpdate:value": a[0] || (a[0] = (u) => Me(g) ? g.value = u : null),
-                  size: F.value,
-                  popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
-                  showNow: r.showNow,
-                  bordered: r.borderType === "bordered",
-                  placeholder: A.value,
+                }, 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: e.disabled || e.isView,
-                  style: O.value,
-                  popupStyle: B.value,
-                  onChange: ue,
-                  onOpenChange: x
+                  style: re.value,
+                  popupStyle: K.value,
+                  onChange: ke,
+                  onOpenChange: F
                 }), {
-                  dateRender: f((u) => [
-                    M(t.$slots, "dateRender", Te(xe(u)), () => [
-                      R(
+                  dateRender: h((l) => [
+                    L(d.$slots, "dateRender", Pe(Ee(l)), () => [
+                      j(
                         "div",
-                        vt,
-                        Z(u.current.date()),
+                        $t,
+                        te(l.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  suffixIcon: f(() => [
-                    M(t.$slots, "suffixIcon", {}, () => [
-                      C(n(je), {
+                  suffixIcon: h(() => [
+                    L(d.$slots, "suffixIcon", {}, () => [
+                      D(i(ct), {
                         class: "das-suffix-icon",
                         size: "medium"
                       })
@@ -997,7 +1118,7 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                  [n(be), ne]
+                  [i(Ve), ye]
                 ])
               ]),
               _: 3
@@ -1007,31 +1128,31 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        r.error && r.errorLabel ? (m(), S(
-          se,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            r.errorMode === "default" ? (m(), S("div", pt, [
-              R(
+            t.errorMode === "default" ? (y(), $("div", Dt, [
+              j(
                 "span",
                 {
-                  style: te(U.value)
+                  style: ue(le.value)
                 },
-                Z(r.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : k("v-if", !0),
-            r.errorMode === "overlay" && V.value ? (m(), Q(n(ye), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && Y.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: r.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var u;
-                return (u = c.value) == null ? void 0 : u.$el;
+                var l;
+                return (l = c.value) == null ? void 0 : l.$el;
               },
-              errorModelZIndex: r.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0),
-            k(` <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
@@ -1045,20 +1166,24 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ht = /* @__PURE__ */ ke(mt, [["__scopeId", "data-v-30836c58"]]), yt = { class: "ant-picker-cell-inner" }, bt = {
+}), Et = /* @__PURE__ */ $e(Pt, [["__scopeId", "data-v-e4354f77"]]), Ft = { class: "ant-picker-cell-inner" }, Bt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, kt = {
+}, Rt = {
   name: "DasDatePicker"
-}, gt = /* @__PURE__ */ fe({
-  ...kt,
+}, At = /* @__PURE__ */ xe({
+  ...Rt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -1079,101 +1204,123 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(r, { expose: G, emit: d }) {
-    me((a) => ({
-      v070a06a4: W.value,
-      v79159f3f: _.value
-    })), Le({
+  setup(t, { expose: w, emit: a }) {
+    ze((n) => ({
+      da0de588: S.value,
+      v9b4cbf1e: Q.value
+    })), qe({
       dengdai: import("@das-fed/upf-ui/packages/icons/dengdai")
     });
-    const e = r, h = d, P = o(void 0);
-    X(D, async () => {
-      P.value = await $e(D.value);
+    const e = t, k = a, N = o(void 0);
+    oe(A, async () => {
+      N.value = await Ae(A.value);
     }, { immediate: !0 });
-    const y = s(() => `time-range-picker-${D.value}`), c = o(null), N = o(null), g = re(e, "modelValue"), $ = re(e, "error"), W = s(() => e.width ? e.width : "230px"), T = s(() => e.formSize), F = s(() => e.size === "large" ? "large" : e.size === "small" || e.size === "table" ? "small" : "middle"), _ = s(() => e.height ? e.height : T.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"
-    }[T.value] : "auto"), O = o(3e3), A = s(() => ({
-      "z-index": O.value
-    })), q = s(() => ({
+    }[H.value] : "auto"), re = o(3e3), U = u(() => ({
+      "z-index": re.value
+    })), _ = u(() => ({
       width: e.width
-    })), B = s(() => {
-      var a;
-      return e.isView ? e.noSetDefaultVal ? ["", ""] : ["-", "-"] : (a = e.placeholder) == null ? void 0 : a.map((u) => de(u));
-    }), V = o(!1), U = o({
+    })), 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"
-    }), x = o(!1), w = o(["", ""]), H = o("~"), ee = s(() => {
-      var a;
-      return (a = g.value) != null && a.length && g.value[0] && g.value[1] ? w.value.join(" " + H.value + " ") : B.value.join(" " + H.value + " ");
-    }), v = o([0, 0]), i = o([0, 0]), p = () => {
-      var b;
-      let a = [];
-      const u = (b = c.value) == null ? void 0 : b.$el.querySelectorAll(".ant-picker-input>input");
-      if (!u)
-        return a = [0, 0], a;
-      let l = [];
-      for (let z of u) {
-        l.push(z.getAttribute("value") || "");
-        let L = (z == null ? void 0 : z.offsetWidth) ?? 0;
-        a.push(L);
+    }), 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 w.value = l, a;
-    }, I = (a) => {
-      const u = e.size === "table" ? 12 : 14;
-      return Ce(a, u);
-    }, j = () => {
-      var l;
-      let a = [];
-      return ((l = c.value) == null ? void 0 : l.$el.querySelectorAll(".ant-picker-input>input")).forEach((b, z) => {
-        g.value.length && g.value[0] && g.value[0] ? a.push(b == null ? void 0 : b.scrollWidth) : a.push(I(B.value[z]));
-      }), 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;
     };
-    X(() => [B.value, g.value], () => {
-      le(() => {
-        v.value = p(), i.value = j(), (v.value[0] === i.value[0] || i.value[0] - v.value[0] < 1) && (v.value[1] === i.value[1] || i.value[1] - v.value[1] < 1) && (x.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 E = o();
-    X(
+    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() {
-          x.value = !0, E.value && clearTimeout(E.value);
-        }), a.addEventListener("mouseleave", function() {
-          E.value = setTimeout(() => {
-            x.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 K = (a) => {
-      a && (O.value = Se().nextZIndex()), h("openChange", a), String(D.value).startsWith("en") && le(() => {
-        const u = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let l of u)
-          l && (l.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");
       });
-    }, oe = () => {
-      v.value = p(), i.value = j(), (v.value[0] === i.value[0] || i.value[0] - v.value[0] < 1) && (v.value[1] === i.value[1] || i.value[1] - v.value[1] < 1) ? x.value = !1 : (x.value = !0, E.value && clearTimeout(E.value)), V.value = !0;
-    }, ne = () => {
-      E.value = setTimeout(() => {
-        x.value = !1;
-      }, 200), V.value = !1;
-    }, ue = (a) => {
-      a ? oe() : ne();
-    }, ce = (a, u) => {
-      if ($.value = !1, a === null) {
-        h("update:model-value", [null, null]), h("change", [null, null], Array.isArray(u) ? u.join(" ~ ") : u);
+    }, 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;
       }
-      h("update:error", $.value), h("update:model-value", a), h("change", a, Array.isArray(u) ? u.join(" ~ ") : u);
+      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 G({
+    return w({
       $timeRangePicker: c,
       blur: () => {
         c.value.blur();
@@ -1181,66 +1328,65 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
       focus: () => {
         c.value.focus();
       }
-    }), (a, u) => (m(), S(
+    }), (n, l) => (y(), $(
       "div",
       {
-        class: we(["das-ui-time-range-picker", [r.borderType, e.isView ? "readonly" : "", n($) ? "is-error" : ""]]),
-        style: te(q.value)
+        class: Le(["das-ui-time-range-picker", [t.borderType, e.isView ? "readonly" : "", i(W) ? "is-error" : ""]]),
+        style: ue(_.value)
       },
       [
-        C(n(Ie), { locale: P.value }, {
-          default: f(() => [
-            C(n(ze), {
+        D(i(Fe), { locale: N.value }, {
+          default: h(() => [
+            D(i(Be), {
               ref_key: "inputTooltipRef",
-              ref: N,
+              ref: O,
               placement: "top",
               trigger: "hover",
-              visible: x.value,
-              disabled: !r.isTooltip,
-              content: ee.value
+              visible: F.value,
+              disabled: !t.isTooltip,
+              content: b.value
             }, {
-              default: f(() => [
-                he((m(), Q(n(Ue), ie({
-                  key: y.value,
+              default: h(() => [
+                Ie((y(), ne(i(ut), we({
+                  key: P.value,
                   ref_key: "$timeRangePicker",
                   ref: c
-                }, a.$attrs, {
-                  value: n(g),
-                  "onUpdate:value": u[0] || (u[0] = (l) => Me(g) ? g.value = l : null),
-                  size: F.value,
-                  popupClassName: "das-ui-time-range-picker-dropdown " + r.dropdownClassName,
-                  showNow: r.showNow,
-                  bordered: r.borderType === "bordered",
-                  placeholder: B.value,
+                }, 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: q.value,
-                  popupStyle: A.value,
-                  onChange: ce,
-                  onOpenChange: K
+                  style: _.value,
+                  popupStyle: U.value,
+                  onChange: ge,
+                  onOpenChange: z
                 }), {
-                  dateRender: f((l) => [
-                    M(a.$slots, "dateRender", Te(xe(l)), () => [
-                      R(
+                  dateRender: h((p) => [
+                    L(n.$slots, "dateRender", Pe(Ee(p)), () => [
+                      j(
                         "div",
-                        yt,
-                        Z(l.current.date()),
+                        Ft,
+                        te(p.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  suffixIcon: f(() => [
-                    M(a.$slots, "suffixIcon", {}, () => [
-                      C(n(ae), {
+                  suffixIcon: h(() => [
+                    L(n.$slots, "suffixIcon", {}, () => [
+                      D(i(pe), {
                         class: "das-suffix-icon",
                         icon: "dengdai",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  separator: f(() => [
-                    M(a.$slots, "separator", {}, () => [
-                      u[1] || (u[1] = R(
+                  separator: h(() => [
+                    L(n.$slots, "separator", {}, () => [
+                      l[0] || (l[0] = j(
                         "div",
                         { style: { padding: "0 8px" } },
                         "~",
@@ -1252,7 +1398,7 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                  [n(be), ue]
+                  [i(Ve), ke]
                 ])
               ]),
               _: 3
@@ -1262,40 +1408,40 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        r.error && r.errorLabel ? (m(), S(
-          se,
+        t.error && t.errorLabel ? (y(), $(
+          be,
           { key: 0 },
           [
-            r.errorMode === "default" ? (m(), S("div", bt, [
-              R(
+            t.errorMode === "default" ? (y(), $("div", Bt, [
+              j(
                 "span",
                 {
-                  style: te(U.value)
+                  style: ue(le.value)
                 },
-                Z(r.errorLabel),
+                te(t.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : k("v-if", !0),
-            r.errorMode === "overlay" && V.value ? (m(), Q(n(ye), {
+            ])) : C("v-if", !0),
+            t.errorMode === "overlay" && Y.value ? (y(), ne(i(Me), {
               key: 1,
-              errorLabel: r.errorLabel,
+              errorLabel: t.errorLabel,
               getEl: () => {
-                var l;
-                return (l = c.value) == null ? void 0 : l.$el;
+                var p;
+                return (p = c.value) == null ? void 0 : p.$el;
               },
-              errorModelZIndex: r.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
+              errorModelZIndex: t.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : C("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : C("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), wt = /* @__PURE__ */ ke(gt, [["__scopeId", "data-v-bdeed30a"]]), Tt = {
+}), Nt = /* @__PURE__ */ $e(At, [["__scopeId", "data-v-ca72e0a1"]]), 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" },
@@ -1303,13 +1449,13 @@ const Ke = { class: "ant-picker-cell-inner" }, Ye = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", "zh-MO": "請選擇日期", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", "zh-MO": "請選擇時間", _appCode: "framework" }
 };
-He(Tt);
-const Ot = pe(Je), qt = pe(rt), Ut = pe(ct), Ht = pe(ht), jt = pe(wt), Kt = { name: "datePicker 日期时间选择器" };
+it(Wt);
+const ir = Ce(ht), sr = Ce(Tt), dr = Ce(Vt), cr = Ce(Et), vr = Ce(Nt), fr = { name: "datePicker 日期时间选择器" };
 export {
-  Ot as DasDatePicker,
-  qt as DasDateRangePicker,
-  Ut as DasRangePicker,
-  Ht as DasTimePicker,
-  jt as DasTimeRangePicker,
-  Kt as default
+  ir as DasDatePicker,
+  sr as DasDateRangePicker,
+  dr as DasRangePicker,
+  cr as DasTimePicker,
+  vr as DasTimeRangePicker,
+  fr as default
 };