@v-c/picker 0.0.1

package/dist/PickerInput/RangePicker.js

@@ -0,0 +1,1901 @@
+import useSemantic from "../hooks/useSemantic.js";
+import { providePickerContext } from "./context.js";
+import PickerTrigger_default from "../PickerTrigger/index.js";
+import { fillIndex, getFromDate, toArray } from "../utils/miscUtil.js";
+import { pickTriggerProps } from "../PickerTrigger/util.js";
+import useCellRender from "./hooks/useCellRender.js";
+import useFieldsInvalidate from "./hooks/useFieldsInvalidate.js";
+import useFilledProps from "./hooks/useFilledProps.js";
+import useOpen from "./hooks/useOpen.js";
+import usePresets from "./hooks/usePresets.js";
+import useRangeActive from "./hooks/useRangeActive.js";
+import useRangeDisabledDate from "./hooks/useRangeDisabledDate.js";
+import useRangePickerValue from "./hooks/useRangePickerValue.js";
+import useRangeValue, { useInnerValue } from "./hooks/useRangeValue.js";
+import useShowNow from "./hooks/useShowNow.js";
+import Popup_default from "./Popup/index.js";
+import RangeSelector_default from "./Selector/RangeSelector.js";
+import { computed, createVNode, defineComponent, mergeProps, ref, shallowRef, watch } from "vue";
+import { clsx } from "@v-c/util";
+import omit$1 from "@v-c/util/dist/omit";
+import pickAttrs from "@v-c/util/dist/pickAttrs";
+import warning$1 from "@v-c/util/dist/warning";
+function separateConfig(config, defaultConfig) {
+	const singleConfig = config ?? defaultConfig;
+	if (Array.isArray(singleConfig)) return singleConfig;
+	return [singleConfig, singleConfig];
+}
+function getActiveRange(activeIndex) {
+	return activeIndex === 1 ? "end" : "start";
+}
+var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] = useFilledProps(computed(() => props), () => {
+		const { disabled: disabled$1, allowEmpty: allowEmpty$1 } = props;
+		return {
+			disabled: separateConfig(disabled$1, false),
+			allowEmpty: separateConfig(allowEmpty$1, false)
+		};
+	});
+	const fp = computed(() => filledProps.value);
+	const prefixCls = computed(() => fp.value.prefixCls);
+	const rootClassName = computed(() => fp.value.rootClassName);
+	const styles = computed(() => fp.value.styles);
+	const classNames = computed(() => fp.value.classNames);
+	const previewValue = computed(() => fp.value.previewValue);
+	const defaultValue = computed(() => fp.value.defaultValue);
+	const value = computed(() => fp.value.value);
+	const needConfirm = computed(() => fp.value.needConfirm);
+	const onKeyDown = computed(() => fp.value.onKeyDown);
+	const disabled = computed(() => fp.value.disabled);
+	const allowEmpty = computed(() => fp.value.allowEmpty);
+	const disabledDate = computed(() => fp.value.disabledDate);
+	const minDate = computed(() => fp.value.minDate);
+	const maxDate = computed(() => fp.value.maxDate);
+	const defaultOpen = computed(() => fp.value.defaultOpen);
+	const open = computed(() => fp.value.open);
+	const onOpenChange = computed(() => fp.value.onOpenChange);
+	const locale = computed(() => fp.value.locale);
+	const generateConfig = computed(() => fp.value.generateConfig);
+	const picker = computed(() => fp.value.picker);
+	const showNow = computed(() => fp.value.showNow);
+	const showToday = computed(() => fp.value.showToday);
+	const showTime = computed(() => fp.value.showTime);
+	const mode = computed(() => fp.value.mode);
+	const onPanelChange = computed(() => fp.value.onPanelChange);
+	const onCalendarChange = computed(() => fp.value.onCalendarChange);
+	const onOk = computed(() => fp.value.onOk);
+	const defaultPickerValue = computed(() => fp.value.defaultPickerValue);
+	const pickerValue = computed(() => fp.value.pickerValue);
+	const onPickerValueChange = computed(() => fp.value.onPickerValueChange);
+	const inputReadOnly = computed(() => fp.value.inputReadOnly);
+	const suffixIcon = computed(() => fp.value.suffixIcon);
+	const onFocus = computed(() => fp.value.onFocus);
+	const onBlur = computed(() => fp.value.onBlur);
+	const presets = computed(() => fp.value.presets);
+	const ranges = computed(() => props.ranges);
+	const components = computed(() => fp.value.components);
+	const cellRender = computed(() => fp.value.cellRender);
+	const dateRender = computed(() => fp.value.dateRender);
+	const monthCellRender = computed(() => fp.value.monthCellRender);
+	const onClick = computed(() => fp.value.onClick);
+	const selectorRef = shallowRef();
+	expose({
+		nativeElement: computed(() => selectorRef.value?.nativeElement),
+		focus: (options) => {
+			selectorRef.value?.focus(options);
+		},
+		blur: () => {
+			selectorRef.value?.blur();
+		}
+	});
+	const semantic = useSemantic(classNames, styles);
+	const [mergedOpen, setMergeOpen] = useOpen(open, defaultOpen, disabled, (open$1) => {
+		onOpenChange.value?.(open$1);
+	});
+	const triggerOpen = (nextOpen, config) => {
+		if (disabled.value.some((fieldDisabled) => !fieldDisabled) || !nextOpen) setMergeOpen(nextOpen, config);
+	};
+	const onInternalCalendarChange = (dates, dateStrings, info) => {
+		if (onCalendarChange.value) onCalendarChange.value(dates, dateStrings, info);
+	};
+	const onInternalOk = (dates) => {
+		onOk.value?.(dates);
+	};
+	const [mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, triggerOk] = useInnerValue(generateConfig, locale, formatList, ref(true), ref(false), defaultValue, value, onInternalCalendarChange, onInternalOk);
+	const calendarValue = computed(() => getCalendarValue.value);
+	const [focused, triggerFocus, lastOperation, activeIndex, setActiveIndex, nextActiveIndex, activeIndexList, updateSubmitIndex, hasActiveSubmitValue] = useRangeActive(disabled, allowEmpty, mergedOpen);
+	const onSharedFocus = (event, index) => {
+		triggerFocus(true);
+		onFocus.value?.(event, { range: getActiveRange(index ?? activeIndex.value) });
+	};
+	const onSharedBlur = (event, index) => {
+		triggerFocus(false);
+		onBlur.value?.(event, { range: getActiveRange(index ?? activeIndex.value) });
+	};
+	const mergedShowTime = computed(() => {
+		if (!showTime.value) return null;
+		const { disabledTime } = showTime.value;
+		const proxyDisabledTime = disabledTime ? (date) => {
+			return disabledTime(date, getActiveRange(activeIndex.value), { from: getFromDate(calendarValue.value, activeIndexList.value, activeIndex.value) });
+		} : void 0;
+		return {
+			...showTime.value,
+			disabledTime: proxyDisabledTime
+		};
+	});
+	const internalModes = ref([picker.value, picker.value]);
+	const modes = computed(() => mode.value ? mode.value : internalModes.value);
+	const setModes = (val) => {
+		if (mode.value === void 0) internalModes.value = val;
+	};
+	const mergedMode = computed(() => modes.value[activeIndex.value] || picker.value);
+	const internalMode = computed(() => mergedMode.value === "date" && mergedShowTime.value ? "datetime" : mergedMode.value);
+	const multiplePanel = computed(() => internalMode.value === picker.value && internalMode.value !== "time");
+	const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday, ref(true));
+	const [flushSubmit, triggerSubmitChange] = useRangeValue(fp, mergedValue, setInnerValue, () => getCalendarValue.value, triggerCalendarChange, disabled, formatList, focused, mergedOpen, isInvalidateDate);
+	const mergedDisabledDate = useRangeDisabledDate(calendarValue, disabled, activeIndexList, generateConfig, locale, disabledDate);
+	const [submitInvalidates, onSelectorInvalid] = useFieldsInvalidate(calendarValue, isInvalidateDate, allowEmpty);
+	const [currentPickerValue, setCurrentPickerValue] = useRangePickerValue(generateConfig, locale, calendarValue, modes, mergedOpen, activeIndex, internalPicker, multiplePanel, defaultPickerValue, pickerValue, computed(() => mergedShowTime.value?.defaultOpenValue), onPickerValueChange, minDate, maxDate);
+	const triggerModeChange = (nextPickerValue, nextMode, triggerEvent) => {
+		const clone = fillIndex(modes.value, activeIndex.value, nextMode);
+		if (clone[0] !== modes.value[0] || clone[1] !== modes.value[1]) setModes(clone);
+		if (onPanelChange.value && triggerEvent !== false) {
+			const clonePickerValue = [...calendarValue.value];
+			if (nextPickerValue) clonePickerValue[activeIndex.value] = nextPickerValue;
+			onPanelChange.value(clonePickerValue, clone);
+		}
+	};
+	const fillCalendarValue = (date, index) => fillIndex(calendarValue.value, index, date);
+	const triggerPartConfirm = (date, skipFocus) => {
+		let nextValue = calendarValue.value;
+		if (date) nextValue = fillCalendarValue(date, activeIndex.value);
+		updateSubmitIndex(activeIndex.value);
+		const nextIndex = nextActiveIndex(nextValue);
+		triggerCalendarChange(nextValue);
+		flushSubmit(activeIndex.value, nextIndex === null);
+		if (nextIndex === null) triggerOpen(false, { force: true });
+		else if (!skipFocus) selectorRef.value?.focus({ index: nextIndex });
+	};
+	const onSelectorClick = (event) => {
+		const rootNode = event.target.getRootNode();
+		console.log(rootNode);
+		if (!selectorRef.value?.nativeElement?.contains(rootNode.activeElement ?? document.activeElement)) {
+			const enabledIndex = disabled.value.findIndex((d) => !d);
+			if (enabledIndex >= 0) selectorRef.value?.focus({ index: enabledIndex });
+		}
+		triggerOpen(true);
+		onClick.value?.(event);
+	};
+	const onSelectorClear = () => {
+		triggerSubmitChange(null);
+		triggerOpen(false, { force: true });
+	};
+	const hoverSource = ref(null);
+	const internalHoverValues = ref(null);
+	const hoverValues = computed(() => {
+		return internalHoverValues.value || calendarValue.value;
+	});
+	watch(mergedOpen, () => {
+		if (!mergedOpen.value) internalHoverValues.value = null;
+	});
+	const activeInfo = ref([
+		0,
+		0,
+		0
+	]);
+	const onSetHover = (date, source) => {
+		if (previewValue.value !== "hover") return;
+		internalHoverValues.value = date;
+		hoverSource.value = source;
+	};
+	const presetList = usePresets(presets, ranges);
+	const onPresetHover = (nextValues) => {
+		onSetHover(nextValues, "preset");
+	};
+	const onPresetSubmit = (nextValues) => {
+		if (triggerSubmitChange(nextValues)) triggerOpen(false, { force: true });
+	};
+	const onNow = (now) => {
+		triggerPartConfirm(now);
+	};
+	const onPanelHover = (date) => {
+		onSetHover(date ? fillCalendarValue(date, activeIndex.value) : null, "cell");
+	};
+	const onPanelFocus = (event) => {
+		triggerOpen(true);
+		onSharedFocus(event);
+	};
+	const onPanelMouseDown = () => {
+		lastOperation("panel");
+	};
+	const onSelectorChange = (date, index) => {
+		triggerCalendarChange(fillCalendarValue(date, index));
+	};
+	const onSelectorInputChange = () => {
+		lastOperation("input");
+	};
+	const onSelectorBlur = (event, index) => {
+		triggerOpen(false);
+		if (!needConfirm.value && lastOperation() === "input") {
+			const nextIndex = nextActiveIndex(calendarValue.value);
+			flushSubmit(activeIndex.value, nextIndex === null);
+		}
+		onSharedBlur(event, index);
+	};
+	const onSelectorKeyDown = (event, preventDefault) => {
+		if (event.key === "Tab") triggerPartConfirm(null, true);
+		onKeyDown.value?.(event, preventDefault);
+	};
+	const onPanelSelect = (date) => {
+		triggerCalendarChange(fillIndex(calendarValue.value, activeIndex.value, date));
+		if (!needConfirm.value && !complexPicker.value && internalPicker.value === internalMode.value) triggerPartConfirm(date);
+	};
+	const onPopupClose = () => {
+		triggerOpen(false);
+	};
+	const onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender, computed(() => getActiveRange(activeIndex.value)));
+	const panelValue = computed(() => calendarValue.value[activeIndex.value] || null);
+	const isPopupInvalidateDate = (date) => {
+		return isInvalidateDate(date, { activeIndex: activeIndex.value });
+	};
+	const panelProps = computed(() => {
+		const domProps = pickAttrs(fp.value, false);
+		return omit$1(fp.value, [
+			...Object.keys(domProps),
+			"onChange",
+			"onCalendarChange",
+			"style",
+			"className",
+			"onPanelChange",
+			"disabledTime",
+			"classNames",
+			"styles"
+		]);
+	});
+	providePickerContext(computed(() => {
+		const [mergedClassNames, mergedStyles] = semantic.value;
+		return {
+			prefixCls: prefixCls.value,
+			locale: locale.value,
+			generateConfig: generateConfig.value,
+			button: components.value?.button,
+			input: components.value?.input,
+			classNames: mergedClassNames,
+			styles: mergedStyles
+		};
+	}));
+	watch([
+		mergedOpen,
+		activeIndex,
+		picker
+	], () => {
+		if (mergedOpen.value && activeIndex.value !== void 0) triggerModeChange(null, picker.value, false);
+	}, { flush: "post" });
+	watch(mergedOpen, () => {
+		const lastOp = lastOperation();
+		if (!mergedOpen.value && lastOp === "input") {
+			triggerOpen(false);
+			triggerPartConfirm(null, true);
+		}
+		if (!mergedOpen.value && complexPicker.value && !needConfirm.value && lastOp === "panel") {
+			triggerOpen(true);
+			triggerPartConfirm();
+		}
+	}, { flush: "post" });
+	const onSelectorFocus = (event, index) => {
+		const activeListLen = activeIndexList.value.length;
+		const lastActiveIndex = activeIndexList.value[activeListLen - 1];
+		if (activeListLen && lastActiveIndex !== index && needConfirm.value && !allowEmpty.value[lastActiveIndex] && !hasActiveSubmitValue(lastActiveIndex) && calendarValue.value[lastActiveIndex]) {
+			selectorRef.value?.focus({ index: lastActiveIndex });
+			return;
+		}
+		lastOperation("input");
+		triggerOpen(true, { inherit: true });
+		if (activeIndex.value !== index && mergedOpen.value && !needConfirm.value && complexPicker.value) triggerPartConfirm(null, true);
+		setActiveIndex(index);
+		onSharedFocus(event, index);
+	};
+	if (process.env.NODE_ENV !== "production") {
+		const isIndexEmpty = (index) => {
+			return !value.value?.[index] && !defaultValue.value?.[index];
+		};
+		if (disabled.value.some((fieldDisabled, index) => fieldDisabled && isIndexEmpty(index) && !allowEmpty.value[index])) warning$1(false, "`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.");
+	}
+	return () => {
+		const [mergedClassNames, mergedStyles] = semantic.value;
+		const rangePickerProps = {
+			...fp.value,
+			class: clsx(fp.value.className, rootClassName.value, mergedClassNames?.root),
+			style: {
+				...mergedStyles?.root,
+				...fp.value.style
+			},
+			suffixIcon: suffixIcon.value,
+			activeIndex: focused.value || mergedOpen.value ? activeIndex.value : null,
+			activeHelp: !!internalHoverValues.value,
+			allHelp: !!internalHoverValues.value && hoverSource.value === "preset",
+			focused: focused.value,
+			onFocus: onSelectorFocus,
+			onBlur: onSelectorBlur,
+			onKeyDown: onSelectorKeyDown,
+			onSubmit: triggerPartConfirm,
+			value: hoverValues.value,
+			maskFormat: maskFormat.value,
+			onChange: onSelectorChange,
+			onInputChange: onSelectorInputChange,
+			format: formatList.value,
+			inputReadOnly: inputReadOnly.value,
+			disabled: disabled.value,
+			open: mergedOpen.value,
+			onOpenChange: triggerOpen,
+			onClick: onSelectorClick,
+			onClear: onSelectorClear,
+			invalid: submitInvalidates.value,
+			onInvalid: onSelectorInvalid,
+			onActiveInfo: (info) => {
+				activeInfo.value = info;
+			}
+		};
+		const panel = createVNode(Popup_default, {
+			...panelProps.value,
+			showNow: mergedShowNow.value,
+			showTime: mergedShowTime.value,
+			range: true,
+			multiplePanel: multiplePanel.value,
+			activeInfo: activeInfo.value,
+			disabledDate: mergedDisabledDate,
+			onFocus: onPanelFocus,
+			onBlur: onSharedBlur,
+			onPanelMouseDown,
+			picker: picker.value,
+			mode: mergedMode.value,
+			internalMode: internalMode.value,
+			onPanelChange: triggerModeChange,
+			format: maskFormat.value,
+			value: panelValue.value,
+			isInvalid: isPopupInvalidateDate,
+			onChange: null,
+			onSelect: onPanelSelect,
+			pickerValue: currentPickerValue.value,
+			defaultOpenValue: toArray(showTime.value?.defaultOpenValue)[activeIndex.value],
+			onPickerValueChange: setCurrentPickerValue,
+			hoverValue: hoverValues.value,
+			onHover: onPanelHover,
+			needConfirm: needConfirm.value,
+			onSubmit: triggerPartConfirm,
+			onOk: triggerOk,
+			presets: presetList.value,
+			onPresetHover,
+			onPresetSubmit,
+			onNow,
+			cellRender: onInternalCellRender,
+			classNames: mergedClassNames,
+			styles: mergedStyles
+		}, null);
+		return createVNode(PickerTrigger_default, mergeProps(pickTriggerProps(fp.value), {
+			"popupElement": panel,
+			"popupStyle": mergedStyles?.popup?.root,
+			"popupClassName": clsx(rootClassName.value, mergedClassNames?.popup?.root),
+			"visible": mergedOpen.value,
+			"onClose": onPopupClose,
+			"range": true
+		}), { default: () => [createVNode(RangeSelector_default, mergeProps(rangePickerProps, { "ref": selectorRef }), null)] });
+	};
+}, {
+	props: {
+		id: {
+			type: [String, Object],
+			required: false,
+			default: void 0
+		},
+		separator: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		value: {
+			type: [Array, null],
+			required: false,
+			default: void 0
+		},
+		defaultValue: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCalendarChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onOk: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		placeholder: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		defaultPickerValue: {
+			required: false,
+			default: void 0
+		},
+		pickerValue: {
+			required: false,
+			default: void 0
+		},
+		onPickerValueChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		presets: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		ranges: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: [Boolean, Array],
+			required: false,
+			default: void 0
+		},
+		allowEmpty: {
+			type: [Boolean, Array],
+			required: false,
+			default: void 0
+		},
+		showTime: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		mode: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onPanelChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		rootClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: true,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: true,
+			default: void 0
+		},
+		picker: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		showWeek: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		format: {
+			type: [
+				String,
+				Function,
+				Array,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		prefix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		suffixIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		allowClear: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		clearIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		onFocus: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onBlur: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onKeyDown: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		inputReadOnly: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		order: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		minDate: {
+			required: false,
+			default: void 0
+		},
+		maxDate: {
+			required: false,
+			default: void 0
+		},
+		defaultOpenValue: {
+			required: false,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		popupAlign: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		builtinPlacements: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		needConfirm: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		changeOnBlur: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		preserveInvalidOnBlur: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		previewValue: {
+			type: [Boolean, String],
+			required: false,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		inputRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		cellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		dateRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		monthCellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showNow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showToday: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		panelRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		renderExtraFooter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		innerHTML: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		class: {
+			required: false,
+			default: void 0
+		},
+		accesskey: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		contenteditable: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		contextmenu: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		dir: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		draggable: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		enterkeyhint: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		enterKeyHint: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		hidden: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		inert: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		lang: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		spellcheck: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		tabindex: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		translate: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		radiogroup: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		role: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		about: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		datatype: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		inlist: {
+			required: false,
+			default: void 0
+		},
+		property: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		resource: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		typeof: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		vocab: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		autocapitalize: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		autocorrect: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		autosave: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		color: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		itemprop: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		itemscope: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		itemtype: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		itemid: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		itemref: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		results: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		security: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		unselectable: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		inputmode: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		is: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		exportparts: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		part: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		"aria-activedescendant": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-atomic": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-autocomplete": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-busy": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-checked": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-colcount": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-colindex": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-colspan": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-controls": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-current": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-describedby": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-details": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-disabled": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-dropeffect": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-errormessage": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-expanded": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-flowto": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-grabbed": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-haspopup": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-hidden": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-invalid": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-keyshortcuts": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-label": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-labelledby": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-level": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-live": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-modal": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-multiline": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-multiselectable": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-orientation": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-owns": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-placeholder": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-posinset": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-pressed": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-readonly": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-relevant": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-required": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-roledescription": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-rowcount": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-rowindex": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-rowspan": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-selected": {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-setsize": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-sort": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		"aria-valuemax": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-valuemin": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-valuenow": {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		"aria-valuetext": {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		onCopy: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCut: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPaste: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCompositionend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCompositionstart: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCompositionupdate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDrag: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDragend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDragenter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDragexit: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDragleave: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDragover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDragstart: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDrop: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFocusin: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFocusout: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onBeforeinput: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFormdata: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onInput: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onReset: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onSubmit: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFullscreenchange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onFullscreenerror: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onLoad: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onError: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onKeydown: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onKeypress: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onKeyup: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDblclick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMousedown: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMouseenter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMouseleave: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMousemove: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMouseout: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMouseover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onMouseup: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onAbort: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCanplay: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onCanplaythrough: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onDurationchange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onEmptied: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onEncrypted: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onEnded: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onLoadeddata: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onLoadedmetadata: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onLoadstart: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPause: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPlay: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPlaying: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onProgress: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onRatechange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onSeeked: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onSeeking: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onStalled: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onSuspend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTimeupdate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onVolumechange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onWaiting: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onScroll: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onScrollend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTouchcancel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTouchend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTouchmove: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTouchstart: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onAuxclick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onContextmenu: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onGotpointercapture: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onLostpointercapture: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointerdown: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointermove: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointerup: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointercancel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointerenter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointerleave: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointerover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPointerout: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onBeforetoggle: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onToggle: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onWheel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onAnimationcancel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onAnimationstart: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onAnimationend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onAnimationiteration: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onSecuritypolicyviolation: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTransitioncancel: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTransitionend: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTransitionrun: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onTransitionstart: {
+			type: Function,
+			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
+		},
+		showHour: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showMinute: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showSecond: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showMillisecond: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		use12Hours: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		hourStep: {
+			required: false,
+			default: void 0
+		},
+		minuteStep: {
+			required: false,
+			default: void 0
+		},
+		secondStep: {
+			required: false,
+			default: void 0
+		},
+		millisecondStep: {
+			required: false,
+			default: void 0
+		},
+		hideDisabledOptions: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledHours: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		disabledMinutes: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		disabledSeconds: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		changeOnScroll: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledTime: {
+			type: Function,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "RangePicker",
+	inheritAttrs: false
+});
+export { RangePicker_default as default };