ep-craft 0.1.25 → 0.1.26

package/dist/components/date-picker-panel/src/date-picker-com/panel-date-range.vue.js

@@ -0,0 +1,698 @@
+import { defineComponent as ha, inject as $e, toRef as de, ref as x, watch as ka, computed as w, openBlock as p, createElementBlock as y, normalizeClass as r, unref as e, createElementVNode as f, renderSlot as T, Fragment as ga, renderList as ya, toDisplayString as A, createCommentVNode as k, createVNode as v, withDirectives as K, withCtx as C, vShow as _, withKeys as ee, createBlock as E, createTextVNode as Ie, nextTick as wa } from "vue";
+import J from "dayjs";
+import Ye from "../../../../directives/click-outside/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { ArrowRight as ve, DArrowLeft as Ee, ArrowLeft as Fe, DArrowRight as Ne } from "@element-plus/icons-vue";
+import "normalize-wheel-es";
+import { useLocale as Ca } from "../../../../hooks/use-locale/index.js";
+import "../../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../../hooks/use-z-index/index.js";
+import "../../../../hooks/use-delayed-toggle/index.js";
+import "../../../../hooks/use-aria/index.js";
+import "../../../../hooks/use-model-toggle/index.js";
+import "../../../../hooks/use-empty-values/index.js";
+import { EpButton as Ae } from "../../../button/index.js";
+import { EpInput as ae } from "../../../input/index.js";
+import "../../../time-picker/index.js";
+import { EpIcon as D } from "../../../icon/index.js";
+import { panelDateRangeProps as Pa } from "../props/panel-date-range.js";
+import { useRangePicker as Va } from "../composables/use-range-picker.js";
+import { isValidRange as Se, getDefaultValue as Ta, correctlyParseUserInput as Da } from "../utils.js";
+import { usePanelDateRange as Ma } from "../composables/use-panel-date-range.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as Ra } from "../constants.js";
+import Be from "./basic-year-table.vue.js";
+import Le from "./basic-month-table.vue.js";
+import Oe from "./basic-date-table.vue.js";
+import "../../../form/index.js";
+import { PICKER_BASE_INJECTION_KEY as $a, DEFAULT_FORMATS_TIME as Ia, DEFAULT_FORMATS_DATE as Ya } from "../../../time-picker/src/constants.js";
+import { extractTimeFormat as Ea, extractDateFormat as Fa } from "../../../time-picker/src/utils.js";
+import { useFormDisabled as Na } from "../../../form/src/hooks/use-form-common-props.js";
+import xe from "../../../time-picker/src/time-picker-com/panel-time-pick.vue.js";
+const Aa = ["disabled", "onClick"], Sa = ["aria-label", "disabled"], Ba = ["aria-label", "disabled"], La = ["disabled", "aria-label"], Oa = ["disabled", "aria-label"], xa = ["tabindex", "aria-disabled"], Ka = ["tabindex", "aria-disabled"], Ua = ["disabled", "aria-label"], za = ["disabled", "aria-label"], ja = ["aria-label", "disabled"], Ja = ["disabled", "aria-label"], Wa = ["tabindex", "aria-disabled"], qa = ["tabindex", "aria-disabled"], le = "month", Ml = /* @__PURE__ */ ha({
+  __name: "panel-date-range",
+  props: Pa,
+  emits: [
+    "pick",
+    "set-picker-option",
+    "calendar-change",
+    "panel-change",
+    "clear"
+  ],
+  setup(Ke, { emit: Ue }) {
+    const m = Ke, F = Ue, M = $e($a), ze = $e(
+      Ra,
+      void 0
+    ), { disabledDate: g, cellClassName: me, defaultTime: W, clearable: ce } = M.props, te = de(M.props, "format"), be = de(M.props, "shortcuts"), pe = de(M.props, "defaultValue"), { lang: N } = Ca(), s = x(J().locale(N.value)), o = x(J().locale(N.value).add(1, le)), {
+      minDate: n,
+      maxDate: i,
+      rangeState: R,
+      ppNs: u,
+      drpNs: c,
+      handleChangeRange: fe,
+      handleRangeConfirm: $,
+      handleShortcutClick: je,
+      onSelect: ne,
+      parseValue: he,
+      t: h
+    } = Va(m, {
+      defaultValue: pe,
+      defaultTime: W,
+      leftDate: s,
+      rightDate: o,
+      unit: le,
+      sortDates: ue
+    });
+    ka(
+      () => m.visible,
+      (a) => {
+        !a && R.value.selecting && (he(m.parsedValue), ne(!1));
+      }
+    );
+    const S = x({
+      min: null,
+      max: null
+    }), I = x({
+      min: null,
+      max: null
+    }), {
+      leftCurrentView: V,
+      rightCurrentView: P,
+      leftCurrentViewRef: ie,
+      rightCurrentViewRef: re,
+      leftYear: ke,
+      rightYear: ge,
+      leftMonth: se,
+      rightMonth: ye,
+      leftYearLabel: Je,
+      rightYearLabel: We,
+      showLeftPicker: q,
+      showRightPicker: G,
+      handleLeftYearPick: qe,
+      handleRightYearPick: Ge,
+      handleLeftMonthPick: He,
+      handleRightMonthPick: Qe,
+      handlePanelChange: Y,
+      adjustDateByView: U
+    } = Ma(m, F, s, o), we = w(() => !!be.value.length), Xe = w(() => S.value.min !== null ? S.value.min : n.value ? n.value.format(oe.value) : ""), Ze = w(() => S.value.max !== null ? S.value.max : i.value || n.value ? (i.value || n.value).format(oe.value) : ""), _e = w(() => I.value.min !== null ? I.value.min : n.value ? n.value.format(z.value) : ""), ea = w(() => I.value.max !== null ? I.value.max : i.value || n.value ? (i.value || n.value).format(z.value) : ""), z = w(() => m.timeFormat || Ea(te.value || "") || Ia), oe = w(() => m.dateFormat || Fa(te.value || "") || Ya), aa = (a) => Se(a) && (g ? !g(a[0].toDate()) && !g(a[1].toDate()) : !0), la = () => {
+      s.value = U(
+        V.value,
+        s.value,
+        !1
+      ), m.unlinkPanels || (o.value = s.value.add(1, "month")), Y("year");
+    }, ta = () => {
+      s.value = s.value.subtract(1, "month"), m.unlinkPanels || (o.value = s.value.add(1, "month")), Y("month");
+    }, na = () => {
+      m.unlinkPanels ? o.value = U(
+        P.value,
+        o.value,
+        !0
+      ) : (s.value = U(
+        P.value,
+        s.value,
+        !0
+      ), o.value = s.value.add(1, "month")), Y("year");
+    }, ia = () => {
+      m.unlinkPanels ? o.value = o.value.add(1, "month") : (s.value = s.value.add(1, "month"), o.value = s.value.add(1, "month")), Y("month");
+    }, ra = () => {
+      s.value = U(V.value, s.value, !0), Y("year");
+    }, sa = () => {
+      s.value = s.value.add(1, "month"), Y("month");
+    }, oa = () => {
+      o.value = U(
+        P.value,
+        o.value,
+        !1
+      ), Y("year");
+    }, ua = () => {
+      o.value = o.value.subtract(1, "month"), Y("month");
+    }, H = w(() => {
+      const a = (se.value + 1) % 12, l = se.value + 1 >= 12 ? 1 : 0;
+      return m.singlePanel || m.unlinkPanels && new Date(ke.value + l, a) < new Date(ge.value, ye.value);
+    }), Q = w(() => m.singlePanel || m.unlinkPanels && ge.value * 12 + ye.value - (ke.value * 12 + se.value + 1) >= 12), d = Na(), da = w(() => !(n.value && i.value && !R.value.selecting && Se([n.value, i.value]) && !d.value)), X = w(
+      () => m.type === "datetime" || m.type === "datetimerange"
+    ), Ce = (a, l) => {
+      if (a)
+        return W ? J(
+          W[l] || W
+        ).locale(N.value).year(a.year()).month(a.month()).date(a.date()) : a;
+    }, Pe = (a, l = !0) => {
+      const t = a.minDate, b = a.maxDate, O = Ce(t, 0), j = Ce(b, 1);
+      i.value === j && n.value === O || (F("calendar-change", [t.toDate(), b && b.toDate()]), i.value = j, n.value = O, !X.value && l && (l = !O || !j), $(l));
+    }, B = x(!1), L = x(!1), va = () => {
+      B.value = !1;
+    }, ma = () => {
+      L.value = !1;
+    }, Z = (a, l) => {
+      if (!g || !g(a.toDate())) return a;
+      const t = a.isBefore(l);
+      let b = a;
+      for (; t ? b.isBefore(l) : b.isAfter(l); )
+        if (b = t ? b.add(1, "day") : b.subtract(1, "day"), !g(b.toDate())) return b;
+      return a;
+    }, Ve = (a, l) => {
+      S.value[l] = a;
+      const t = J(a, oe.value).locale(N.value);
+      if (t.isValid()) {
+        if (g && g(t.toDate()))
+          return;
+        if (l === "min") {
+          if (s.value = t, n.value = (n.value || s.value).year(t.year()).month(t.month()).date(t.date()), !m.unlinkPanels && !i.value) {
+            const b = Z(
+              n.value.add(1, "month"),
+              n.value
+            );
+            o.value = b, i.value = b;
+          }
+        } else if (o.value = t, i.value = (i.value || o.value).year(t.year()).month(t.month()).date(t.date()), !m.unlinkPanels && !n.value) {
+          const b = Z(
+            i.value.subtract(1, "month"),
+            i.value
+          );
+          s.value = b, n.value = b;
+        }
+        ue(n.value, i.value), $(!0);
+      }
+    }, Te = (a, l) => {
+      if (S.value[l] = null, l === "min") {
+        if (!m.unlinkPanels && i.value && n.value && i.value.isBefore(n.value)) {
+          const t = Z(
+            n.value.add(1, "month"),
+            n.value
+          );
+          o.value = t, i.value = t;
+        }
+      } else if (!m.unlinkPanels && n.value && i.value && n.value.isAfter(i.value)) {
+        const t = Z(
+          i.value.subtract(1, "month"),
+          i.value
+        );
+        s.value = t, n.value = t;
+      }
+      ue(n.value, i.value), $(!0);
+    }, De = (a, l) => {
+      I.value[l] = a;
+      const t = J(a, z.value).locale(N.value);
+      t.isValid() && (l === "min" ? (B.value = !0, n.value = (n.value || s.value).hour(t.hour()).minute(t.minute()).second(t.second()), s.value = n.value) : (L.value = !0, i.value = (i.value || o.value).hour(t.hour()).minute(t.minute()).second(t.second()), o.value = i.value));
+    }, Me = (a, l) => {
+      I.value[l] = null, l === "min" ? (s.value = n.value, B.value = !1, (!i.value || i.value.isBefore(n.value)) && (i.value = n.value)) : (o.value = i.value, L.value = !1, i.value && i.value.isBefore(n.value) && (n.value = i.value)), $(!0);
+    }, ca = (a, l, t) => {
+      I.value.min || (a && (n.value = (n.value || s.value).hour(a.hour()).minute(a.minute()).second(a.second())), t || (B.value = l), (!i.value || i.value.isBefore(n.value)) && (i.value = n.value, o.value = a, wa(() => {
+        he(m.parsedValue);
+      })), $(!0));
+    }, ba = (a, l, t) => {
+      I.value.max || (a && (i.value = (i.value || o.value).hour(a.hour()).minute(a.minute()).second(a.second())), t || (L.value = l), i.value && i.value.isBefore(n.value) && (n.value = i.value), $(!0));
+    }, pa = () => {
+      Re(), F("clear");
+    }, Re = () => {
+      let a = null;
+      M != null && M.emptyValues && (a = M.emptyValues.valueOnClear.value), s.value = Ta(e(pe), {
+        lang: e(N),
+        unit: "month",
+        unlinkPanels: m.unlinkPanels
+      })[0], o.value = s.value.add(1, "month"), i.value = void 0, n.value = void 0, $(!0), F("pick", a);
+    }, fa = (a) => Da(
+      a,
+      te.value || "",
+      N.value,
+      ze
+    );
+    function ue(a, l) {
+      if (m.unlinkPanels && l) {
+        const t = (a == null ? void 0 : a.year()) || 0, b = (a == null ? void 0 : a.month()) || 0, O = l.year(), j = l.month();
+        o.value = t === O && b === j ? l.add(1, le) : l;
+      } else
+        o.value = s.value.add(1, le), l && (o.value = o.value.hour(l.hour()).minute(l.minute()).second(l.second()));
+    }
+    return F("set-picker-option", ["isValidValue", aa]), F("set-picker-option", ["parseUserInput", fa]), F("set-picker-option", ["handleClear", Re]), (a, l) => (p(), y("div", {
+      class: r([
+        e(u).b(),
+        e(c).b(),
+        e(u).is("border", a.border),
+        e(u).is("disabled", e(d)),
+        {
+          "has-sidebar": a.$slots.sidebar || we.value,
+          "has-time": X.value,
+          "single-panel": a.singlePanel
+        }
+      ])
+    }, [
+      f("div", {
+        class: r(e(u).e("body-wrapper"))
+      }, [
+        T(a.$slots, "sidebar", {
+          class: r(e(u).e("sidebar"))
+        }),
+        we.value ? (p(), y("div", {
+          key: 0,
+          class: r(e(u).e("sidebar"))
+        }, [
+          (p(!0), y(ga, null, ya(be.value, (t, b) => (p(), y("button", {
+            key: b,
+            type: "button",
+            disabled: e(d),
+            class: r(e(u).e("shortcut")),
+            onClick: (O) => e(je)(t)
+          }, A(t.text), 11, Aa))), 128))
+        ], 2)) : k("", !0),
+        f("div", {
+          class: r(e(u).e("body"))
+        }, [
+          X.value ? (p(), y("div", {
+            key: 0,
+            class: r(e(c).e("time-header"))
+          }, [
+            f("span", {
+              class: r(e(c).e("editors-wrap"))
+            }, [
+              f("span", {
+                class: r(e(c).e("time-picker-wrap"))
+              }, [
+                v(e(ae), {
+                  size: "small",
+                  disabled: e(R).selecting || e(d),
+                  placeholder: e(h)("el.datepicker.startDate"),
+                  class: r(e(c).e("editor")),
+                  "model-value": Xe.value,
+                  "validate-event": !1,
+                  readonly: !a.editable,
+                  onInput: l[0] || (l[0] = (t) => Ve(t, "min")),
+                  onChange: l[1] || (l[1] = (t) => Te(t, "min"))
+                }, null, 8, ["disabled", "placeholder", "class", "model-value", "readonly"])
+              ], 2),
+              K((p(), y("span", {
+                class: r(e(c).e("time-picker-wrap"))
+              }, [
+                v(e(ae), {
+                  size: "small",
+                  class: r(e(c).e("editor")),
+                  disabled: e(R).selecting || e(d),
+                  placeholder: e(h)("el.datepicker.startTime"),
+                  "model-value": _e.value,
+                  "validate-event": !1,
+                  readonly: !a.editable,
+                  onFocus: l[2] || (l[2] = (t) => B.value = !0),
+                  onInput: l[3] || (l[3] = (t) => De(t, "min")),
+                  onChange: l[4] || (l[4] = (t) => Me(t, "min"))
+                }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"]),
+                v(e(xe), {
+                  visible: B.value,
+                  format: z.value,
+                  "datetime-role": "start",
+                  "parsed-value": e(n) || s.value,
+                  onPick: ca
+                }, null, 8, ["visible", "format", "parsed-value"])
+              ], 2)), [
+                [e(Ye), va]
+              ])
+            ], 2),
+            f("span", null, [
+              v(e(D), null, {
+                default: C(() => [
+                  v(e(ve))
+                ]),
+                _: 1
+              })
+            ]),
+            f("span", {
+              class: r([e(c).e("editors-wrap"), "is-right"])
+            }, [
+              f("span", {
+                class: r(e(c).e("time-picker-wrap"))
+              }, [
+                v(e(ae), {
+                  size: "small",
+                  class: r(e(c).e("editor")),
+                  disabled: e(R).selecting || e(d),
+                  placeholder: e(h)("el.datepicker.endDate"),
+                  "model-value": Ze.value,
+                  readonly: !e(n) || !a.editable,
+                  "validate-event": !1,
+                  onInput: l[5] || (l[5] = (t) => Ve(t, "max")),
+                  onChange: l[6] || (l[6] = (t) => Te(t, "max"))
+                }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"])
+              ], 2),
+              K((p(), y("span", {
+                class: r(e(c).e("time-picker-wrap"))
+              }, [
+                v(e(ae), {
+                  size: "small",
+                  class: r(e(c).e("editor")),
+                  disabled: e(R).selecting || e(d),
+                  placeholder: e(h)("el.datepicker.endTime"),
+                  "model-value": ea.value,
+                  readonly: !e(n) || !a.editable,
+                  "validate-event": !1,
+                  onFocus: l[7] || (l[7] = (t) => e(n) && (L.value = !0)),
+                  onInput: l[8] || (l[8] = (t) => De(t, "max")),
+                  onChange: l[9] || (l[9] = (t) => Me(t, "max"))
+                }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"]),
+                v(e(xe), {
+                  "datetime-role": "end",
+                  visible: L.value,
+                  format: z.value,
+                  "parsed-value": e(i) || o.value,
+                  onPick: ba
+                }, null, 8, ["visible", "format", "parsed-value"])
+              ], 2)), [
+                [e(Ye), ma]
+              ])
+            ], 2)
+          ], 2)) : k("", !0),
+          f("div", {
+            class: r([
+              e(u).e("content"),
+              e(c).e("content"),
+              e(c).is("left", !a.singlePanel)
+            ])
+          }, [
+            f("div", {
+              class: r(e(c).e("header"))
+            }, [
+              f("button", {
+                type: "button",
+                class: r([e(u).e("icon-btn"), "d-arrow-left"]),
+                "aria-label": e(h)("el.datepicker.prevYear"),
+                disabled: e(d),
+                onClick: la
+              }, [
+                T(a.$slots, "prev-year", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(Ee))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Sa),
+              K(f("button", {
+                type: "button",
+                class: r([e(u).e("icon-btn"), "arrow-left"]),
+                "aria-label": e(h)("el.datepicker.prevMonth"),
+                disabled: e(d),
+                onClick: ta
+              }, [
+                T(a.$slots, "prev-month", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(Fe))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Ba), [
+                [_, e(V) === "date"]
+              ]),
+              a.unlinkPanels || a.singlePanel ? (p(), y("button", {
+                key: 0,
+                type: "button",
+                disabled: !Q.value || e(d),
+                class: r([[
+                  e(u).e("icon-btn"),
+                  e(u).is("disabled", !Q.value || e(d))
+                ], "d-arrow-right"]),
+                "aria-label": e(h)("el.datepicker.nextYear"),
+                onClick: ra
+              }, [
+                T(a.$slots, "next-year", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(Ne))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, La)) : k("", !0),
+              a.unlinkPanels && e(V) === "date" || a.singlePanel ? (p(), y("button", {
+                key: 1,
+                type: "button",
+                disabled: !H.value || e(d),
+                class: r([[
+                  e(u).e("icon-btn"),
+                  e(u).is("disabled", !H.value || e(d))
+                ], "arrow-right"]),
+                "aria-label": e(h)("el.datepicker.nextMonth"),
+                onClick: sa
+              }, [
+                T(a.$slots, "next-month", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(ve))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Oa)) : k("", !0),
+              f("div", null, [
+                f("span", {
+                  role: "button",
+                  class: r(e(c).e("header-label")),
+                  "aria-live": "polite",
+                  tabindex: a.disabled ? void 0 : 0,
+                  "aria-disabled": a.disabled,
+                  onKeydown: l[10] || (l[10] = ee((t) => e(q)("year"), ["enter"])),
+                  onClick: l[11] || (l[11] = (t) => e(q)("year"))
+                }, A(e(Je)), 43, xa),
+                K(f("span", {
+                  role: "button",
+                  "aria-live": "polite",
+                  tabindex: a.disabled ? void 0 : 0,
+                  "aria-disabled": a.disabled,
+                  class: r([
+                    e(c).e("header-label"),
+                    { active: e(V) === "month" }
+                  ]),
+                  onKeydown: l[12] || (l[12] = ee((t) => e(q)("month"), ["enter"])),
+                  onClick: l[13] || (l[13] = (t) => e(q)("month"))
+                }, A(e(h)(`el.datepicker.month${s.value.month() + 1}`)), 43, Ka), [
+                  [_, e(V) === "date"]
+                ])
+              ])
+            ], 2),
+            e(V) === "date" ? (p(), E(Oe, {
+              key: 0,
+              ref_key: "leftCurrentViewRef",
+              ref: ie,
+              "selection-mode": "range",
+              date: s.value,
+              "min-date": e(n),
+              "max-date": e(i),
+              "range-state": e(R),
+              "disabled-date": e(g),
+              "cell-class-name": e(me),
+              "show-week-number": a.showWeekNumber,
+              disabled: e(d),
+              onChangerange: e(fe),
+              onPick: Pe,
+              onSelect: e(ne)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "show-week-number", "disabled", "onChangerange", "onSelect"])) : k("", !0),
+            e(V) === "year" ? (p(), E(Be, {
+              key: 1,
+              ref_key: "leftCurrentViewRef",
+              ref: ie,
+              "selection-mode": "year",
+              date: s.value,
+              "disabled-date": e(g),
+              "parsed-value": a.parsedValue,
+              disabled: e(d),
+              onPick: e(qe)
+            }, null, 8, ["date", "disabled-date", "parsed-value", "disabled", "onPick"])) : k("", !0),
+            e(V) === "month" ? (p(), E(Le, {
+              key: 2,
+              ref_key: "leftCurrentViewRef",
+              ref: ie,
+              "selection-mode": "month",
+              date: s.value,
+              "parsed-value": a.parsedValue,
+              "disabled-date": e(g),
+              disabled: e(d),
+              onPick: e(He)
+            }, null, 8, ["date", "parsed-value", "disabled-date", "disabled", "onPick"])) : k("", !0)
+          ], 2),
+          a.singlePanel ? k("", !0) : (p(), y("div", {
+            key: 1,
+            class: r([[e(u).e("content"), e(c).e("content")], "is-right"])
+          }, [
+            f("div", {
+              class: r(e(c).e("header"))
+            }, [
+              a.unlinkPanels ? (p(), y("button", {
+                key: 0,
+                type: "button",
+                disabled: !Q.value || e(d),
+                class: r([[
+                  e(u).e("icon-btn"),
+                  e(u).is("disabled", !Q.value || e(d))
+                ], "d-arrow-left"]),
+                "aria-label": e(h)("el.datepicker.prevYear"),
+                onClick: oa
+              }, [
+                T(a.$slots, "prev-year", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(Ee))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Ua)) : k("", !0),
+              a.unlinkPanels && e(P) === "date" ? (p(), y("button", {
+                key: 1,
+                type: "button",
+                disabled: !H.value || e(d),
+                class: r([[
+                  e(u).e("icon-btn"),
+                  e(u).is("disabled", !H.value || e(d))
+                ], "arrow-left"]),
+                "aria-label": e(h)("el.datepicker.prevMonth"),
+                onClick: ua
+              }, [
+                T(a.$slots, "prev-month", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(Fe))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, za)) : k("", !0),
+              f("button", {
+                type: "button",
+                "aria-label": e(h)("el.datepicker.nextYear"),
+                class: r([e(u).e("icon-btn"), "d-arrow-right"]),
+                disabled: e(d),
+                onClick: na
+              }, [
+                T(a.$slots, "next-year", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(Ne))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, ja),
+              K(f("button", {
+                type: "button",
+                class: r([e(u).e("icon-btn"), "arrow-right"]),
+                disabled: e(d),
+                "aria-label": e(h)("el.datepicker.nextMonth"),
+                onClick: ia
+              }, [
+                T(a.$slots, "next-month", {}, () => [
+                  v(e(D), null, {
+                    default: C(() => [
+                      v(e(ve))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Ja), [
+                [_, e(P) === "date"]
+              ]),
+              f("div", null, [
+                f("span", {
+                  role: "button",
+                  class: r(e(c).e("header-label")),
+                  "aria-live": "polite",
+                  tabindex: a.disabled ? void 0 : 0,
+                  "aria-disabled": a.disabled,
+                  onKeydown: l[14] || (l[14] = ee((t) => e(G)("year"), ["enter"])),
+                  onClick: l[15] || (l[15] = (t) => e(G)("year"))
+                }, A(e(We)), 43, Wa),
+                K(f("span", {
+                  role: "button",
+                  "aria-live": "polite",
+                  tabindex: a.disabled ? void 0 : 0,
+                  "aria-disabled": a.disabled,
+                  class: r([
+                    e(c).e("header-label"),
+                    { active: e(P) === "month" }
+                  ]),
+                  onKeydown: l[16] || (l[16] = ee((t) => e(G)("month"), ["enter"])),
+                  onClick: l[17] || (l[17] = (t) => e(G)("month"))
+                }, A(e(h)(`el.datepicker.month${o.value.month() + 1}`)), 43, qa), [
+                  [_, e(P) === "date"]
+                ])
+              ])
+            ], 2),
+            e(P) === "date" ? (p(), E(Oe, {
+              key: 0,
+              ref_key: "rightCurrentViewRef",
+              ref: re,
+              "selection-mode": "range",
+              date: o.value,
+              "min-date": e(n),
+              "max-date": e(i),
+              "range-state": e(R),
+              "disabled-date": e(g),
+              "cell-class-name": e(me),
+              "show-week-number": a.showWeekNumber,
+              disabled: e(d),
+              onChangerange: e(fe),
+              onPick: Pe,
+              onSelect: e(ne)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "show-week-number", "disabled", "onChangerange", "onSelect"])) : k("", !0),
+            e(P) === "year" ? (p(), E(Be, {
+              key: 1,
+              ref_key: "rightCurrentViewRef",
+              ref: re,
+              "selection-mode": "year",
+              date: o.value,
+              "disabled-date": e(g),
+              "parsed-value": a.parsedValue,
+              disabled: e(d),
+              onPick: e(Ge)
+            }, null, 8, ["date", "disabled-date", "parsed-value", "disabled", "onPick"])) : k("", !0),
+            e(P) === "month" ? (p(), E(Le, {
+              key: 2,
+              ref_key: "rightCurrentViewRef",
+              ref: re,
+              "selection-mode": "month",
+              date: o.value,
+              "parsed-value": a.parsedValue,
+              "disabled-date": e(g),
+              disabled: e(d),
+              onPick: e(Qe)
+            }, null, 8, ["date", "parsed-value", "disabled-date", "disabled", "onPick"])) : k("", !0)
+          ], 2))
+        ], 2)
+      ], 2),
+      a.showFooter && X.value && (a.showConfirm || e(ce)) ? (p(), y("div", {
+        key: 0,
+        class: r(e(u).e("footer"))
+      }, [
+        e(ce) ? (p(), E(e(Ae), {
+          key: 0,
+          text: "",
+          size: "small",
+          class: r(e(u).e("link-btn")),
+          onClick: pa
+        }, {
+          default: C(() => [
+            Ie(A(e(h)("el.datepicker.clear")), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])) : k("", !0),
+        a.showConfirm ? (p(), E(e(Ae), {
+          key: 1,
+          plain: "",
+          size: "small",
+          class: r(e(u).e("link-btn")),
+          disabled: da.value,
+          onClick: l[18] || (l[18] = (t) => e($)(!1))
+        }, {
+          default: C(() => [
+            Ie(A(e(h)("el.datepicker.confirm")), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "disabled"])) : k("", !0)
+      ], 2)) : k("", !0)
+    ], 2));
+  }
+});
+export {
+  Ml as default
+};