@v-c/picker 0.0.1

package/dist/PickerPanel/MonthPanel/index.js

@@ -0,0 +1,213 @@
+import { formatValue } from "../../utils/dateUtil.js";
+import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
+import PanelBody_default from "../PanelBody.js";
+import PanelHeader_default from "../PanelHeader.js";
+import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
+	const sharedContext = useSharedPanelContext();
+	providePanelContext(computed(() => {
+		const [info] = useInfo(props, "month", sharedContext);
+		return info;
+	}));
+	return () => {
+		const { prefixCls, locale = {}, generateConfig = {}, pickerValue, disabledDate, onPickerValueChange, onModeChange } = props;
+		const panelPrefixCls = `${prefixCls}-month-panel`;
+		const baseDate = generateConfig.setMonth(pickerValue, 0);
+		const yearFormat = locale.yearFormat || "YYYY";
+		const monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
+		const getCellDate = (date, offset) => {
+			return generateConfig.addMonth(date, offset);
+		};
+		const getCellText = (date) => {
+			const month = generateConfig.getMonth(date);
+			return locale.monthFormat ? formatValue(date, {
+				locale,
+				format: locale.monthFormat,
+				generateConfig
+			}) : monthsLocale[month];
+		};
+		const getCellClassName = () => ({ [`${prefixCls}-cell-in-view`]: true });
+		const mergedDisabledDate = disabledDate ? (currentDate, disabledInfo) => {
+			const startDate = generateConfig.setDate(currentDate, 1);
+			const nextMonthStartDate = generateConfig.setMonth(startDate, generateConfig.getMonth(startDate) + 1);
+			const endDate = generateConfig.addDate(nextMonthStartDate, -1);
+			return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
+		} : void 0;
+		const yearNode = createVNode("button", {
+			"type": "button",
+			"key": "year",
+			"aria-label": locale.yearSelect,
+			"onClick": () => {
+				onModeChange?.("year");
+			},
+			"tabindex": -1,
+			"class": `${prefixCls}-year-btn`
+		}, [formatValue(pickerValue, {
+			locale,
+			format: yearFormat,
+			generateConfig
+		})]);
+		return createVNode("div", { "class": panelPrefixCls }, [createVNode(PanelHeader_default, {
+			"superOffset": (distance, date) => generateConfig.addYear(date, distance),
+			"onChange": onPickerValueChange,
+			"getStart": (date) => generateConfig.setMonth(date, 0),
+			"getEnd": (date) => generateConfig.setMonth(date, 11)
+		}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(PanelBody_default, mergeProps(props, {
+			"disabledDate": mergedDisabledDate,
+			"titleFormat": locale.fieldMonthFormat,
+			"colNum": 3,
+			"rowNum": 4,
+			"baseDate": baseDate,
+			"getCellDate": getCellDate,
+			"getCellText": getCellText,
+			"getCellClassName": getCellClassName
+		}), null)]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		pickerValue: {
+			required: true,
+			default: void 0
+		},
+		onPickerValueChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
+		},
+		onSelect: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		values: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onModeChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		minDate: {
+			required: false,
+			default: void 0
+		},
+		maxDate: {
+			required: false,
+			default: void 0
+		},
+		cellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hoverRangeValue: {
+			type: [Array, null],
+			required: true,
+			default: void 0
+		},
+		hoverValue: {
+			type: [Array, null],
+			required: false,
+			default: void 0
+		},
+		onHover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		showWeek: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		prevIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		nextIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		superPrevIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		superNextIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "MonthPanel",
+	inheritAttrs: false
+});
+export { MonthPanel_default as default };

package/dist/PickerPanel/PanelBody.cjs

