@v-c/picker 1.0.4 → 1.1.0-rc.1

package/dist/PickerPanel/YearPanel/index.js

@@ -1,12 +1,13 @@
 import { formatValue, isInRange, isSameYear } from "../../utils/dateUtil.js";
 import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
-import PanelBody_default from "../PanelBody.js";
-import PanelHeader_default from "../PanelHeader.js";
+import PanelBody from "../PanelBody.js";
+import PanelHeader from "../PanelHeader.js";
 import { computed, createTextVNode, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+//#region src/PickerPanel/YearPanel/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
+var YearPanel = /* @__PURE__ */ defineComponent((props) => {
 	const sharedContext = useSharedPanelContext();
 	providePanelContext(computed(() => {
 		const [info] = useInfo(props, "year", sharedContext);
@@ -70,12 +71,12 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 				generateConfig
 			})
 		]);
-		return createVNode("div", { "class": panelPrefixCls }, [createVNode(PanelHeader_default, {
+		return createVNode("div", { "class": panelPrefixCls }, [createVNode(PanelHeader, {
 			"superOffset": (distance, date) => generateConfig.addYear(date, distance * 10),
 			"onChange": onPickerValueChange,
 			"getStart": getStartYear,
 			"getEnd": getEndYear
-		}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(PanelBody_default, mergeProps(props, {
+		}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(PanelBody, mergeProps(props, {
 			"disabledDate": mergedDisabledDate,
 			"titleFormat": locale.fieldYearFormat,
 			"colNum": 3,
@@ -90,8 +91,7 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		prefixCls: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		locale: {
 			type: Object,
@@ -103,14 +103,10 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
-		pickerValue: {
-			required: true,
-			default: void 0
-		},
+		pickerValue: { required: true },
 		onPickerValueChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		value: {
 			required: false,
@@ -118,8 +114,7 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onSelect: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		values: {
 			type: Array,
@@ -128,8 +123,7 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onModeChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		disabledDate: {
 			type: Function,
@@ -151,8 +145,7 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		hoverRangeValue: {
 			type: [Array, null],
-			required: true,
-			default: void 0
+			required: true
 		},
 		hoverValue: {
 			type: [Array, null],
@@ -230,4 +223,5 @@ var YearPanel_default = /* @__PURE__ */ defineComponent((props) => {
 	name: "YearPanel",
 	inheritAttrs: false
 });
-export { YearPanel_default as default };
+//#endregion
+export { YearPanel as default };

package/dist/PickerPanel/context.js

@@ -1,4 +1,5 @@
 import { inject, provide } from "vue";
+//#region src/PickerPanel/context.ts
 var SharedPanelContextKey = Symbol("SharedPanelContext");
 function provideSharedPanelContext(context) {
 	provide(SharedPanelContextKey, context);
@@ -50,4 +51,5 @@ function providePickerHackContext(context) {
 function usePickerHackContext() {
 	return inject(PickerHackContextKey, null);
 }
+//#endregion
 export { providePanelContext, providePickerHackContext, provideSharedPanelContext, useInfo, usePanelContext, usePickerHackContext, useSharedPanelContext };

package/dist/PickerPanel/index.js

@@ -1,38 +1,39 @@
 import { usePickerContext } from "../PickerInput/context.js";
 import { pickProps, toArray } from "../utils/miscUtil.js";
 import useCellRender from "../PickerInput/hooks/useCellRender.js";
-import en_US_default from "../locale/en_US.js";
+import locale from "../locale/en_US.js";
 import useLocale from "../hooks/useLocale.js";
 import { fillShowTimeConfig, getTimeProps } from "../hooks/useTimeConfig.js";
 import { isSame } from "../utils/dateUtil.js";
 import useToggleDates from "../hooks/useToggleDates.js";
 import { providePickerHackContext, provideSharedPanelContext, usePickerHackContext } from "./context.js";
-import DatePanel_default from "./DatePanel/index.js";
-import TimePanel_default from "./TimePanel/index.js";
-import DateTimePanel_default from "./DateTimePanel/index.js";
-import DecadePanel_default from "./DecadePanel/index.js";
-import MonthPanel_default from "./MonthPanel/index.js";
-import QuarterPanel_default from "./QuarterPanel/index.js";
-import WeekPanel_default from "./WeekPanel/index.js";
-import YearPanel_default from "./YearPanel/index.js";
+import DatePanel from "./DatePanel/index.js";
+import TimePanel from "./TimePanel/index.js";
+import DateTimePanel from "./DateTimePanel/index.js";
+import DecadePanel from "./DecadePanel/index.js";
+import MonthPanel from "./MonthPanel/index.js";
+import QuarterPanel from "./QuarterPanel/index.js";
+import WeekPanel from "./WeekPanel/index.js";
+import YearPanel from "./YearPanel/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, toRef, watch } from "vue";
 import { clsx, warning } from "@v-c/util";
+//#region src/PickerPanel/index.tsx
 var DefaultComponents = {
-	date: DatePanel_default,
-	datetime: DateTimePanel_default,
-	week: WeekPanel_default,
-	month: MonthPanel_default,
-	quarter: QuarterPanel_default,
-	year: YearPanel_default,
-	decade: DecadePanel_default,
-	time: TimePanel_default
+	date: DatePanel,
+	datetime: DateTimePanel,
+	week: WeekPanel,
+	month: MonthPanel,
+	quarter: QuarterPanel,
+	year: YearPanel,
+	decade: DecadePanel,
+	time: TimePanel
 };
-var PickerPanel_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+var PickerPanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const pickerContext = usePickerContext();
 	const rootRef = ref();
 	const mergedPrefixCls = computed(() => pickerContext.value.prefixCls || props.prefixCls || "vc-picker");
 	const mergedGenerateConfig = computed(() => props.generateConfig || pickerContext.value.generateConfig);
-	const mergedLocale = computed(() => props.locale || pickerContext.value.locale || en_US_default);
+	const mergedLocale = computed(() => props.locale || pickerContext.value.locale || locale);
 	const timePropsInfo = computed(() => getTimeProps({
 		...props,
 		locale: mergedLocale.value,
@@ -132,7 +133,7 @@ var PickerPanel_default = /* @__PURE__ */ defineComponent((props, { attrs }) =>
 	})));
 	if (process.env.NODE_ENV !== "production") warning(!mergedValue.value || mergedValue.value.every((val) => mergedGenerateConfig.value.isValidate(val)), "Invalidate date pass to `value` or `defaultValue`.");
 	return () => {
-		const PanelComponent = props.components?.[internalMode.value] || DefaultComponents[internalMode.value] || DatePanel_default;
+		const PanelComponent = props.components?.[internalMode.value] || DefaultComponents[internalMode.value] || DatePanel;
 		const panelCls = `${mergedPrefixCls.value}-panel`;
 		const panelProps = pickProps(props, [
 			"showWeek",
@@ -464,4 +465,5 @@ var PickerPanel_default = /* @__PURE__ */ defineComponent((props, { attrs }) =>
 	name: "PickerPanel",
 	inheritAttrs: false
 });
-export { PickerPanel_default as default };
+//#endregion
+export { PickerPanel as default };

package/dist/PickerTrigger/index.js

@@ -3,6 +3,7 @@ import { getRealPlacement } from "../utils/uiUtil.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { clsx } from "@v-c/util";
 import Trigger from "@v-c/trigger";
+//#region src/PickerTrigger/index.tsx
 var BUILT_IN_PLACEMENTS = {
 	bottomLeft: {
 		points: ["tl", "bl"],
@@ -37,7 +38,7 @@ var BUILT_IN_PLACEMENTS = {
 		}
 	}
 };
-var PickerTrigger_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
+var PickerTrigger = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const ctx = usePickerContext();
 	const dropdownPrefixCls = computed(() => `${ctx.value.prefixCls}-dropdown`);
 	const realPlacement = computed(() => getRealPlacement(props.placement, props.direction === "rtl"));
@@ -129,4 +130,5 @@ var PickerTrigger_default = /* @__PURE__ */ defineComponent((props, { slots }) =
 	name: "PickerTrigger",
 	inheritAttrs: false
 });
-export { PickerTrigger_default as default };
+//#endregion
+export { PickerTrigger as default };

package/dist/PickerTrigger/util.js

@@ -1,4 +1,5 @@
 import { pickProps } from "../utils/miscUtil.js";
+//#region src/PickerTrigger/util.ts
 function pickTriggerProps(props) {
 	return pickProps(props, [
 		"placement",
@@ -9,4 +10,5 @@ function pickTriggerProps(props) {
 		"direction"
 	]);
 }
+//#endregion
 export { pickTriggerProps };

package/dist/generate/dateFns.js

@@ -1,21 +1,33 @@
 import { addDays, addMonths, addYears, endOfMonth, format, getDate, getDay, getHours, getMilliseconds, getMinutes, getMonth, getSeconds, getWeek, getYear, isAfter, isValid, parse, setDate, setHours, setMilliseconds, setMinutes, setMonth, setSeconds, setYear, startOfWeek } from "date-fns";
 import * as locales from "date-fns/locale";
+//#region src/generate/dateFns.ts
 function getLocale(locale) {
 	const tmpLocales = locales;
 	return tmpLocales[locale] || tmpLocales[locale.replace(/_/g, "")] || tmpLocales[locale.replace(/_.*$/g, "")];
 }
-function localeParse(format$1) {
-	return format$1.replace(/Y/g, "y").replace(/D/g, "d").replace(/gggg/, "yyyy").replace(/g/g, "G").replace(/([Ww])o/g, "wo");
+function localeParse(format) {
+	return format.replace(/Y/g, "y").replace(/D/g, "d").replace(/gggg/, "yyyy").replace(/g/g, "G").replace(/([Ww])o/g, "wo");
 }
-function parse$1(text, format$1, locale) {
-	return parse(text, localeParse(format$1), /* @__PURE__ */ new Date(), { locale: getLocale(locale) });
+function parse$1(text, format, locale) {
+	return parse(text, localeParse(format), /* @__PURE__ */ new Date(), { locale: getLocale(locale) });
 }
+/**
+* Check if the text is a valid date considering the format and locale
+*
+* This is a strict check, the date string must match the format exactly.
+* Date-fns allows some flexibility in parsing dates, for example, it will parse "30/01/2" as "30/01/002".
+* This behavior is not desirable in our case, so we need to check if the date string matches the format exactly.
+*
+* @param text the date string
+* @param format the date format to use
+* @param locale the locale to use
+*/
 function isStrictValidDate(text, format$1, locale) {
 	const date = parse$1(text, format$1, locale);
 	if (!isValid(date)) return false;
 	return text === format(date, format$1, { locale: getLocale(locale) });
 }
-var dateFns_default = {
+var generateConfig = {
 	getNow: () => /* @__PURE__ */ new Date(),
 	getFixedDate: (string) => new Date(string),
 	getEndDate: (date) => endOfMonth(date),
@@ -57,17 +69,18 @@ var dateFns_default = {
 			const clone = getLocale(locale);
 			return Array.from({ length: 12 }).map((_, i) => clone.localize.month(i, { width: "abbreviated" }));
 		},
-		format: (locale, date, format$1) => {
+		format: (locale, date, format$2) => {
 			if (!isValid(date)) return null;
-			return format(date, localeParse(format$1), { locale: getLocale(locale) });
+			return format(date, localeParse(format$2), { locale: getLocale(locale) });
 		},
 		parse: (locale, text, formats) => {
 			for (let i = 0; i < formats.length; i += 1) {
-				const format$1 = localeParse(formats[i]);
-				if (isStrictValidDate(text, format$1, locale)) return parse$1(text, format$1, locale);
+				const format = localeParse(formats[i]);
+				if (isStrictValidDate(text, format, locale)) return parse$1(text, format, locale);
 			}
 			return null;
 		}
 	}
 };
-export { dateFns_default as default };
+//#endregion
+export { generateConfig as default };

package/dist/generate/dayjs.js

@@ -5,6 +5,7 @@ import localeData from "dayjs/plugin/localeData";
 import weekday from "dayjs/plugin/weekday";
 import weekOfYear from "dayjs/plugin/weekOfYear";
 import weekYear from "dayjs/plugin/weekYear";
+//#region src/generate/dayjs.ts
 dayjs.extend(customParseFormat);
 dayjs.extend(advancedFormat);
 dayjs.extend(weekday);
@@ -39,7 +40,7 @@ function parseLocale(locale) {
 }
 /* istanbul ignore next */
 function parseNoMatchNotice() {}
-var dayjs_default = {
+var generateConfig = {
 	getNow: () => {
 		const now = dayjs();
 		if ("tz" in now && typeof now.tz === "function") return now.tz();
@@ -101,4 +102,5 @@ var dayjs_default = {
 		}
 	}
 };
-export { dayjs_default as default };
+//#endregion
+export { generateConfig as default };

package/dist/generate/luxon.js

@@ -1,4 +1,5 @@
 import { DateTime, Info } from "luxon";
+//#region src/generate/luxon.ts
 var weekDayFormatMap = {
 	zh_CN: "narrow",
 	zh_TW: "narrow"
@@ -7,17 +8,42 @@ var weekDayLengthMap = {
 	en_US: 2,
 	en_GB: 2
 };
+/**
+* Normalizes part of a moment format string that should
+* not be escaped to a luxon compatible format string.
+*
+* @param part string
+* @returns string
+*/
 function normalizeFormatPart(part) {
 	return part.replace(/Y/g, "y").replace(/D/g, "d").replace(/gg/g, "kk").replace(/Q/g, "q").replace(/([Ww])o/g, "WW").replace(/A/g, "a");
 }
+/**
+* Normalizes a moment compatible format string to a luxon compatible format string
+*
+* @param format string
+* @returns string
+*/
 function normalizeFormat(format) {
 	return format.split(/[[\]]/).map((part, index) => {
 		return index % 2 > 0 ? part : normalizeFormatPart(part);
 	}).join("'");
 }
+/**
+* Normalizes language tags used to luxon compatible
+* language tags by replacing underscores with hyphen-minus.
+*
+* @param locale string
+* @returns string
+*/
 var normalizeLocale = (locale) => locale.replace(/_/g, "-");
-var luxon_default = {
+var generateConfig = {
 	getNow: () => {
+		/**
+		* The current time that can respond to tz settings is required. like `dayjs().tz()`.
+		* @see: https://github.com/ant-design/ant-design/issues/51282
+		*       https://github.com/react-component/picker/pull/878
+		*/
 		return DateTime.now();
 	},
 	getFixedDate: (string) => DateTime.fromFormat(string, "yyyy-MM-dd"),
@@ -66,4 +92,5 @@ var luxon_default = {
 		}
 	}
 };
-export { luxon_default as default };
+//#endregion
+export { generateConfig as default };

package/dist/generate/moment.js

@@ -1,6 +1,7 @@
 import { noteOnce } from "@v-c/util/dist/warning";
 import moment from "moment";
-var moment_default = {
+//#region src/generate/moment.ts
+var generateConfig = {
 	getNow: () => moment(),
 	getFixedDate: (string) => moment(string, "YYYY-MM-DD"),
 	getEndDate: (date) => {
@@ -97,4 +98,5 @@ var moment_default = {
 		}
 	}
 };
-export { moment_default as default };
+//#endregion
+export { generateConfig as default };

package/dist/hooks/useLocale.js

@@ -1,5 +1,6 @@
-import en_US_default from "../locale/en_US.js";
+import locale from "../locale/en_US.js";
 import { computed } from "vue";
+//#region src/hooks/useLocale.ts
 function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem) {
 	let timeFormat = "";
 	const cells = [];
@@ -11,8 +12,11 @@ function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showM
 	if (showMeridiem) timeFormat += " A";
 	return timeFormat;
 }
-function fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
-	const mergedLocale = locale || en_US_default || {};
+/**
+* Used for `useFilledProps` since it already in the React.useMemo
+*/
+function fillLocale(locale$1, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
+	const mergedLocale = locale$1 || locale || {};
 	const { fieldDateTimeFormat, fieldDateFormat, fieldTimeFormat, fieldMonthFormat, fieldYearFormat, fieldWeekFormat, fieldQuarterFormat, yearFormat, cellYearFormat, cellQuarterFormat, dayFormat, cellDateFormat } = mergedLocale;
 	const timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);
 	return {
@@ -36,4 +40,5 @@ function useLocale(locale, showProps) {
 		return fillLocale(locale.value, showHour, showMinute, showSecond, showMillisecond, use12Hours);
 	});
 }
+//#endregion
 export { useLocale as default, fillTimeFormat };

package/dist/hooks/useSemantic.js

@@ -1,4 +1,8 @@
 import { computed } from "vue";
+//#region src/hooks/useSemantic.ts
+/**
+* Convert `classNames` & `styles` to a fully filled object
+*/
 function useSemantic(classNames, styles) {
 	return computed(() => {
 		return [{
@@ -10,4 +14,5 @@ function useSemantic(classNames, styles) {
 		}];
 	});
 }
+//#endregion
 export { useSemantic as default };

package/dist/hooks/useSyncState.js

@@ -1,4 +1,10 @@
 import { ref, watch } from "vue";
+//#region src/hooks/useSyncState.ts
+/**
+* Sync value with state.
+* This should only used for internal which not affect outside calculation.
+* Since it's not safe for suspense.
+*/
 function useSyncState(defaultValue, controlledValue) {
 	const valueRef = ref(defaultValue);
 	const getControlledValue = () => {
@@ -21,4 +27,5 @@ function useSyncState(defaultValue, controlledValue) {
 		valueRef
 	];
 }
+//#endregion
 export { useSyncState as default };

package/dist/hooks/useTimeConfig.js

@@ -1,5 +1,6 @@
 import { getRowFormat, pickProps, toArray } from "../utils/miscUtil.js";
 import { fillTimeFormat } from "./useLocale.js";
+//#region src/hooks/useTimeConfig.ts
 function checkShow(format, keywords, show) {
 	return show ?? keywords.some((keyword) => format.includes(keyword));
 }
@@ -24,6 +25,9 @@ var showTimeKeys = [
 	"changeOnScroll",
 	"defaultOpenValue"
 ];
+/**
+* Get SharedTimeProps from props.
+*/
 function pickTimeProps(props) {
 	const timeProps = pickProps(props, showTimeKeys);
 	const { format, picker } = props;
@@ -39,6 +43,7 @@ function pickTimeProps(props) {
 function isStringFormat(format) {
 	return format && typeof format === "string";
 }
+/** Check if all the showXXX is `undefined` */
 function existShowConfig(showHour, showMinute, showSecond, showMillisecond) {
 	return [
 		showHour,
@@ -47,6 +52,7 @@ function existShowConfig(showHour, showMinute, showSecond, showMillisecond) {
 		showMillisecond
 	].some((show) => show !== void 0);
 }
+/** Fill the showXXX if needed */
 function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond) {
 	let parsedShowHour = showHour;
 	let parsedShowMinute = showMinute;
@@ -78,6 +84,10 @@ function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMil
 		showMillisecond
 	];
 }
+/**
+* Get `showHour`, `showMinute`, `showSecond` or other from the props.
+* This is pure function, will not get `showXXX` from the `format` prop.
+*/
 function getTimeProps(componentProps) {
 	const { showTime } = componentProps;
 	const [pickedProps, propFormat] = pickTimeProps(componentProps);
@@ -156,4 +166,5 @@ function fillShowTimeConfig(picker, showTimeFormat, propFormat, timeConfig, loca
 	}
 	return null;
 }
+//#endregion
 export { fillShowTimeConfig, getTimeProps };

package/dist/hooks/useTimeInfo.js

@@ -1,6 +1,7 @@
 import { leftPad } from "../utils/miscUtil.js";
 import { computed } from "vue";
 import { warning } from "@v-c/util";
+//#region src/hooks/useTimeInfo.ts
 function emptyDisabled() {
 	return [];
 }
@@ -17,6 +18,9 @@ function generateUnits(start, end, step = 1, hideDisabledOptions = false, disabl
 	}
 	return units;
 }
+/**
+* Parse time props to get util info
+*/
 function useTimeInfo(generateConfig, props, date) {
 	const mergedDate = computed(() => date?.value || generateConfig.value.getNow());
 	if (process.env.NODE_ENV !== "production") {
@@ -41,7 +45,7 @@ function useTimeInfo(generateConfig, props, date) {
 	const getAllUnits = (getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) => {
 		const p = props?.value || {};
 		const hours = generateUnits(0, 23, p.hourStep ?? 1, !!p.hideDisabledOptions, getDisabledHours?.());
-		const rowHourUnits$1 = p.use12Hours ? hours.map((unit) => ({
+		const rowHourUnits = p.use12Hours ? hours.map((unit) => ({
 			...unit,
 			label: leftPad(unit.value % 12 || 12, 2)
 		})) : hours;
@@ -49,7 +53,7 @@ function useTimeInfo(generateConfig, props, date) {
 		const getSecondUnits = (nextHour, nextMinute) => generateUnits(0, 59, p.secondStep ?? 1, !!p.hideDisabledOptions, getDisabledSeconds?.(nextHour, nextMinute));
 		const getMillisecondUnits = (nextHour, nextMinute, nextSecond) => generateUnits(0, 999, p.millisecondStep ?? 100, !!p.hideDisabledOptions, getDisabledMilliseconds?.(nextHour, nextMinute, nextSecond), 3);
 		return [
-			rowHourUnits$1,
+			rowHourUnits,
 			getMinuteUnits,
 			getSecondUnits,
 			getMillisecondUnits
@@ -63,6 +67,9 @@ function useTimeInfo(generateConfig, props, date) {
 	const minuteUnitsGetter = (nextHour) => defaultUnits.value[1](nextHour);
 	const secondUnitsGetter = (nextHour, nextMinute) => defaultUnits.value[2](nextHour, nextMinute);
 	const millisecondUnitsGetter = (nextHour, nextMinute, nextSecond) => defaultUnits.value[3](nextHour, nextMinute, nextSecond);
+	/**
+	* Get validate time with `disabledTime`, `certainDate` to specific the date need to check
+	*/
 	const getValidTime = (nextTime, certainDate) => {
 		let getCheckHourUnits = () => rowHourUnits.value;
 		let getCheckMinuteUnits = minuteUnitsGetter;
@@ -106,4 +113,5 @@ function findValidateTime(nextTime, getHourUnits, getMinuteUnits, getSecondUnits
 	alignValidate("getMillisecond", "setMillisecond", getMillisecondUnits(nextHour, nextMinute, alignValidate("getSecond", "setSecond", getSecondUnits(nextHour, nextMinute))));
 	return nextDate;
 }
+//#endregion
 export { useTimeInfo as default };

package/dist/hooks/useToggleDates.js

@@ -1,4 +1,10 @@
 import { isSame } from "../utils/dateUtil.js";
+//#region src/hooks/useToggleDates.ts
+/**
+* Toggles the presence of a value in an array.
+* If the value exists in the array, removed it.
+* Else add it.
+*/
 function useToggleDates(generateConfig, locale, panelMode) {
 	function toggleDates(list, target) {
 		const index = list.findIndex((date) => isSame(generateConfig.value, locale.value, date, target, panelMode.value));
@@ -9,4 +15,5 @@ function useToggleDates(generateConfig, locale, panelMode) {
 	}
 	return toggleDates;
 }
+//#endregion
 export { useToggleDates as default };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Components, Locale, PickerMode, PickerRef, SharedTimeProps } from './interface';
 import { RangePickerProps, default as RangePicker } from './PickerInput/RangePicker';
-import { BasePickerProps, PickerProps, default as Picker } from './PickerInput/SinglePicker';
+import { BasePickerProps, CustomTagProps, PickerProps, default as Picker } from './PickerInput/SinglePicker';
 import { BasePickerPanelProps, PickerPanelProps, default as PickerPanel } from './PickerPanel';
 export { Picker, PickerPanel, RangePicker };
-export type { BasePickerPanelProps, BasePickerProps, Components, Locale, PickerMode, PickerPanelProps, PickerProps, PickerRef, RangePickerProps, SharedTimeProps, };
+export type { BasePickerPanelProps, BasePickerProps, Components, CustomTagProps, Locale, PickerMode, PickerPanelProps, PickerProps, PickerRef, RangePickerProps, SharedTimeProps, };
 export default Picker;

package/dist/index.js

@@ -1,5 +1,7 @@
-import PickerPanel_default from "./PickerPanel/index.js";
-import RangePicker_default from "./PickerInput/RangePicker.js";
-import SinglePicker_default from "./PickerInput/SinglePicker.js";
-var src_default = SinglePicker_default;
-export { SinglePicker_default as Picker, PickerPanel_default as PickerPanel, RangePicker_default as RangePicker, src_default as default };
+import PickerPanel from "./PickerPanel/index.js";
+import RangePicker from "./PickerInput/RangePicker.js";
+import SinglePicker from "./PickerInput/SinglePicker.js";
+//#region src/index.ts
+var src_default = SinglePicker;
+//#endregion
+export { SinglePicker as Picker, PickerPanel, RangePicker, src_default as default };

package/dist/locale/am_ET.js

@@ -1,4 +1,5 @@
-var am_ET_default = {
+//#region src/locale/am_ET.ts
+var locale = {
 	locale: "am_ET",
 	today: "ዛሬ",
 	now: "አሁን",
@@ -26,4 +27,5 @@ var am_ET_default = {
 	previousCentury: "ያለፈው ክፍለ ዘመን",
 	nextCentury: "ቀጣይ ክፍለ ዘመን"
 };
-export { am_ET_default as default };
+//#endregion
+export { locale as default };

package/dist/locale/ar_EG.js

@@ -1,5 +1,6 @@
 import { commonLocale } from "./common.js";
-var ar_EG_default = {
+//#region src/locale/ar_EG.ts
+var locale = {
 	...commonLocale,
 	locale: "ar_EG",
 	today: "اليوم",
@@ -24,4 +25,5 @@ var ar_EG_default = {
 	previousCentury: "القرن السابق",
 	nextCentury: "القرن التالى"
 };
-export { ar_EG_default as default };
+//#endregion
+export { locale as default };

package/dist/locale/az_AZ.js

@@ -1,5 +1,6 @@
 import { commonLocale } from "./common.js";
-var az_AZ_default = {
+//#region src/locale/az_AZ.ts
+var locale = {
 	...commonLocale,
 	locale: "az_AZ",
 	today: "Bugün",
@@ -25,4 +26,5 @@ var az_AZ_default = {
 	previousCentury: "Sonuncu əsr",
 	nextCentury: "Növbəti əsr"
 };
-export { az_AZ_default as default };
+//#endregion
+export { locale as default };

package/dist/locale/bg_BG.js

@@ -1,5 +1,6 @@
 import { commonLocale } from "./common.js";
-var bg_BG_default = {
+//#region src/locale/bg_BG.ts
+var locale = {
 	...commonLocale,
 	locale: "bg_BG",
 	today: "Днес",
@@ -24,4 +25,5 @@ var bg_BG_default = {
 	previousCentury: "Последен век",
 	nextCentury: "Следващ век"
 };
-export { bg_BG_default as default };
+//#endregion
+export { locale as default };

package/dist/locale/bn_BD.js

@@ -1,5 +1,6 @@
 import { commonLocale } from "./common.js";
-var bn_BD_default = {
+//#region src/locale/bn_BD.ts
+var locale = {
 	...commonLocale,
 	locale: "bn_BD",
 	today: "আজ",
@@ -25,4 +26,5 @@ var bn_BD_default = {
 	previousCentury: "গত শতাব্দী",
 	nextCentury: "পরের শতাব্দী"
 };
-export { bn_BD_default as default };
+//#endregion
+export { locale as default };