@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/useTimeState.mjs

@@ -0,0 +1,200 @@
+import { isNonNullable } from "../../../utils/common.mjs";
+import { formatValue } from "../../../utils/dateUtil.mjs";
+import useTimeInfo from "../../../hooks/useTimeInfo.mjs";
+import { usePanelContext } from "../../context.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/useTimeState.ts
+function isAM(hour) {
+	return hour < 12;
+}
+function useTimeState(props) {
+	const { use12Hours: showMeridiem } = props;
+	const { values, generateConfig, locale, onSelect, onHover = () => {}, pickerValue } = usePanelContext();
+	const value = values?.[0] || null;
+	const [getValidTime, rowHourUnits, getMinuteUnits, getSecondUnits, getMillisecondUnits] = useTimeInfo(generateConfig, props, value);
+	const getUnitValue = (func) => {
+		return [value && generateConfig[func](value), pickerValue && generateConfig[func](pickerValue)];
+	};
+	const [hour, pickerHour] = getUnitValue("getHour");
+	const [minute, pickerMinute] = getUnitValue("getMinute");
+	const [second, pickerSecond] = getUnitValue("getSecond");
+	const [millisecond, pickerMillisecond] = getUnitValue("getMillisecond");
+	const meridiem = hour === null ? null : isAM(hour) ? "am" : "pm";
+	const hourUnits = React$1.useMemo(() => {
+		if (!showMeridiem) return rowHourUnits;
+		return isAM(hour) ? rowHourUnits.filter((h) => isAM(h.value)) : rowHourUnits.filter((h) => !isAM(h.value));
+	}, [
+		hour,
+		rowHourUnits,
+		showMeridiem
+	]);
+	const getEnabled = (units, val) => {
+		const enabledUnit = units.find((unit) => !unit.disabled);
+		return val ?? enabledUnit?.value;
+	};
+	const validHour = getEnabled(rowHourUnits, hour);
+	const minuteUnits = React$1.useMemo(() => getMinuteUnits(validHour), [getMinuteUnits, validHour]);
+	const validMinute = getEnabled(minuteUnits, minute);
+	const secondUnits = React$1.useMemo(() => getSecondUnits(validHour, validMinute), [
+		getSecondUnits,
+		validHour,
+		validMinute
+	]);
+	const validSecond = getEnabled(secondUnits, second);
+	const millisecondUnits = React$1.useMemo(() => getMillisecondUnits(validHour, validMinute, validSecond), [
+		getMillisecondUnits,
+		validHour,
+		validMinute,
+		validSecond
+	]);
+	const validMillisecond = getEnabled(millisecondUnits, millisecond);
+	const meridiemUnits = React$1.useMemo(() => {
+		if (!showMeridiem) return [];
+		const base = generateConfig.getNow();
+		const amDate = generateConfig.setHour(base, 9);
+		const pmDate = generateConfig.setHour(base, 15);
+		const formatMeridiem = (date, defaultLabel) => {
+			const { cellMeridiemFormat } = locale;
+			return cellMeridiemFormat ? formatValue(date, {
+				generateConfig,
+				locale,
+				format: cellMeridiemFormat
+			}) : defaultLabel;
+		};
+		return [{
+			label: formatMeridiem(amDate, "AM"),
+			value: "am",
+			disabled: rowHourUnits.every((h) => h.disabled || !isAM(h.value))
+		}, {
+			label: formatMeridiem(pmDate, "PM"),
+			value: "pm",
+			disabled: rowHourUnits.every((h) => h.disabled || isAM(h.value))
+		}];
+	}, [
+		rowHourUnits,
+		showMeridiem,
+		generateConfig,
+		locale
+	]);
+	/**
+	* Check if time is validate or will match to validate one
+	*/
+	const triggerChange = (nextDate) => {
+		const validateDate = getValidTime(nextDate);
+		onSelect(validateDate);
+	};
+	const triggerDateTmpl = React$1.useMemo(() => {
+		let tmpl = value || pickerValue || generateConfig.getNow();
+		if (isNonNullable(hour)) {
+			tmpl = generateConfig.setHour(tmpl, hour);
+			tmpl = generateConfig.setMinute(tmpl, minute);
+			tmpl = generateConfig.setSecond(tmpl, second);
+			tmpl = generateConfig.setMillisecond(tmpl, millisecond);
+		} else if (isNonNullable(pickerHour)) {
+			tmpl = generateConfig.setHour(tmpl, pickerHour);
+			tmpl = generateConfig.setMinute(tmpl, pickerMinute);
+			tmpl = generateConfig.setSecond(tmpl, pickerSecond);
+			tmpl = generateConfig.setMillisecond(tmpl, pickerMillisecond);
+		} else if (isNonNullable(validHour)) {
+			tmpl = generateConfig.setHour(tmpl, validHour);
+			tmpl = generateConfig.setMinute(tmpl, validMinute);
+			tmpl = generateConfig.setSecond(tmpl, validSecond);
+			tmpl = generateConfig.setMillisecond(tmpl, validMillisecond);
+		}
+		return tmpl;
+	}, [
+		value,
+		pickerValue,
+		hour,
+		minute,
+		second,
+		millisecond,
+		validHour,
+		validMinute,
+		validSecond,
+		validMillisecond,
+		pickerHour,
+		pickerMinute,
+		pickerSecond,
+		pickerMillisecond,
+		generateConfig
+	]);
+	const fillColumnValue = (val, func) => {
+		if (val === null) return null;
+		return generateConfig[func](triggerDateTmpl, val);
+	};
+	const getNextHourTime = (val) => fillColumnValue(val, "setHour");
+	const getNextMinuteTime = (val) => fillColumnValue(val, "setMinute");
+	const getNextSecondTime = (val) => fillColumnValue(val, "setSecond");
+	const getNextMillisecondTime = (val) => fillColumnValue(val, "setMillisecond");
+	const getMeridiemTime = (val) => {
+		if (val === null) return null;
+		if (val === "am" && !isAM(hour)) return generateConfig.setHour(triggerDateTmpl, hour - 12);
+		else if (val === "pm" && isAM(hour)) return generateConfig.setHour(triggerDateTmpl, hour + 12);
+		return triggerDateTmpl;
+	};
+	const onHourChange = (val) => {
+		triggerChange(getNextHourTime(val));
+	};
+	const onMinuteChange = (val) => {
+		triggerChange(getNextMinuteTime(val));
+	};
+	const onSecondChange = (val) => {
+		triggerChange(getNextSecondTime(val));
+	};
+	const onMillisecondChange = (val) => {
+		triggerChange(getNextMillisecondTime(val));
+	};
+	const onMeridiemChange = (val) => {
+		triggerChange(getMeridiemTime(val));
+	};
+	const onHourHover = (val) => {
+		onHover(getNextHourTime(val));
+	};
+	const onMinuteHover = (val) => {
+		onHover(getNextMinuteTime(val));
+	};
+	const onSecondHover = (val) => {
+		onHover(getNextSecondTime(val));
+	};
+	const onMillisecondHover = (val) => {
+		onHover(getNextMillisecondTime(val));
+	};
+	const onMeridiemHover = (val) => {
+		onHover(getMeridiemTime(val));
+	};
+	return {
+		hour,
+		hourUnits,
+		meridiem,
+		meridiemUnits,
+		millisecond,
+		millisecondUnits,
+		minute,
+		minuteUnits,
+		onHourChange,
+		onHourHover,
+		onMeridiemChange,
+		onMeridiemHover,
+		onMillisecondChange,
+		onMillisecondHover,
+		onMinuteChange,
+		onMinuteHover,
+		onSecondChange,
+		onSecondHover,
+		pickerHour,
+		pickerMillisecond,
+		pickerMinute,
+		pickerSecond,
+		rowHourUnits,
+		second,
+		secondUnits,
+		validHour,
+		validMinute,
+		validSecond
+	};
+}
+//#endregion
+export { useTimeState as default, isAM };
+
+//# sourceMappingURL=useTimeState.mjs.map