@@ -0,0 +1,157 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_dateUtil = require("../utils/dateUtil.cjs");
+const require_context = require("./context.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var PanelBody = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const context = require_context.usePanelContext();
+	const pickerHackContext = require_context.usePickerHackContext();
+	return () => {
+		const { prefixCls, classNames: panelClassNames, styles, panelType, now, disabledDate: contextDisabledDate, cellRender, onHover, hoverValue, hoverRangeValue, generateConfig = {}, values, locale = {}, onSelect } = context.value;
+		const { rowNum, colNum, baseDate, getCellDate, prefixColumn, rowClassName, titleFormat, getCellText, getCellClassName, headerCells, cellSelection = true, disabledDate } = props;
+		const { onCellDblClick } = pickerHackContext?.value || {};
+		const mergedDisabledDate = disabledDate || contextDisabledDate;
+		const cellPrefixCls = `${prefixCls}-cell`;
+		const matchValues = (date) => (values || []).some((singleValue) => singleValue && require_dateUtil.isSame(generateConfig, locale, date, singleValue, panelType));
+		const rows = [];
+		for (let row = 0; row < rowNum; row += 1) {
+			const rowNode = [];
+			let rowStartDate;
+			for (let col = 0; col < colNum; col += 1) {
+				const currentDate = getCellDate(baseDate, row * colNum + col);
+				const disabled = mergedDisabledDate?.(currentDate, { type: panelType });
+				if (col === 0) {
+					rowStartDate = currentDate;
+					if (prefixColumn) rowNode.push(prefixColumn(rowStartDate));
+				}
+				let inRange = false;
+				let rangeStart = false;
+				let rangeEnd = false;
+				if (cellSelection && hoverRangeValue) {
+					const [hoverStart, hoverEnd] = hoverRangeValue;
+					inRange = require_dateUtil.isInRange(generateConfig, hoverStart, hoverEnd, currentDate);
+					rangeStart = require_dateUtil.isSame(generateConfig, locale, currentDate, hoverStart, panelType);
+					rangeEnd = require_dateUtil.isSame(generateConfig, locale, currentDate, hoverEnd, panelType);
+				}
+				const title = titleFormat ? require_dateUtil.formatValue(currentDate, {
+					locale,
+					format: titleFormat,
+					generateConfig
+				}) : void 0;
+				const inner = (0, vue.createVNode)("div", { "class": `${cellPrefixCls}-inner` }, [getCellText(currentDate)]);
+				rowNode.push((0, vue.createVNode)("td", {
+					"key": col,
+					"title": title,
+					"class": (0, _v_c_util.clsx)(cellPrefixCls, panelClassNames?.item, {
+						[`${cellPrefixCls}-disabled`]: disabled,
+						[`${cellPrefixCls}-hover`]: (hoverValue || []).some((date) => require_dateUtil.isSame(generateConfig, locale, currentDate, date, panelType)),
+						[`${cellPrefixCls}-in-range`]: inRange && !rangeStart && !rangeEnd,
+						[`${cellPrefixCls}-range-start`]: rangeStart,
+						[`${cellPrefixCls}-range-end`]: rangeEnd,
+						[`${prefixCls}-cell-selected`]: !hoverRangeValue && panelType !== "week" && matchValues(currentDate),
+						...getCellClassName(currentDate)
+					}),
+					"style": styles?.item,
+					"onClick": () => {
+						if (!disabled) onSelect(currentDate);
+					},
+					"onDblclick": () => {
+						if (!disabled && onCellDblClick) onCellDblClick();
+					},
+					"onMouseenter": () => {
+						if (!disabled) onHover?.(currentDate);
+					},
+					"onMouseleave": () => {
+						if (!disabled) onHover?.(null);
+					}
+				}, [cellRender ? cellRender(currentDate, {
+					prefixCls,
+					originNode: inner,
+					today: now,
+					type: panelType,
+					locale
+				}) : inner]));
+			}
+			rows.push((0, vue.createVNode)("tr", {
+				"key": row,
+				"class": rowClassName?.(rowStartDate)
+			}, [rowNode]));
+		}
+		return (0, vue.createVNode)("div", {
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-body`, panelClassNames?.body),
+			"style": styles?.body
+		}, [(0, vue.createVNode)("table", {
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-content`, panelClassNames?.content),
+			"style": styles?.content
+		}, [headerCells && (0, vue.createVNode)("thead", null, [(0, vue.createVNode)("tr", null, [headerCells])]), (0, vue.createVNode)("tbody", null, [rows])])]);
+	};
+}, {
+	props: {
+		rowNum: {
+			type: Number,
+			required: true,
+			default: void 0
+		},
+		colNum: {
+			type: Number,
+			required: true,
+			default: void 0
+		},
+		baseDate: {
+			required: true,
+			default: void 0
+		},
+		titleFormat: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		getCellDate: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		getCellText: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		getCellClassName: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		headerCells: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		prefixColumn: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		rowClassName: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		cellSelection: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "PanelBody"
+});
+var PanelBody_default = PanelBody;
+exports.default = PanelBody_default;

