dk-plus
Version:
66 lines (65 loc) • 2.3 kB
JavaScript
import c from "./index2.js";
import { openBlock as s, createElementBlock as n, normalizeClass as p, normalizeStyle as u, createElementVNode as t, toDisplayString as o, Fragment as i, renderList as r } from "vue";
import b from "../../_virtual/index.js";
const h = { class: "dk-date-picker-panel_header" }, m = ["disabled"], y = { class: "dk-date-picker-panel_title" }, _ = ["disabled"], f = {
class: "dk-date-picker-panel_table",
cellspacing: "0",
cellpadding: "0"
}, v = ["disabled", "onClick"], C = { class: "dk-date-picker-panel_cell-inner" };
function g(e, l, M, P, $, S) {
return s(), n("div", {
class: p(["dk-date-picker-panel", { "is-disabled": e.disabled }]),
style: u(e.rootStyle)
}, [
t("div", h, [
t("button", {
class: "dk-date-picker-panel_nav",
type: "button",
disabled: e.disabled,
onClick: l[0] || (l[0] = (...d) => e.toPrevMonth && e.toPrevMonth(...d))
}, "\u2039", 8, m),
t("div", y, o(e.headerText), 1),
t("button", {
class: "dk-date-picker-panel_nav",
type: "button",
disabled: e.disabled,
onClick: l[1] || (l[1] = (...d) => e.toNextMonth && e.toNextMonth(...d))
}, "\u203A", 8, _)
]),
t("table", f, [
t("thead", null, [
t("tr", null, [
(s(!0), n(i, null, r(e.weekdays, (d) => (s(), n("th", {
key: d,
class: "dk-date-picker-panel_th"
}, o(d), 1))), 128))
])
]),
t("tbody", null, [
(s(!0), n(i, null, r(e.rows, (d, k) => (s(), n("tr", { key: k }, [
(s(!0), n(i, null, r(d, (a) => (s(), n("td", {
key: a.date.getTime(),
class: "dk-date-picker-panel_td"
}, [
t("button", {
class: p(["dk-date-picker-panel_cell", {
"is-other-month": !a.isCurrentMonth,
"is-today": a.isToday,
"is-selected": a.isSelected
}]),
type: "button",
disabled: e.disabled,
onClick: (N) => e.onPick(a)
}, [
t("span", C, o(a.text), 1)
], 10, v)
]))), 128))
]))), 128))
])
])
], 6);
}
const E = /* @__PURE__ */ b(c, [["render", g]]);
export {
E as default
};