package/es/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/useTimeState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeState.mjs","names":["React"],"sources":["../../../../../../src/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/useTimeState.ts"],"sourcesContent":["import * as React from 'react';\n\nimport useTimeInfo from '../../../hooks/useTimeInfo';\nimport type { SharedTimeProps } from '../../../interface';\nimport { isNonNullable } from '../../../utils/common';\nimport { formatValue } from '../../../utils/dateUtil';\nimport { usePanelContext } from '../../context';\nimport type { Unit } from './TimeColumn';\n\nexport function isAM(hour: number) {\n  return hour < 12;\n}\n\nexport default function useTimeState<DateType extends object = any>(\n  props: SharedTimeProps<DateType>,\n) {\n  const { use12Hours: showMeridiem } = props;\n\n  const {\n    values,\n    generateConfig,\n    locale,\n    onSelect,\n    onHover = () => {},\n    pickerValue,\n  } = usePanelContext<DateType>();\n\n  const value = values?.[0] || null;\n\n  // ========================== Info ==========================\n  const [getValidTime, rowHourUnits, getMinuteUnits, getSecondUnits, getMillisecondUnits] =\n    useTimeInfo(generateConfig, props, value);\n\n  // ========================= Value ==========================\n  // PickerValue will tell which one to align on the top\n  const getUnitValue = (\n    func: 'getHour' | 'getMinute' | 'getSecond' | 'getMillisecond',\n  ): [valueNum: number, pickerNum: number] => {\n    const valueUnitVal = value && generateConfig[func](value);\n    const pickerUnitValue = pickerValue && generateConfig[func](pickerValue);\n\n    return [valueUnitVal!, pickerUnitValue];\n  };\n\n  const [hour, pickerHour] = getUnitValue('getHour');\n  const [minute, pickerMinute] = getUnitValue('getMinute');\n  const [second, pickerSecond] = getUnitValue('getSecond');\n  const [millisecond, pickerMillisecond] = getUnitValue('getMillisecond');\n  const meridiem = hour === null ? null : isAM(hour) ? 'am' : 'pm';\n\n  // ========================= Column =========================\n  // Hours\n  const hourUnits = React.useMemo(() => {\n    if (!showMeridiem) {\n      return rowHourUnits;\n    }\n\n    return isAM(hour)\n      ? rowHourUnits.filter((h) => isAM(h.value as number))\n      : rowHourUnits.filter((h) => !isAM(h.value as number));\n  }, [hour, rowHourUnits, showMeridiem]);\n\n  // >>> Pick Fallback\n  const getEnabled = (units: Unit<number>[], val: number) => {\n    const enabledUnit = units.find((unit) => !unit.disabled);\n\n    return (\n      val ??\n      // Fallback to enabled value\n      enabledUnit?.value\n    );\n  };\n\n  // >>> Minutes\n  const validHour = getEnabled(rowHourUnits, hour);\n  const minuteUnits = React.useMemo(() => getMinuteUnits(validHour), [getMinuteUnits, validHour]);\n\n  // >>> Seconds\n  const validMinute = getEnabled(minuteUnits, minute);\n  const secondUnits = React.useMemo(\n    () => getSecondUnits(validHour, validMinute),\n    [getSecondUnits, validHour, validMinute],\n  );\n\n  // >>> Milliseconds\n  const validSecond = getEnabled(secondUnits, second);\n  const millisecondUnits = React.useMemo(\n    () => getMillisecondUnits(validHour, validMinute, validSecond),\n    [getMillisecondUnits, validHour, validMinute, validSecond],\n  );\n\n  const validMillisecond = getEnabled(millisecondUnits, millisecond);\n\n  // Meridiem\n  const meridiemUnits = React.useMemo(() => {\n    if (!showMeridiem) {\n      return [];\n    }\n\n    const base = generateConfig.getNow();\n    const amDate = generateConfig.setHour(base, 9);\n    const pmDate = generateConfig.setHour(base, 15);\n\n    const formatMeridiem = (date: DateType, defaultLabel: string) => {\n      const { cellMeridiemFormat } = locale;\n      return cellMeridiemFormat\n        ? formatValue(date, {\n            generateConfig,\n            locale,\n            format: cellMeridiemFormat,\n          })\n        : defaultLabel;\n    };\n\n    return [\n      {\n        label: formatMeridiem(amDate, 'AM'),\n        value: 'am',\n        disabled: rowHourUnits.every((h) => h.disabled || !isAM(h.value as number)),\n      },\n      {\n        label: formatMeridiem(pmDate, 'PM'),\n        value: 'pm',\n        disabled: rowHourUnits.every((h) => h.disabled || isAM(h.value as number)),\n      },\n    ];\n  }, [rowHourUnits, showMeridiem, generateConfig, locale]);\n\n  // ========================= Change =========================\n  /**\n   * Check if time is validate or will match to validate one\n   */\n  const triggerChange = (nextDate: DateType) => {\n    const validateDate = getValidTime(nextDate);\n\n    onSelect(validateDate);\n  };\n\n  // ========================= Column =========================\n  // Create a template date for the trigger change event\n  const triggerDateTmpl = React.useMemo(() => {\n    let tmpl = value || pickerValue || generateConfig.getNow();\n\n    if (isNonNullable(hour)) {\n      tmpl = generateConfig.setHour(tmpl, hour);\n      tmpl = generateConfig.setMinute(tmpl, minute);\n      tmpl = generateConfig.setSecond(tmpl, second);\n      tmpl = generateConfig.setMillisecond(tmpl, millisecond);\n    } else if (isNonNullable(pickerHour)) {\n      tmpl = generateConfig.setHour(tmpl, pickerHour);\n      tmpl = generateConfig.setMinute(tmpl, pickerMinute);\n      tmpl = generateConfig.setSecond(tmpl, pickerSecond);\n      tmpl = generateConfig.setMillisecond(tmpl, pickerMillisecond);\n    } else if (isNonNullable(validHour)) {\n      tmpl = generateConfig.setHour(tmpl, validHour);\n      tmpl = generateConfig.setMinute(tmpl, validMinute);\n      tmpl = generateConfig.setSecond(tmpl, validSecond);\n      tmpl = generateConfig.setMillisecond(tmpl, validMillisecond);\n    }\n\n    return tmpl;\n  }, [\n    value,\n    pickerValue,\n    hour,\n    minute,\n    second,\n    millisecond,\n    validHour,\n    validMinute,\n    validSecond,\n    validMillisecond,\n    pickerHour,\n    pickerMinute,\n    pickerSecond,\n    pickerMillisecond,\n    generateConfig,\n  ]);\n\n  // ===================== Columns Change =====================\n  const fillColumnValue = (\n    val: number | string | null,\n    func: 'setHour' | 'setMinute' | 'setSecond' | 'setMillisecond',\n  ) => {\n    if (val === null) {\n      return null;\n    }\n    return generateConfig[func](triggerDateTmpl, val as any);\n  };\n\n  const getNextHourTime = (val: number | null) => fillColumnValue(val, 'setHour');\n  const getNextMinuteTime = (val: number | null) => fillColumnValue(val, 'setMinute');\n  const getNextSecondTime = (val: number | null) => fillColumnValue(val, 'setSecond');\n  const getNextMillisecondTime = (val: number | null) => fillColumnValue(val, 'setMillisecond');\n  const getMeridiemTime = (val: string | null) => {\n    if (val === null) {\n      return null;\n    }\n\n    if (val === 'am' && !isAM(hour)) {\n      return generateConfig.setHour(triggerDateTmpl, hour - 12);\n    } else if (val === 'pm' && isAM(hour)) {\n      return generateConfig.setHour(triggerDateTmpl, hour + 12);\n    }\n    return triggerDateTmpl;\n  };\n\n  const onHourChange = (val: number) => {\n    triggerChange(getNextHourTime(val)!);\n  };\n\n  const onMinuteChange = (val: number) => {\n    triggerChange(getNextMinuteTime(val)!);\n  };\n\n  const onSecondChange = (val: number) => {\n    triggerChange(getNextSecondTime(val)!);\n  };\n\n  const onMillisecondChange = (val: number) => {\n    triggerChange(getNextMillisecondTime(val)!);\n  };\n\n  const onMeridiemChange = (val: string) => {\n    triggerChange(getMeridiemTime(val)!);\n  };\n\n  // ====================== Column Hover ======================\n  const onHourHover = (val: number | null) => {\n    onHover(getNextHourTime(val));\n  };\n\n  const onMinuteHover = (val: number | null) => {\n    onHover(getNextMinuteTime(val));\n  };\n\n  const onSecondHover = (val: number | null) => {\n    onHover(getNextSecondTime(val));\n  };\n\n  const onMillisecondHover = (val: number | null) => {\n    onHover(getNextMillisecondTime(val));\n  };\n\n  const onMeridiemHover = (val: string | null) => {\n    onHover(getMeridiemTime(val));\n  };\n\n  return {\n    hour,\n    hourUnits,\n    meridiem,\n    meridiemUnits,\n    millisecond,\n    millisecondUnits,\n    minute,\n    minuteUnits,\n    onHourChange,\n    onHourHover,\n    onMeridiemChange,\n    onMeridiemHover,\n    onMillisecondChange,\n    onMillisecondHover,\n    onMinuteChange,\n    onMinuteHover,\n    onSecondChange,\n    onSecondHover,\n    pickerHour,\n    pickerMillisecond,\n    pickerMinute,\n    pickerSecond,\n    rowHourUnits,\n    second,\n    secondUnits,\n    validHour,\n    validMinute,\n    validSecond,\n  };\n}\n"],"mappings":"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"}

package/es/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/util.mjs

@@ -0,0 +1,25 @@
+//#region src/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/util.ts
+function findValidateTime(date, getHourUnits, getMinuteUnits, getSecondUnits, getMillisecondUnits, generateConfig) {
+	let nextDate = date;
+	function alignValidate(getUnitValue, setUnitValue, units) {
+		let nextValue = generateConfig[getUnitValue](nextDate);
+		const nextUnit = units.find((unit) => unit.value === nextValue);
+		if (!nextUnit || nextUnit.disabled) {
+			const validateUnits = units.filter((unit) => !unit.disabled);
+			const validateUnit = [...validateUnits].reverse().find((unit) => unit.value <= nextValue) || validateUnits[0];
+			if (validateUnit) {
+				nextValue = validateUnit.value;
+				nextDate = generateConfig[setUnitValue](nextDate, nextValue);
+			}
+		}
+		return nextValue;
+	}
+	const nextHour = alignValidate("getHour", "setHour", getHourUnits());
+	const nextMinute = alignValidate("getMinute", "setMinute", getMinuteUnits(nextHour));
+	alignValidate("getMillisecond", "setMillisecond", getMillisecondUnits(nextHour, nextMinute, alignValidate("getSecond", "setSecond", getSecondUnits(nextHour, nextMinute))));
+	return nextDate;
+}
+//#endregion
+export { findValidateTime };
+
+//# sourceMappingURL=util.mjs.map

package/es/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/util.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.mjs","names":[],"sources":["../../../../../../src/DatePicker/core/PickerPanel/TimePanel/TimePanelBody/util.ts"],"sourcesContent":["import type { GenerateConfig } from '../../../generate';\nimport type { Unit } from './TimeColumn';\n\nexport function findValidateTime<DateType>(\n  date: DateType,\n  getHourUnits: () => Unit<number>[],\n  getMinuteUnits: (hour: number) => Unit<number>[],\n  getSecondUnits: (hour: number, minute: number) => Unit<number>[],\n  getMillisecondUnits: (hour: number, minute: number, second: number) => Unit<number>[],\n  generateConfig: GenerateConfig<DateType>,\n) {\n  let nextDate = date;\n\n  function alignValidate(\n    getUnitValue: 'getHour' | 'getMinute' | 'getSecond' | 'getMillisecond',\n    setUnitValue: 'setHour' | 'setMinute' | 'setSecond' | 'setMillisecond',\n    units: Unit<number>[],\n  ) {\n    let nextValue = generateConfig[getUnitValue](nextDate);\n    const nextUnit = units.find((unit) => unit.value === nextValue);\n\n    if (!nextUnit || nextUnit.disabled) {\n      // Find most closest unit\n      const validateUnits = units.filter((unit) => !unit.disabled);\n      const reverseEnabledUnits = [...validateUnits].reverse();\n      const validateUnit =\n        reverseEnabledUnits.find((unit) => unit.value <= nextValue) || validateUnits[0];\n\n      if (validateUnit) {\n        nextValue = validateUnit.value;\n        nextDate = generateConfig[setUnitValue](nextDate, nextValue);\n      }\n    }\n\n    return nextValue;\n  }\n\n  // Find validate hour\n  const nextHour = alignValidate('getHour', 'setHour', getHourUnits());\n\n  // Find validate minute\n  const nextMinute = alignValidate('getMinute', 'setMinute', getMinuteUnits(nextHour));\n\n  // Find validate second\n  const nextSecond = alignValidate('getSecond', 'setSecond', getSecondUnits(nextHour, nextMinute));\n\n  // Find validate millisecond\n  alignValidate(\n    'getMillisecond',\n    'setMillisecond',\n    getMillisecondUnits(nextHour, nextMinute, nextSecond),\n  );\n\n  return nextDate;\n}\n"],"mappings":";AAGA,SAAgB,iBACd,MACA,cACA,gBACA,gBACA,qBACA,gBACA;CACA,IAAI,WAAW;CAEf,SAAS,cACP,cACA,cACA,OACA;EACA,IAAI,YAAY,eAAe,aAAa,CAAC,QAAQ;EACrD,MAAM,WAAW,MAAM,MAAM,SAAS,KAAK,UAAU,SAAS;EAE9D,IAAI,CAAC,YAAY,SAAS,UAAU;GAElC,MAAM,gBAAgB,MAAM,QAAQ,SAAS,CAAC,KAAK,QAAQ;GAE3D,MAAM,eADsB,CAAC,GAAG,aAAa,CAAC,CAAC,QAE3B,CAAC,CAAC,MAAM,SAAS,KAAK,SAAS,SAAS,KAAK,cAAc;GAE/E,IAAI,cAAc;IAChB,YAAY,aAAa;IACzB,WAAW,eAAe,aAAa,CAAC,UAAU,SAAS;GAC7D;EACF;EAEA,OAAO;CACT;CAGA,MAAM,WAAW,cAAc,WAAW,WAAW,aAAa,CAAC;CAGnE,MAAM,aAAa,cAAc,aAAa,aAAa,eAAe,QAAQ,CAAC;CAMnF,cACE,kBACA,kBACA,oBAAoB,UAAU,YANb,cAAc,aAAa,aAAa,eAAe,UAAU,UAAU,CAMzC,CAAC,CACtD;CAEA,OAAO;AACT"}

package/es/DatePicker/core/PickerPanel/TimePanel/index.mjs

@@ -0,0 +1,31 @@
+import { formatValue } from "../../utils/dateUtil.mjs";
+import { PanelContext, useInfo } from "../context.mjs";
+import PanelHeader from "../PanelHeader.mjs";
+import TimeClock from "./TimeClock/index.mjs";
+import TimePanelBody from "./TimePanelBody/index.mjs";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerPanel/TimePanel/index.tsx
+function TimePanel(props) {
+	const { prefixCls, value, locale, generateConfig, showTime } = props;
+	const { format } = showTime || {};
+	const clock = showTime?.timePanel === "clock" && !!(showTime.showHour || showTime.showMinute) && !showTime.showMillisecond;
+	const panelPrefixCls = `${prefixCls}-time-panel`;
+	const [info] = useInfo(props, "time");
+	return /* @__PURE__ */ jsx(PanelContext, {
+		value: info,
+		children: /* @__PURE__ */ jsx("div", {
+			className: clsx(panelPrefixCls, clock && `${panelPrefixCls}-clock`),
+			children: clock ? /* @__PURE__ */ jsx(TimeClock, { ...showTime }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PanelHeader, { children: value ? formatValue(value, {
+				locale,
+				format,
+				generateConfig
+			}) : "\xA0" }), /* @__PURE__ */ jsx(TimePanelBody, { ...showTime })] })
+		})
+	});
+}
+//#endregion
+export { TimePanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/TimePanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/TimePanel/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { SharedPanelProps } from '../../interface';\nimport { formatValue } from '../../utils/dateUtil';\nimport { PanelContext, useInfo } from '../context';\nimport PanelHeader from '../PanelHeader';\nimport TimeClock from './TimeClock';\nimport TimePanelBody from './TimePanelBody';\n\nexport type TimePanelProps<DateType extends object> = SharedPanelProps<DateType>;\n\nexport default function TimePanel<DateType extends object = any>(props: TimePanelProps<DateType>) {\n  const {\n    prefixCls,\n    value,\n    locale,\n    generateConfig,\n\n    // Format\n    showTime,\n  } = props;\n\n  const { format } = showTime || {};\n  const clock =\n    showTime?.timePanel === 'clock' &&\n    !!(showTime.showHour || showTime.showMinute) &&\n    !showTime.showMillisecond;\n\n  const panelPrefixCls = `${prefixCls}-time-panel`;\n\n  // ========================== Base ==========================\n  const [info] = useInfo(props, 'time');\n\n  // ========================= Render =========================\n  return (\n    <PanelContext value={info}>\n      <div className={clsx(panelPrefixCls, clock && `${panelPrefixCls}-clock`)}>\n        {clock ? (\n          <TimeClock {...showTime} />\n        ) : (\n          <>\n            <PanelHeader>\n              {value ? formatValue(value, { locale, format: format!, generateConfig }) : '\\u00A0'}\n            </PanelHeader>\n            <TimePanelBody {...showTime} />\n          </>\n        )}\n      </div>\n    </PanelContext>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAwB,UAAyC,OAAiC;CAChG,MAAM,EACJ,WACA,OACA,QACA,gBAGA,aACE;CAEJ,MAAM,EAAE,WAAW,YAAY,CAAC;CAChC,MAAM,QACJ,UAAU,cAAc,WACxB,CAAC,EAAE,SAAS,YAAY,SAAS,eACjC,CAAC,SAAS;CAEZ,MAAM,iBAAiB,GAAG,UAAU;CAGpC,MAAM,CAAC,QAAQ,QAAQ,OAAO,MAAM;CAGpC,OACE,oBAAC,cAAD;EAAc,OAAO;EACnB,UAAA,oBAAC,OAAD;GAAK,WAAW,KAAK,gBAAgB,SAAS,GAAG,eAAe,OAAO;GACpE,UAAA,QACC,oBAAC,WAAD,EAAW,GAAI,SAAW,CAAA,IAE1B,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACG,QAAQ,YAAY,OAAO;IAAE;IAAgB;IAAS;GAAe,CAAC,IAAI,OAChE,CAAA,GACb,oBAAC,eAAD,EAAe,GAAI,SAAW,CAAA,CAC9B,EAAA,CAAA;EAED,CAAA;CACO,CAAA;AAElB"}

package/es/DatePicker/core/PickerPanel/WeekPanel/index.mjs

@@ -0,0 +1,34 @@
+import { isInRange, isSameWeek } from "../../utils/dateUtil.mjs";
+import DatePanel from "../DatePanel/index.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerPanel/WeekPanel/index.tsx
+function WeekPanel(props) {
+	const { prefixCls, generateConfig, locale, value, hoverValue, hoverRangeValue } = props;
+	const localeName = locale.locale;
+	const rowPrefixCls = `${prefixCls}-week-panel-row`;
+	const rowClassName = (currentDate) => {
+		const rangeCls = {};
+		if (hoverRangeValue) {
+			const [rangeStart, rangeEnd] = hoverRangeValue;
+			const isRangeStart = isSameWeek(generateConfig, localeName, rangeStart, currentDate);
+			const isRangeEnd = isSameWeek(generateConfig, localeName, rangeEnd, currentDate);
+			rangeCls[`${rowPrefixCls}-range-start`] = isRangeStart;
+			rangeCls[`${rowPrefixCls}-range-end`] = isRangeEnd;
+			rangeCls[`${rowPrefixCls}-range-hover`] = !isRangeStart && !isRangeEnd && isInRange(generateConfig, rangeStart, rangeEnd, currentDate);
+		}
+		if (hoverValue) rangeCls[`${rowPrefixCls}-hover`] = hoverValue.some((date) => isSameWeek(generateConfig, localeName, currentDate, date));
+		return clsx(rowPrefixCls, { [`${rowPrefixCls}-selected`]: !hoverRangeValue && isSameWeek(generateConfig, localeName, value, currentDate) }, rangeCls);
+	};
+	return /* @__PURE__ */ jsx(DatePanel, {
+		...props,
+		mode: "week",
+		panelName: "week",
+		rowClassName
+	});
+}
+//#endregion
+export { WeekPanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/WeekPanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/WeekPanel/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { SharedPanelProps } from '../../interface';\nimport { isInRange, isSameWeek } from '../../utils/dateUtil';\nimport DatePanel from '../DatePanel';\n\nexport default function WeekPanel<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n) {\n  const { prefixCls, generateConfig, locale, value, hoverValue, hoverRangeValue } = props;\n\n  // =============================== Row ================================\n  const localeName = locale.locale;\n\n  const rowPrefixCls = `${prefixCls}-week-panel-row`;\n\n  const rowClassName = (currentDate: DateType) => {\n    const rangeCls: Record<string, boolean> = {};\n\n    if (hoverRangeValue) {\n      const [rangeStart, rangeEnd] = hoverRangeValue;\n\n      const isRangeStart = isSameWeek(generateConfig, localeName, rangeStart, currentDate);\n      const isRangeEnd = isSameWeek(generateConfig, localeName, rangeEnd, currentDate);\n\n      rangeCls[`${rowPrefixCls}-range-start`] = isRangeStart;\n      rangeCls[`${rowPrefixCls}-range-end`] = isRangeEnd;\n      rangeCls[`${rowPrefixCls}-range-hover`] =\n        !isRangeStart &&\n        !isRangeEnd &&\n        isInRange(generateConfig, rangeStart, rangeEnd, currentDate);\n    }\n\n    if (hoverValue) {\n      rangeCls[`${rowPrefixCls}-hover`] = hoverValue.some((date) =>\n        isSameWeek(generateConfig, localeName, currentDate, date),\n      );\n    }\n\n    return clsx(\n      rowPrefixCls,\n      {\n        [`${rowPrefixCls}-selected`]:\n          !hoverRangeValue && isSameWeek(generateConfig, localeName, value, currentDate),\n      },\n      // Patch for hover range\n      rangeCls,\n    );\n  };\n\n  // ============================== Render ==============================\n  return <DatePanel {...props} mode=\"week\" panelName=\"week\" rowClassName={rowClassName} />;\n}\n"],"mappings":";;;;;;AAOA,SAAwB,UACtB,OACA;CACA,MAAM,EAAE,WAAW,gBAAgB,QAAQ,OAAO,YAAY,oBAAoB;CAGlF,MAAM,aAAa,OAAO;CAE1B,MAAM,eAAe,GAAG,UAAU;CAElC,MAAM,gBAAgB,gBAA0B;EAC9C,MAAM,WAAoC,CAAC;EAE3C,IAAI,iBAAiB;GACnB,MAAM,CAAC,YAAY,YAAY;GAE/B,MAAM,eAAe,WAAW,gBAAgB,YAAY,YAAY,WAAW;GACnF,MAAM,aAAa,WAAW,gBAAgB,YAAY,UAAU,WAAW;GAE/E,SAAS,GAAG,aAAa,iBAAiB;GAC1C,SAAS,GAAG,aAAa,eAAe;GACxC,SAAS,GAAG,aAAa,iBACvB,CAAC,gBACD,CAAC,cACD,UAAU,gBAAgB,YAAY,UAAU,WAAW;EAC/D;EAEA,IAAI,YACF,SAAS,GAAG,aAAa,WAAW,WAAW,MAAM,SACnD,WAAW,gBAAgB,YAAY,aAAa,IAAI,CAC1D;EAGF,OAAO,KACL,cACA,GACG,GAAG,aAAa,aACf,CAAC,mBAAmB,WAAW,gBAAgB,YAAY,OAAO,WAAW,EACjF,GAEA,QACF;CACF;CAGA,OAAO,oBAAC,WAAD;EAAW,GAAI;EAAO,MAAK;EAAO,WAAU;EAAqB;CAAe,CAAA;AACzF"}

package/es/DatePicker/core/PickerPanel/YearPanel/index.mjs

@@ -0,0 +1,92 @@
+import { formatValue, isInRange, isSameYear } from "../../utils/dateUtil.mjs";
+import { PanelContext, useInfo } from "../context.mjs";
+import PanelBody from "../PanelBody.mjs";
+import PanelHeader from "../PanelHeader.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerPanel/YearPanel/index.tsx
+function YearPanel(props) {
+	const { prefixCls, locale, generateConfig, pickerValue, disabledDate, onPickerValueChange, onModeChange } = props;
+	const panelPrefixCls = `${prefixCls}-year-panel`;
+	const [info] = useInfo(props, "year");
+	const getStartYear = (date) => {
+		const startYear = Math.floor(generateConfig.getYear(date) / 10) * 10;
+		return generateConfig.setYear(date, startYear);
+	};
+	const getEndYear = (date) => {
+		const startYear = getStartYear(date);
+		return generateConfig.addYear(startYear, 9);
+	};
+	const startYearDate = getStartYear(pickerValue);
+	const endYearDate = getEndYear(pickerValue);
+	const baseDate = generateConfig.addYear(startYearDate, -1);
+	const getCellDate = (date, offset) => {
+		return generateConfig.addYear(date, offset);
+	};
+	const getCellText = (date) => {
+		return formatValue(date, {
+			locale,
+			format: locale.cellYearFormat,
+			generateConfig
+		});
+	};
+	const getCellClassName = (date) => {
+		return { [`${prefixCls}-cell-in-view`]: isSameYear(generateConfig, date, startYearDate) || isSameYear(generateConfig, date, endYearDate) || isInRange(generateConfig, startYearDate, endYearDate, date) };
+	};
+	const mergedDisabledDate = disabledDate ? (currentDate, disabledInfo) => {
+		const startMonth = generateConfig.setMonth(currentDate, 0);
+		const startDate = generateConfig.setDate(startMonth, 1);
+		const endMonth = generateConfig.addYear(startDate, 1);
+		const endDate = generateConfig.addDate(endMonth, -1);
+		return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
+	} : null;
+	const yearNode = /* @__PURE__ */ jsxs("button", {
+		"aria-label": locale.decadeSelect,
+		className: `${prefixCls}-decade-btn`,
+		tabIndex: -1,
+		type: "button",
+		onClick: () => {
+			onModeChange("decade");
+		},
+		children: [
+			formatValue(startYearDate, {
+				locale,
+				format: locale.yearFormat,
+				generateConfig
+			}),
+			"-",
+			formatValue(endYearDate, {
+				locale,
+				format: locale.yearFormat,
+				generateConfig
+			})
+		]
+	}, "decade");
+	return /* @__PURE__ */ jsx(PanelContext, {
+		value: info,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: panelPrefixCls,
+			children: [/* @__PURE__ */ jsx(PanelHeader, {
+				getEnd: getEndYear,
+				superOffset: (distance) => generateConfig.addYear(pickerValue, distance * 10),
+				onChange: onPickerValueChange,
+				getStart: getStartYear,
+				children: yearNode
+			}), /* @__PURE__ */ jsx(PanelBody, {
+				...props,
+				colNum: 3,
+				disabledDate: mergedDisabledDate,
+				getCellClassName,
+				getCellText,
+				rowNum: 4,
+				titleFormat: locale.fieldYearFormat,
+				baseDate,
+				getCellDate
+			})]
+		})
+	});
+}
+//#endregion
+export { YearPanel as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerPanel/YearPanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerPanel/YearPanel/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { DisabledDate, SharedPanelProps } from '../../interface';\nimport { formatValue, isInRange, isSameYear } from '../../utils/dateUtil';\nimport { PanelContext, useInfo } from '../context';\nimport PanelBody from '../PanelBody';\nimport PanelHeader from '../PanelHeader';\n\nexport default function YearPanel<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n) {\n  const {\n    prefixCls,\n    locale,\n    generateConfig,\n    pickerValue,\n    disabledDate,\n    onPickerValueChange,\n    onModeChange,\n  } = props;\n\n  const panelPrefixCls = `${prefixCls}-year-panel`;\n\n  // ========================== Base ==========================\n  const [info] = useInfo(props, 'year');\n  const getStartYear = (date: DateType) => {\n    const startYear = Math.floor(generateConfig.getYear(date) / 10) * 10;\n    return generateConfig.setYear(date, startYear);\n  };\n  const getEndYear = (date: DateType) => {\n    const startYear = getStartYear(date);\n    return generateConfig.addYear(startYear, 9);\n  };\n\n  const startYearDate = getStartYear(pickerValue);\n  const endYearDate = getEndYear(pickerValue);\n\n  const baseDate = generateConfig.addYear(startYearDate, -1);\n\n  // ========================= Cells ==========================\n  const getCellDate = (date: DateType, offset: number) => {\n    return generateConfig.addYear(date, offset);\n  };\n\n  const getCellText = (date: DateType) => {\n    return formatValue(date, {\n      locale,\n      format: locale.cellYearFormat!,\n      generateConfig,\n    });\n  };\n\n  const getCellClassName = (date: DateType) => {\n    return {\n      [`${prefixCls}-cell-in-view`]:\n        isSameYear(generateConfig, date, startYearDate) ||\n        isSameYear(generateConfig, date, endYearDate) ||\n        isInRange(generateConfig, startYearDate, endYearDate, date),\n    };\n  };\n\n  // ======================== Disabled ========================\n  const mergedDisabledDate: DisabledDate<DateType> | null = disabledDate\n    ? (currentDate, disabledInfo) => {\n        // Start\n        const startMonth = generateConfig.setMonth(currentDate, 0);\n        const startDate = generateConfig.setDate(startMonth, 1);\n\n        // End\n        const endMonth = generateConfig.addYear(startDate, 1);\n        const endDate = generateConfig.addDate(endMonth, -1);\n        return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);\n      }\n    : null;\n\n  // ========================= Header =========================\n  const yearNode: React.ReactNode = (\n    <button\n      aria-label={locale.decadeSelect}\n      className={`${prefixCls}-decade-btn`}\n      key=\"decade\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={() => {\n        onModeChange('decade');\n      }}\n    >\n      {formatValue(startYearDate, {\n        locale,\n        format: locale.yearFormat!,\n        generateConfig,\n      })}\n      -\n      {formatValue(endYearDate, {\n        locale,\n        format: locale.yearFormat!,\n        generateConfig,\n      })}\n    </button>\n  );\n\n  // ========================= Render =========================\n  return (\n    <PanelContext value={info}>\n      <div className={panelPrefixCls}>\n        {/* Header */}\n        <PanelHeader\n          getEnd={getEndYear}\n          superOffset={(distance) => generateConfig.addYear(pickerValue, distance * 10)}\n          onChange={onPickerValueChange}\n          // Limitation\n          getStart={getStartYear}\n        >\n          {yearNode}\n        </PanelHeader>\n\n        {/* Body */}\n        <PanelBody\n          {...props}\n          colNum={3}\n          disabledDate={mergedDisabledDate}\n          getCellClassName={getCellClassName}\n          getCellText={getCellText}\n          rowNum={4}\n          titleFormat={locale.fieldYearFormat}\n          baseDate={baseDate}\n          // Body\n          getCellDate={getCellDate}\n        />\n      </div>\n    </PanelContext>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAwB,UACtB,OACA;CACA,MAAM,EACJ,WACA,QACA,gBACA,aACA,cACA,qBACA,iBACE;CAEJ,MAAM,iBAAiB,GAAG,UAAU;CAGpC,MAAM,CAAC,QAAQ,QAAQ,OAAO,MAAM;CACpC,MAAM,gBAAgB,SAAmB;EACvC,MAAM,YAAY,KAAK,MAAM,eAAe,QAAQ,IAAI,IAAI,EAAE,IAAI;EAClE,OAAO,eAAe,QAAQ,MAAM,SAAS;CAC/C;CACA,MAAM,cAAc,SAAmB;EACrC,MAAM,YAAY,aAAa,IAAI;EACnC,OAAO,eAAe,QAAQ,WAAW,CAAC;CAC5C;CAEA,MAAM,gBAAgB,aAAa,WAAW;CAC9C,MAAM,cAAc,WAAW,WAAW;CAE1C,MAAM,WAAW,eAAe,QAAQ,eAAe,EAAE;CAGzD,MAAM,eAAe,MAAgB,WAAmB;EACtD,OAAO,eAAe,QAAQ,MAAM,MAAM;CAC5C;CAEA,MAAM,eAAe,SAAmB;EACtC,OAAO,YAAY,MAAM;GACvB;GACA,QAAQ,OAAO;GACf;EACF,CAAC;CACH;CAEA,MAAM,oBAAoB,SAAmB;EAC3C,OAAO,GACJ,GAAG,UAAU,iBACZ,WAAW,gBAAgB,MAAM,aAAa,KAC9C,WAAW,gBAAgB,MAAM,WAAW,KAC5C,UAAU,gBAAgB,eAAe,aAAa,IAAI,EAC9D;CACF;CAGA,MAAM,qBAAoD,gBACrD,aAAa,iBAAiB;EAE7B,MAAM,aAAa,eAAe,SAAS,aAAa,CAAC;EACzD,MAAM,YAAY,eAAe,QAAQ,YAAY,CAAC;EAGtD,MAAM,WAAW,eAAe,QAAQ,WAAW,CAAC;EACpD,MAAM,UAAU,eAAe,QAAQ,UAAU,EAAE;EACnD,OAAO,aAAa,WAAW,YAAY,KAAK,aAAa,SAAS,YAAY;CACpF,IACA;CAGJ,MAAM,WACJ,qBAAC,UAAD;EACE,cAAY,OAAO;EACnB,WAAW,GAAG,UAAU;EAExB,UAAU;EACV,MAAK;EACL,eAAe;GACb,aAAa,QAAQ;EACvB;EARF,UAAA;GAUG,YAAY,eAAe;IAC1B;IACA,QAAQ,OAAO;IACf;GACF,CAAC;GAAE;GAEF,YAAY,aAAa;IACxB;IACA,QAAQ,OAAO;IACf;GACF,CAAC;EACK;CAlBF,GAAA,QAkBE;CAIV,OACE,oBAAC,cAAD;EAAc,OAAO;EACnB,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CAEE,oBAAC,aAAD;IACE,QAAQ;IACR,cAAc,aAAa,eAAe,QAAQ,aAAa,WAAW,EAAE;IAC5E,UAAU;IAEV,UAAU;IAET,UAAA;GACU,CAAA,GAGb,oBAAC,WAAD;IACE,GAAI;IACJ,QAAQ;IACR,cAAc;IACI;IACL;IACb,QAAQ;IACR,aAAa,OAAO;IACV;IAEG;GACd,CAAA,CACE;;CACO,CAAA;AAElB"}

package/es/DatePicker/core/PickerPanel/context.mjs

@@ -0,0 +1,48 @@
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerPanel/context.ts
+const SharedPanelContext = React$1.createContext(null);
+/** Used for each single Panel. e.g. DatePanel */
+const PanelContext = React$1.createContext(null);
+function usePanelContext() {
+	return React$1.useContext(PanelContext);
+}
+/**
+* Get shared props for the SharedPanelProps interface.
+*/
+function useInfo(props, panelType) {
+	const { prefixCls, generateConfig, locale, disabledDate, minDate, maxDate, cellRender, hoverValue, hoverRangeValue, onHover, values, pickerValue, onSelect, prevIcon, nextIcon, superPrevIcon, superNextIcon } = props;
+	const { classNames, styles } = React$1.useContext(SharedPanelContext);
+	const now = generateConfig.getNow();
+	return [{
+		now,
+		values,
+		pickerValue,
+		prefixCls,
+		classNames,
+		styles,
+		disabledDate,
+		minDate,
+		maxDate,
+		cellRender,
+		hoverValue,
+		hoverRangeValue,
+		onHover,
+		locale,
+		generateConfig,
+		onSelect,
+		panelType,
+		prevIcon,
+		nextIcon,
+		superPrevIcon,
+		superNextIcon
+	}, now];
+}
+/**
+* Internal usage for RangePicker to not to show the operation arrow
+*/
+const PickerHackContext = React$1.createContext({});
+if (process.env.NODE_ENV !== "production") PickerHackContext.displayName = "PickerHackContext";
+//#endregion
+export { PanelContext, PickerHackContext, SharedPanelContext, useInfo, usePanelContext };
+
+//# sourceMappingURL=context.mjs.map

package/es/DatePicker/core/PickerPanel/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":["React"],"sources":["../../../../src/DatePicker/core/PickerPanel/context.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { FilledPanelClassNames, FilledPanelStyles } from '../hooks/useSemantic';\nimport type { PanelMode, SharedPanelProps } from '../interface';\n\nexport interface SharedPanelContextProps {\n  classNames: FilledPanelClassNames;\n  styles: FilledPanelStyles;\n}\n\nexport const SharedPanelContext = React.createContext<SharedPanelContextProps>(null!);\n\nexport interface PanelContextProps<DateType extends object = any> extends Pick<\n  SharedPanelProps<DateType>,\n  | 'prefixCls'\n  | 'cellRender'\n  | 'generateConfig'\n  | 'locale'\n  | 'onSelect'\n  | 'hoverValue'\n  | 'hoverRangeValue'\n  | 'onHover'\n  | 'values'\n  | 'pickerValue'\n\n  // Limitation\n  | 'disabledDate'\n  | 'minDate'\n  | 'maxDate'\n\n  // Icon\n  | 'prevIcon'\n  | 'nextIcon'\n  | 'superPrevIcon'\n  | 'superNextIcon'\n> {\n  classNames: FilledPanelClassNames;\n\n  // Shared\n  now: DateType;\n\n  /** Tell current panel type */\n  panelType: PanelMode;\n  styles: FilledPanelStyles;\n}\n\n/** Used for each single Panel. e.g. DatePanel */\nexport const PanelContext = React.createContext<PanelContextProps>(null!);\n\nexport function usePanelContext<DateType extends object = any>(): PanelContextProps<DateType> {\n  return React.useContext<PanelContextProps<DateType>>(PanelContext);\n}\n\n/**\n * Get shared props for the SharedPanelProps interface.\n */\nexport function useInfo<DateType extends object = any>(\n  props: SharedPanelProps<DateType>,\n  panelType: PanelMode,\n): [sharedProps: PanelContextProps<DateType>, now: DateType] {\n  // TODO: this is not good to get from each props.\n  // Should move to `SharedPanelContext` instead.\n  const {\n    prefixCls,\n    generateConfig,\n    locale,\n    disabledDate,\n    minDate,\n    maxDate,\n    cellRender,\n    hoverValue,\n    hoverRangeValue,\n    onHover,\n    values,\n    pickerValue,\n    onSelect,\n\n    // Icons\n    prevIcon,\n    nextIcon,\n    superPrevIcon,\n    superNextIcon,\n  } = props;\n\n  // ======================= Context ========================\n  const { classNames, styles } = React.useContext(SharedPanelContext);\n\n  // ========================= MISC =========================\n  const now = generateConfig.getNow();\n\n  // ========================= Info =========================\n  const info = {\n    now,\n    values,\n    pickerValue,\n    prefixCls,\n    classNames,\n    styles,\n    disabledDate,\n    minDate,\n    maxDate,\n    cellRender,\n    hoverValue,\n    hoverRangeValue,\n    onHover,\n    locale,\n    generateConfig,\n    onSelect,\n    panelType,\n\n    // Icons\n    prevIcon,\n    nextIcon,\n    superPrevIcon,\n    superNextIcon,\n  };\n\n  return [info, now];\n}\n\n// ============================== Internal ==============================\nexport interface PickerHackContextProps {\n  hideHeader?: boolean;\n  hideNext?: boolean;\n  hidePrev?: boolean;\n  onCellDblClick?: () => void;\n}\n\n/**\n * Internal usage for RangePicker to not to show the operation arrow\n */\nexport const PickerHackContext = React.createContext<PickerHackContextProps>({});\n\nif (process.env.NODE_ENV !== 'production') {\n  PickerHackContext.displayName = 'PickerHackContext';\n}\n"],"mappings":";;AAUA,MAAa,qBAAqBA,QAAM,cAAuC,IAAK;;AAqCpF,MAAa,eAAeA,QAAM,cAAiC,IAAK;AAExE,SAAgB,kBAA8E;CAC5F,OAAOA,QAAM,WAAwC,YAAY;AACnE;;;;AAKA,SAAgB,QACd,OACA,WAC2D;CAG3D,MAAM,EACJ,WACA,gBACA,QACA,cACA,SACA,SACA,YACA,YACA,iBACA,SACA,QACA,aACA,UAGA,UACA,UACA,eACA,kBACE;CAGJ,MAAM,EAAE,YAAY,WAAWA,QAAM,WAAW,kBAAkB;CAGlE,MAAM,MAAM,eAAe,OAAO;CA6BlC,OAAO,CAAC;EAzBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;CAGS,GAAG,GAAG;AACnB;;;;AAaA,MAAa,oBAAoBA,QAAM,cAAsC,CAAC,CAAC;AAE/E,IAAI,QAAQ,IAAI,aAAa,cAC3B,kBAAkB,cAAc"}

package/es/DatePicker/core/PickerPanel/index.d.mts

@@ -0,0 +1 @@
+import "react";