package/dist/PickerPanel/PanelBody.d.ts

@@ -0,0 +1,17 @@
+import { DisabledDate } from '../interface';
+export interface PanelBodyProps<DateType = any> {
+    rowNum: number;
+    colNum: number;
+    baseDate: DateType;
+    titleFormat?: string;
+    getCellDate: (date: DateType, offset: number) => DateType;
+    getCellText: (date: DateType) => any;
+    getCellClassName: (date: DateType) => Record<string, any>;
+    disabledDate?: DisabledDate<DateType>;
+    headerCells?: any[];
+    prefixColumn?: (date: DateType) => any;
+    rowClassName?: (date: DateType) => string;
+    cellSelection?: boolean;
+}
+declare const PanelBody: import('vue').DefineSetupFnComponent<PanelBodyProps<any>, {}, {}, PanelBodyProps<any> & {}, import('vue').PublicProps>;
+export default PanelBody;

package/dist/PickerPanel/PanelBody.js

@@ -0,0 +1,151 @@
+import { formatValue, isInRange, isSame } from "../utils/dateUtil.js";
+import { usePanelContext, usePickerHackContext } from "./context.js";
+import { createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+var PanelBody_default = /* @__PURE__ */ defineComponent((props) => {
+	const context = usePanelContext();
+	const pickerHackContext = usePickerHackContext();
+	return () => {
+		const { prefixCls, classNames: panelClassNames, styles, panelType, now, disabledDate: contextDisabledDate, cellRender, onHover, hoverValue, hoverRangeValue, generateConfig = {}, values, locale = {}, onSelect } = context.value;
+		const { rowNum, colNum, baseDate, getCellDate, prefixColumn, rowClassName, titleFormat, getCellText, getCellClassName, headerCells, cellSelection = true, disabledDate } = props;
+		const { onCellDblClick } = pickerHackContext?.value || {};
+		const mergedDisabledDate = disabledDate || contextDisabledDate;
+		const cellPrefixCls = `${prefixCls}-cell`;
+		const matchValues = (date) => (values || []).some((singleValue) => singleValue && isSame(generateConfig, locale, date, singleValue, panelType));
+		const rows = [];
+		for (let row = 0; row < rowNum; row += 1) {
+			const rowNode = [];
+			let rowStartDate;
+			for (let col = 0; col < colNum; col += 1) {
+				const currentDate = getCellDate(baseDate, row * colNum + col);
+				const disabled = mergedDisabledDate?.(currentDate, { type: panelType });
+				if (col === 0) {
+					rowStartDate = currentDate;
+					if (prefixColumn) rowNode.push(prefixColumn(rowStartDate));
+				}
+				let inRange = false;
+				let rangeStart = false;
+				let rangeEnd = false;
+				if (cellSelection && hoverRangeValue) {
+					const [hoverStart, hoverEnd] = hoverRangeValue;
+					inRange = isInRange(generateConfig, hoverStart, hoverEnd, currentDate);
+					rangeStart = isSame(generateConfig, locale, currentDate, hoverStart, panelType);
+					rangeEnd = isSame(generateConfig, locale, currentDate, hoverEnd, panelType);
+				}
+				const title = titleFormat ? formatValue(currentDate, {
+					locale,
+					format: titleFormat,
+					generateConfig
+				}) : void 0;
+				const inner = createVNode("div", { "class": `${cellPrefixCls}-inner` }, [getCellText(currentDate)]);
+				rowNode.push(createVNode("td", {
+					"key": col,
+					"title": title,
+					"class": clsx(cellPrefixCls, panelClassNames?.item, {
+						[`${cellPrefixCls}-disabled`]: disabled,
+						[`${cellPrefixCls}-hover`]: (hoverValue || []).some((date) => isSame(generateConfig, locale, currentDate, date, panelType)),
+						[`${cellPrefixCls}-in-range`]: inRange && !rangeStart && !rangeEnd,
+						[`${cellPrefixCls}-range-start`]: rangeStart,
+						[`${cellPrefixCls}-range-end`]: rangeEnd,
+						[`${prefixCls}-cell-selected`]: !hoverRangeValue && panelType !== "week" && matchValues(currentDate),
+						...getCellClassName(currentDate)
+					}),
+					"style": styles?.item,
+					"onClick": () => {
+						if (!disabled) onSelect(currentDate);
+					},
+					"onDblclick": () => {
+						if (!disabled && onCellDblClick) onCellDblClick();
+					},
+					"onMouseenter": () => {
+						if (!disabled) onHover?.(currentDate);
+					},
+					"onMouseleave": () => {
+						if (!disabled) onHover?.(null);
+					}
+				}, [cellRender ? cellRender(currentDate, {
+					prefixCls,
+					originNode: inner,
+					today: now,
+					type: panelType,
+					locale
+				}) : inner]));
+			}
+			rows.push(createVNode("tr", {
+				"key": row,
+				"class": rowClassName?.(rowStartDate)
+			}, [rowNode]));
+		}
+		return createVNode("div", {
+			"class": clsx(`${prefixCls}-body`, panelClassNames?.body),
+			"style": styles?.body
+		}, [createVNode("table", {
+			"class": clsx(`${prefixCls}-content`, panelClassNames?.content),
+			"style": styles?.content
+		}, [headerCells && createVNode("thead", null, [createVNode("tr", null, [headerCells])]), createVNode("tbody", null, [rows])])]);
+	};
+}, {
+	props: {
+		rowNum: {
+			type: Number,
+			required: true,
+			default: void 0
+		},
+		colNum: {
+			type: Number,
+			required: true,
+			default: void 0
+		},
+		baseDate: {
+			required: true,
+			default: void 0
+		},
+		titleFormat: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		getCellDate: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		getCellText: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		getCellClassName: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		headerCells: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		prefixColumn: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		rowClassName: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		cellSelection: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "PanelBody"
+});
+export { PanelBody_default as default };

package/dist/PickerPanel/PanelHeader.cjs

@@ -0,0 +1,132 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_dateUtil = require("../utils/dateUtil.cjs");
+const require_context = require("./context.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var HIDDEN_STYLE = { visibility: "hidden" };
+var PanelHeader = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
+	const context = require_context.usePanelContext();
+	const pickerHackContext = require_context.usePickerHackContext();
+	const disabledOffsetPrev = (0, vue.computed)(() => {
+		const { minDate, generateConfig, locale, pickerValue, panelType } = context.value;
+		const { offset, getEnd } = props;
+		if (!minDate || !offset || !getEnd) return false;
+		return !require_dateUtil.isSameOrAfter(generateConfig, locale, getEnd(offset(-1, pickerValue)), minDate, panelType);
+	});
+	const disabledSuperOffsetPrev = (0, vue.computed)(() => {
+		const { minDate, generateConfig, locale, pickerValue, panelType } = context.value;
+		const { superOffset, getEnd } = props;
+		if (!minDate || !superOffset || !getEnd) return false;
+		return !require_dateUtil.isSameOrAfter(generateConfig, locale, getEnd(superOffset(-1, pickerValue)), minDate, panelType);
+	});
+	const disabledOffsetNext = (0, vue.computed)(() => {
+		const { maxDate, generateConfig, locale, pickerValue, panelType } = context.value;
+		const { offset, getStart } = props;
+		if (!maxDate || !offset || !getStart) return false;
+		return !require_dateUtil.isSameOrAfter(generateConfig, locale, maxDate, getStart(offset(1, pickerValue)), panelType);
+	});
+	const disabledSuperOffsetNext = (0, vue.computed)(() => {
+		const { maxDate, generateConfig, locale, pickerValue, panelType } = context.value;
+		const { superOffset, getStart } = props;
+		if (!maxDate || !superOffset || !getStart) return false;
+		return !require_dateUtil.isSameOrAfter(generateConfig, locale, maxDate, getStart(superOffset(1, pickerValue)), panelType);
+	});
+	const onOffset = (distance) => {
+		const { offset, onChange } = props;
+		const { pickerValue } = context.value;
+		if (offset && onChange) onChange(offset(distance, pickerValue));
+	};
+	const onSuperOffset = (distance) => {
+		const { superOffset, onChange } = props;
+		const { pickerValue } = context.value;
+		if (superOffset && onChange) onChange(superOffset(distance, pickerValue));
+	};
+	return () => {
+		const { prefixCls, classNames: panelClassNames, styles, prevIcon = "‹", nextIcon = "›", superPrevIcon = "«", superNextIcon = "»", locale } = context.value;
+		const { hidePrev, hideNext, hideHeader } = pickerHackContext?.value || {};
+		const { offset, superOffset } = props;
+		if (hideHeader) return null;
+		const headerPrefixCls = `${prefixCls}-header`;
+		const prevBtnCls = `${headerPrefixCls}-prev-btn`;
+		const nextBtnCls = `${headerPrefixCls}-next-btn`;
+		const superPrevBtnCls = `${headerPrefixCls}-super-prev-btn`;
+		const superNextBtnCls = `${headerPrefixCls}-super-next-btn`;
+		return (0, vue.createVNode)("div", {
+			"class": (0, _v_c_util.clsx)(headerPrefixCls, panelClassNames?.header),
+			"style": styles?.header
+		}, [
+			superOffset && (0, vue.createVNode)("button", {
+				"type": "button",
+				"aria-label": locale?.previousYear,
+				"onClick": () => onSuperOffset(-1),
+				"tabindex": -1,
+				"class": (0, _v_c_util.clsx)(superPrevBtnCls, disabledSuperOffsetPrev.value && `${superPrevBtnCls}-disabled`),
+				"disabled": disabledSuperOffsetPrev.value,
+				"style": hidePrev ? HIDDEN_STYLE : {}
+			}, [superPrevIcon]),
+			offset && (0, vue.createVNode)("button", {
+				"type": "button",
+				"aria-label": locale?.previousMonth,
+				"onClick": () => onOffset(-1),
+				"tabindex": -1,
+				"class": (0, _v_c_util.clsx)(prevBtnCls, disabledOffsetPrev.value && `${prevBtnCls}-disabled`),
+				"disabled": disabledOffsetPrev.value,
+				"style": hidePrev ? HIDDEN_STYLE : {}
+			}, [prevIcon]),
+			(0, vue.createVNode)("div", { "class": `${headerPrefixCls}-view` }, [slots.default?.()]),
+			offset && (0, vue.createVNode)("button", {
+				"type": "button",
+				"aria-label": locale?.nextMonth,
+				"onClick": () => onOffset(1),
+				"tabindex": -1,
+				"class": (0, _v_c_util.clsx)(nextBtnCls, disabledOffsetNext.value && `${nextBtnCls}-disabled`),
+				"disabled": disabledOffsetNext.value,
+				"style": hideNext ? HIDDEN_STYLE : {}
+			}, [nextIcon]),
+			superOffset && (0, vue.createVNode)("button", {
+				"type": "button",
+				"aria-label": locale?.nextYear,
+				"onClick": () => onSuperOffset(1),
+				"tabindex": -1,
+				"class": (0, _v_c_util.clsx)(superNextBtnCls, disabledSuperOffsetNext.value && `${superNextBtnCls}-disabled`),
+				"disabled": disabledSuperOffsetNext.value,
+				"style": hideNext ? HIDDEN_STYLE : {}
+			}, [superNextIcon])
+		]);
+	};
+}, {
+	props: {
+		offset: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		superOffset: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getStart: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getEnd: {
+			type: Function,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "PanelHeader"
+});
+var PanelHeader_default = PanelHeader;
+exports.default = PanelHeader_default;

package/dist/PickerPanel/PanelHeader.d.ts

@@ -0,0 +1,9 @@
+export interface PanelHeaderProps<DateType extends object = any> {
+    offset?: (distance: number, date: DateType) => DateType;
+    superOffset?: (distance: number, date: DateType) => DateType;
+    onChange?: (date: DateType) => void;
+    getStart?: (date: DateType) => DateType;
+    getEnd?: (date: DateType) => DateType;
+}
+declare const PanelHeader: import('vue').DefineSetupFnComponent<PanelHeaderProps<any>, {}, {}, PanelHeaderProps<any> & {}, import('vue').PublicProps>;
+export default PanelHeader;