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

package/es/DatePicker/SinglePicker.mjs

@@ -0,0 +1,134 @@
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import core_default from "./core/index.mjs";
+import { normalizeLegacyDateProps } from "./legacyDate.mjs";
+import { usePickerLocale } from "./locale.mjs";
+import { PREFIX_CLS } from "./style.mjs";
+import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
+import { usePickerShared, withDefault } from "./usePickerShared.mjs";
+import { usePresetActive } from "./usePresetActive.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { X } from "lucide-react";
+//#region src/DatePicker/SinglePicker.tsx
+const defaultRemoveIcon = /* @__PURE__ */ jsx(Icon, {
+	icon: X,
+	size: 10,
+	style: { strokeWidth: 3 }
+});
+const generateSinglePicker = (generateConfig) => {
+	const getPicker = (presetPicker, displayName = "DatePicker") => {
+		const Picker = (rawProps) => {
+			const props = normalizeLegacyDateProps(rawProps, generateConfig);
+			const { allowClear, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, getPopupContainer, locale: localeOverride, maxDate, minDate, mode, monthCellRender, multiple, needConfirm, nextIcon, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, open, picker: pickerProp, pickerValue, placeholder, popupClassName, popupStyle, prevIcon, ref, removeIcon, renderExtraFooter, rootClassName, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, value, variant, ...rest } = props;
+			const picker = presetPicker ?? pickerProp ?? "date";
+			const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);
+			const keyboard = usePanelKeyboard({
+				cellRender,
+				dateRender,
+				defaultOpen,
+				defaultPickerValue,
+				defaultValue,
+				direction,
+				generateConfig,
+				mode,
+				monthCellRender,
+				onChange,
+				onFocus,
+				onOpenChange,
+				onPanelChange,
+				onPickerValueChange,
+				open,
+				picker,
+				pickerValue,
+				value
+			});
+			const shared = usePickerShared({
+				allowClear,
+				changeOnBlur,
+				className,
+				clearIcon,
+				classNames,
+				components,
+				defaultOpen,
+				dropdownClassName,
+				generateConfig,
+				getPopupContainer,
+				maxDate,
+				minDate,
+				needConfirm,
+				nextIcon,
+				onKeyDown,
+				onOpenChange: keyboard.onOpenChange,
+				open,
+				picker,
+				popupClassName,
+				popupStyle,
+				prevIcon,
+				rootClassName: clsx$1(keyboard.scopeClassName, rootClassName),
+				semanticProps: props,
+				shadow,
+				size,
+				status,
+				styles,
+				suffixIcon,
+				superNextIcon,
+				superPrevIcon,
+				variant
+			});
+			const presetActive = usePresetActive(rest.presets, multiple ? void 0 : value, multiple ? void 0 : defaultValue);
+			return /* @__PURE__ */ jsx(core_default, {
+				...rest,
+				...shared,
+				presets: presetActive.presets,
+				cellRender: keyboard.cellRender,
+				dateRender,
+				defaultPickerValue,
+				defaultValue: defaultValue ?? void 0,
+				direction,
+				locale: locale.lang,
+				mode,
+				monthCellRender,
+				multiple,
+				picker,
+				pickerValue: keyboard.pickerValue,
+				placeholder: placeholder ?? defaultPlaceholder(picker),
+				ref,
+				removeIcon: withDefault(removeIcon, defaultRemoveIcon),
+				renderExtraFooter,
+				showNow: rest.showNow ?? rest.showToday ?? false,
+				value,
+				classNames: multiple ? {
+					...shared.classNames,
+					popup: {
+						...shared.classNames.popup,
+						root: clsx$1(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`)
+					}
+				} : shared.classNames,
+				onCalendarChange,
+				onFocus: keyboard.onFocus,
+				onOk,
+				onPanelChange: keyboard.onPanelChange,
+				onPickerValueChange: keyboard.onPickerValueChange,
+				onChange: (...args) => {
+					presetActive.track(args[0]);
+					keyboard.onChange(...args);
+				}
+			});
+		};
+		Picker.displayName = displayName;
+		return Picker;
+	};
+	return {
+		DatePicker: getPicker(),
+		MonthPicker: getPicker("month", "MonthPicker"),
+		QuarterPicker: getPicker("quarter", "QuarterPicker"),
+		TimePicker: getPicker("time", "TimePicker"),
+		WeekPicker: getPicker("week", "WeekPicker"),
+		YearPicker: getPicker("year", "YearPicker")
+	};
+};
+//#endregion
+export { generateSinglePicker as default };
+
+//# sourceMappingURL=SinglePicker.mjs.map

package/es/DatePicker/SinglePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SinglePicker.mjs","names":["clsx","RcPicker"],"sources":["../../src/DatePicker/SinglePicker.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { X } from 'lucide-react';\n\nimport Icon from '@/Icon';\n\nimport RcPicker from './core';\nimport type { GenerateConfig } from './core/generate';\nimport type { PickerMode } from './core/interface';\nimport { normalizeLegacyDateProps } from './legacyDate';\nimport { usePickerLocale } from './locale';\nimport { PREFIX_CLS } from './style';\nimport type { GeneratedDatePicker, PickerProps, SinglePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared, withDefault } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\nconst defaultRemoveIcon = <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />;\n\nconst generateSinglePicker = <DateType extends object>(\n  generateConfig: GenerateConfig<DateType>,\n) => {\n  const getPicker = (presetPicker?: PickerMode, displayName = 'DatePicker') => {\n    const Picker = (rawProps: PickerProps<DateType, any>) => {\n      const props = normalizeLegacyDateProps(rawProps, generateConfig);\n      const {\n        allowClear,\n        cellRender,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        dropdownClassName,\n        direction,\n        getPopupContainer,\n        locale: localeOverride,\n        maxDate,\n        minDate,\n        mode,\n        monthCellRender,\n        multiple,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onCalendarChange,\n        onChange,\n        onFocus,\n        onOk,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        open,\n        picker: pickerProp,\n        pickerValue,\n        placeholder,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        ref,\n        removeIcon,\n        renderExtraFooter,\n        rootClassName,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        value,\n        variant,\n        ...rest\n      } = props;\n      const picker = presetPicker ?? pickerProp ?? 'date';\n      const { locale, placeholder: defaultPlaceholder } = usePickerLocale(localeOverride);\n      const keyboard = usePanelKeyboard({\n        cellRender,\n        dateRender,\n        defaultOpen,\n        defaultPickerValue,\n        defaultValue,\n        direction,\n        generateConfig,\n        mode,\n        monthCellRender,\n        onChange,\n        onFocus,\n        onOpenChange,\n        onPanelChange,\n        onPickerValueChange,\n        open,\n        picker,\n        pickerValue,\n        value,\n      });\n      const shared = usePickerShared({\n        allowClear,\n        changeOnBlur,\n        className,\n        clearIcon,\n        classNames,\n        components,\n        defaultOpen,\n        dropdownClassName,\n        generateConfig,\n        getPopupContainer,\n        maxDate,\n        minDate,\n        needConfirm,\n        nextIcon,\n        onKeyDown,\n        onOpenChange: keyboard.onOpenChange,\n        open,\n        picker,\n        popupClassName,\n        popupStyle,\n        prevIcon,\n        rootClassName: clsx(keyboard.scopeClassName, rootClassName),\n        semanticProps: props,\n        shadow,\n        size,\n        status,\n        styles,\n        suffixIcon,\n        superNextIcon,\n        superPrevIcon,\n        variant,\n      });\n\n      const presetActive = usePresetActive(\n        (rest as any).presets,\n        multiple ? undefined : value,\n        multiple ? undefined : defaultValue,\n      );\n\n      return (\n        <RcPicker<DateType>\n          {...rest}\n          {...shared}\n          presets={presetActive.presets as any}\n          // No footer row by default: Today / Now only when asked for (showNow or the\n          // deprecated showToday); showTime + needConfirm still shows OK.\n          cellRender={keyboard.cellRender}\n          dateRender={dateRender}\n          defaultPickerValue={defaultPickerValue as any}\n          defaultValue={defaultValue ?? undefined}\n          direction={direction}\n          locale={locale.lang}\n          mode={mode as any}\n          monthCellRender={monthCellRender}\n          multiple={multiple}\n          picker={picker}\n          pickerValue={keyboard.pickerValue}\n          placeholder={placeholder ?? defaultPlaceholder(picker)}\n          ref={ref}\n          removeIcon={withDefault(removeIcon, defaultRemoveIcon)}\n          renderExtraFooter={renderExtraFooter}\n          showNow={(rest as any).showNow ?? (rest as any).showToday ?? false}\n          value={value as any}\n          classNames={\n            multiple\n              ? {\n                  ...shared.classNames,\n                  popup: {\n                    ...shared.classNames.popup,\n                    root: clsx(shared.classNames.popup.root, `${PREFIX_CLS}-dropdown-multiple`),\n                  },\n                }\n              : shared.classNames\n          }\n          onCalendarChange={onCalendarChange as any}\n          onFocus={keyboard.onFocus}\n          onOk={onOk as any}\n          onPanelChange={keyboard.onPanelChange}\n          onPickerValueChange={keyboard.onPickerValueChange}\n          onChange={(...args: any[]) => {\n            presetActive.track(args[0]);\n            (keyboard.onChange as any)(...args);\n          }}\n        />\n      );\n    };\n    Picker.displayName = displayName;\n    return Picker as SinglePickerComponent<DateType, any>;\n  };\n\n  return {\n    DatePicker: getPicker() as GeneratedDatePicker<DateType>,\n    MonthPicker: getPicker('month', 'MonthPicker'),\n    QuarterPicker: getPicker('quarter', 'QuarterPicker'),\n    TimePicker: getPicker('time', 'TimePicker'),\n    WeekPicker: getPicker('week', 'WeekPicker'),\n    YearPicker: getPicker('year', 'YearPicker'),\n  };\n};\n\nexport default generateSinglePicker;\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,oBAAoB,oBAAC,MAAD;CAAM,MAAM;CAAG,MAAM;CAAI,OAAO,EAAE,aAAa,EAAE;AAAI,CAAA;AAE/E,MAAM,wBACJ,mBACG;CACH,MAAM,aAAa,cAA2B,cAAc,iBAAiB;EAC3E,MAAM,UAAU,aAAyC;GACvD,MAAM,QAAQ,yBAAyB,UAAU,cAAc;GAC/D,MAAM,EACJ,YACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,mBACA,QAAQ,gBACR,SACA,SACA,MACA,iBACA,UACA,aACA,UACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,QAAQ,YACR,aACA,aACA,gBACA,YACA,UACA,KACA,YACA,mBACA,eACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,OACA,SACA,GAAG,SACD;GACJ,MAAM,SAAS,gBAAgB,cAAc;GAC7C,MAAM,EAAE,QAAQ,aAAa,uBAAuB,gBAAgB,cAAc;GAClF,MAAM,WAAW,iBAAiB;IAChC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GACD,MAAM,SAAS,gBAAgB;IAC7B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc,SAAS;IACvB;IACA;IACA;IACA;IACA;IACA,eAAeA,OAAK,SAAS,gBAAgB,aAAa;IAC1D,eAAe;IACf;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,MAAM,eAAe,gBAClB,KAAa,SACd,WAAW,KAAA,IAAY,OACvB,WAAW,KAAA,IAAY,YACzB;GAEA,OACE,oBAACC,cAAD;IACE,GAAI;IACJ,GAAI;IACJ,SAAS,aAAa;IAGtB,YAAY,SAAS;IACT;IACQ;IACpB,cAAc,gBAAgB,KAAA;IACnB;IACX,QAAQ,OAAO;IACT;IACW;IACP;IACF;IACR,aAAa,SAAS;IACtB,aAAa,eAAe,mBAAmB,MAAM;IAChD;IACL,YAAY,YAAY,YAAY,iBAAiB;IAClC;IACnB,SAAU,KAAa,WAAY,KAAa,aAAa;IACtD;IACP,YACE,WACI;KACE,GAAG,OAAO;KACV,OAAO;MACL,GAAG,OAAO,WAAW;MACrB,MAAMD,OAAK,OAAO,WAAW,MAAM,MAAM,GAAG,WAAW,mBAAmB;KAC5E;IACF,IACA,OAAO;IAEK;IAClB,SAAS,SAAS;IACZ;IACN,eAAe,SAAS;IACxB,qBAAqB,SAAS;IAC9B,WAAW,GAAG,SAAgB;KAC5B,aAAa,MAAM,KAAK,EAAE;KAC1B,SAAU,SAAiB,GAAG,IAAI;IACpC;GACD,CAAA;EAEL;EACA,OAAO,cAAc;EACrB,OAAO;CACT;CAEA,OAAO;EACL,YAAY,UAAU;EACtB,aAAa,UAAU,SAAS,aAAa;EAC7C,eAAe,UAAU,WAAW,eAAe;EACnD,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;EAC1C,YAAY,UAAU,QAAQ,YAAY;CAC5C;AACF"}

package/es/DatePicker/core/PickerInput/Popup/Footer.mjs

@@ -0,0 +1,57 @@
+import PickerContext from "../context.mjs";
+import { isReactRenderable } from "../../utils/common.mjs";
+import useTimeInfo from "../../hooks/useTimeInfo.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Popup/Footer.tsx
+function Footer(props) {
+	const { mode, internalMode, renderExtraFooter, showNow, showTime, onSubmit, onNow, invalid, needConfirm, generateConfig, disabledDate } = props;
+	const { prefixCls, locale, button: Button = "button", classNames, styles } = React$1.use(PickerContext);
+	const now = generateConfig.getNow();
+	const [getValidTime] = useTimeInfo(generateConfig, showTime, now);
+	const extraNode = renderExtraFooter?.(mode);
+	const nowDisabled = disabledDate(now, { type: mode });
+	const onInternalNow = () => {
+		if (!nowDisabled) {
+			const validateNow = getValidTime(now);
+			onNow(validateNow);
+		}
+	};
+	const nowPrefixCls = `${prefixCls}-now`;
+	const nowBtnPrefixCls = `${nowPrefixCls}-btn`;
+	const presetNode = showNow && /* @__PURE__ */ jsx("li", {
+		className: nowPrefixCls,
+		children: /* @__PURE__ */ jsx("a", {
+			"aria-disabled": nowDisabled,
+			className: clsx(nowBtnPrefixCls, nowDisabled && `${nowBtnPrefixCls}-disabled`),
+			onClick: onInternalNow,
+			children: internalMode === "date" ? locale.today : locale.now
+		})
+	});
+	const okNode = needConfirm && /* @__PURE__ */ jsx("li", {
+		className: `${prefixCls}-ok`,
+		children: /* @__PURE__ */ jsx(Button, {
+			disabled: invalid,
+			onClick: onSubmit,
+			children: locale.ok
+		})
+	});
+	const rangeNode = (presetNode || okNode) && /* @__PURE__ */ jsxs("ul", {
+		className: `${prefixCls}-ranges`,
+		children: [presetNode, okNode]
+	});
+	if (!isReactRenderable(extraNode) && !isReactRenderable(rangeNode)) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(`${prefixCls}-footer`, classNames.popup.footer),
+		style: styles.popup.footer,
+		children: [isReactRenderable(extraNode) && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-footer-extra`,
+			children: extraNode
+		}), rangeNode]
+	});
+}
+//#endregion
+export { Footer as default };
+
+//# sourceMappingURL=Footer.mjs.map

package/es/DatePicker/core/PickerInput/Popup/Footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/Footer.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport type { GenerateConfig } from '../../generate';\nimport useTimeInfo from '../../hooks/useTimeInfo';\nimport type { DisabledDate, InternalMode, PanelMode, SharedPickerProps } from '../../interface';\nimport { isReactRenderable } from '../../utils/common';\nimport PickerContext from '../context';\nimport type { PopupShowTimeConfig } from '.';\n\nexport interface FooterProps<DateType extends object = any> {\n  disabledDate: DisabledDate<DateType>;\n  generateConfig: GenerateConfig<DateType>;\n  internalMode: InternalMode;\n  // Invalid\n  /** From Footer component used only. Check if can OK button click */\n  invalid?: boolean;\n  mode: PanelMode;\n  needConfirm: boolean;\n  // Now\n  onNow: (now: DateType) => void;\n\n  // Submit\n  onSubmit: (date?: DateType) => void;\n\n  renderExtraFooter?: SharedPickerProps['renderExtraFooter'];\n  showNow: boolean;\n\n  showTime?: PopupShowTimeConfig<DateType> | null;\n}\n\nexport default function Footer(props: FooterProps) {\n  const {\n    mode,\n    internalMode,\n    renderExtraFooter,\n    showNow,\n    showTime,\n    onSubmit,\n    onNow,\n    invalid,\n    needConfirm,\n    generateConfig,\n    disabledDate,\n  } = props;\n\n  const {\n    prefixCls,\n    locale,\n    button: Button = 'button',\n    classNames,\n    styles,\n  } = React.use(PickerContext);\n\n  // >>> Now\n  const now = generateConfig.getNow();\n\n  const [getValidTime] = useTimeInfo(generateConfig, showTime, now);\n\n  // ======================== Extra =========================\n  const extraNode = renderExtraFooter?.(mode);\n\n  // ======================== Ranges ========================\n  const nowDisabled = disabledDate(now, {\n    type: mode,\n  });\n\n  const onInternalNow = () => {\n    if (!nowDisabled) {\n      const validateNow = getValidTime(now);\n      onNow(validateNow);\n    }\n  };\n\n  const nowPrefixCls = `${prefixCls}-now`;\n  const nowBtnPrefixCls = `${nowPrefixCls}-btn`;\n\n  const presetNode = showNow && (\n    <li className={nowPrefixCls}>\n      <a\n        aria-disabled={nowDisabled}\n        className={clsx(nowBtnPrefixCls, nowDisabled && `${nowBtnPrefixCls}-disabled`)}\n        onClick={onInternalNow}\n      >\n        {internalMode === 'date' ? locale.today : locale.now}\n      </a>\n    </li>\n  );\n\n  // >>> OK\n  const okNode = needConfirm && (\n    <li className={`${prefixCls}-ok`}>\n      <Button disabled={invalid} onClick={onSubmit}>\n        {locale.ok}\n      </Button>\n    </li>\n  );\n\n  const rangeNode = (presetNode || okNode) && (\n    <ul className={`${prefixCls}-ranges`}>\n      {presetNode}\n      {okNode}\n    </ul>\n  );\n\n  // ======================== Render ========================\n  if (!isReactRenderable(extraNode) && !isReactRenderable(rangeNode)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(`${prefixCls}-footer`, classNames.popup.footer)}\n      style={styles.popup.footer}\n    >\n      {isReactRenderable(extraNode) && (\n        <div className={`${prefixCls}-footer-extra`}>{extraNode}</div>\n      )}\n      {rangeNode}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA+BA,SAAwB,OAAO,OAAoB;CACjD,MAAM,EACJ,MACA,cACA,mBACA,SACA,UACA,UACA,OACA,SACA,aACA,gBACA,iBACE;CAEJ,MAAM,EACJ,WACA,QACA,QAAQ,SAAS,UACjB,YACA,WACEA,QAAM,IAAI,aAAa;CAG3B,MAAM,MAAM,eAAe,OAAO;CAElC,MAAM,CAAC,gBAAgB,YAAY,gBAAgB,UAAU,GAAG;CAGhE,MAAM,YAAY,oBAAoB,IAAI;CAG1C,MAAM,cAAc,aAAa,KAAK,EACpC,MAAM,KACR,CAAC;CAED,MAAM,sBAAsB;EAC1B,IAAI,CAAC,aAAa;GAChB,MAAM,cAAc,aAAa,GAAG;GACpC,MAAM,WAAW;EACnB;CACF;CAEA,MAAM,eAAe,GAAG,UAAU;CAClC,MAAM,kBAAkB,GAAG,aAAa;CAExC,MAAM,aAAa,WACjB,oBAAC,MAAD;EAAI,WAAW;EACb,UAAA,oBAAC,KAAD;GACE,iBAAe;GACf,WAAW,KAAK,iBAAiB,eAAe,GAAG,gBAAgB,UAAU;GAC7E,SAAS;GAER,UAAA,iBAAiB,SAAS,OAAO,QAAQ,OAAO;EAChD,CAAA;CACD,CAAA;CAIN,MAAM,SAAS,eACb,oBAAC,MAAD;EAAI,WAAW,GAAG,UAAU;EAC1B,UAAA,oBAAC,QAAD;GAAQ,UAAU;GAAS,SAAS;GACjC,UAAA,OAAO;EACF,CAAA;CACN,CAAA;CAGN,MAAM,aAAa,cAAc,WAC/B,qBAAC,MAAD;EAAI,WAAW,GAAG,UAAU;EAA5B,UAAA,CACG,YACA,MACC;;CAIN,IAAI,CAAC,kBAAkB,SAAS,KAAK,CAAC,kBAAkB,SAAS,GAC/D,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,GAAG,UAAU,UAAU,WAAW,MAAM,MAAM;EAC9D,OAAO,OAAO,MAAM;EAFtB,UAAA,CAIG,kBAAkB,SAAS,KAC1B,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAiB,UAAA;EAAe,CAAA,GAE9D,SACE;;AAET"}

package/es/DatePicker/core/PickerInput/Popup/PopupPanel.mjs

@@ -0,0 +1,57 @@
+import PickerContext from "../context.mjs";
+import { offsetPanelDate } from "../hooks/useRangePickerValue.mjs";
+import { PickerHackContext } from "../../PickerPanel/context.mjs";
+import RefPanelPicker from "../../PickerPanel/index.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerInput/Popup/PopupPanel.tsx
+function PopupPanel(props) {
+	const { picker, multiplePanel, pickerValue, onPickerValueChange, needConfirm, onSubmit, range, hoverValue, hoverRangeValue } = props;
+	const { prefixCls, generateConfig } = React$1.use(PickerContext);
+	const internalOffsetDate = React$1.useCallback((date, offset) => {
+		return offsetPanelDate(generateConfig, picker, date, offset);
+	}, [generateConfig, picker]);
+	const nextPickerValue = React$1.useMemo(() => internalOffsetDate(pickerValue, 1), [pickerValue, internalOffsetDate]);
+	const onSecondPickerValueChange = (nextDate) => {
+		onPickerValueChange(internalOffsetDate(nextDate, -1));
+	};
+	const sharedContext = { onCellDblClick: () => {
+		if (needConfirm) onSubmit();
+	} };
+	const hideHeader = picker === "time";
+	const pickerProps = {
+		...props,
+		hoverRangeValue: null,
+		hideHeader,
+		hoverValue
+	};
+	if (range) pickerProps.hoverRangeValue = hoverRangeValue;
+	if (multiplePanel) return /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}-panels`,
+		children: [/* @__PURE__ */ jsx(PickerHackContext, {
+			value: {
+				...sharedContext,
+				hideNext: true
+			},
+			children: /* @__PURE__ */ jsx(RefPanelPicker, { ...pickerProps })
+		}), /* @__PURE__ */ jsx(PickerHackContext, {
+			value: {
+				...sharedContext,
+				hidePrev: true
+			},
+			children: /* @__PURE__ */ jsx(RefPanelPicker, {
+				...pickerProps,
+				pickerValue: nextPickerValue,
+				onPickerValueChange: onSecondPickerValueChange
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsx(PickerHackContext, {
+		value: { ...sharedContext },
+		children: /* @__PURE__ */ jsx(RefPanelPicker, { ...pickerProps })
+	});
+}
+//#endregion
+export { PopupPanel as default };
+
+//# sourceMappingURL=PopupPanel.mjs.map

package/es/DatePicker/core/PickerInput/Popup/PopupPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupPanel.mjs","names":["React","PickerPanel"],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/PopupPanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport PickerPanel, { type PickerPanelProps } from '../../PickerPanel';\nimport { PickerHackContext, type PickerHackContextProps } from '../../PickerPanel/context';\nimport PickerContext from '../context';\nimport { offsetPanelDate } from '../hooks/useRangePickerValue';\nimport { type FooterProps } from './Footer';\n\nexport type MustProp<DateType extends object> = Required<\n  Pick<PickerPanelProps<DateType>, 'mode' | 'onPanelChange'>\n>;\n\nexport type PopupPanelProps<DateType extends object = any> = MustProp<DateType> &\n  Omit<PickerPanelProps<DateType>, 'onPickerValueChange' | 'showTime'> &\n  FooterProps<DateType> & {\n    multiplePanel?: boolean;\n    range?: boolean;\n\n    onPickerValueChange: (date: DateType) => void;\n  };\n\nexport default function PopupPanel<DateType extends object = any>(\n  props: PopupPanelProps<DateType>,\n) {\n  const {\n    picker,\n    multiplePanel,\n    pickerValue,\n    onPickerValueChange,\n    needConfirm,\n    onSubmit,\n    range,\n    hoverValue,\n    hoverRangeValue,\n  } = props;\n  const { prefixCls, generateConfig } = React.use(PickerContext);\n\n  // ======================== Offset ========================\n  const internalOffsetDate = React.useCallback(\n    (date: DateType, offset: number) => {\n      return offsetPanelDate(generateConfig, picker!, date, offset);\n    },\n    [generateConfig, picker],\n  );\n\n  const nextPickerValue = React.useMemo(\n    () => internalOffsetDate(pickerValue!, 1),\n    [pickerValue, internalOffsetDate],\n  );\n\n  // Outside\n  const onSecondPickerValueChange = (nextDate: DateType) => {\n    onPickerValueChange(internalOffsetDate(nextDate, -1));\n  };\n\n  // ======================= Context ========================\n  const sharedContext: PickerHackContextProps = {\n    onCellDblClick: () => {\n      if (needConfirm) {\n        onSubmit();\n      }\n    },\n  };\n\n  const hideHeader = picker === 'time';\n\n  // ======================== Props =========================\n  const pickerProps: PickerPanelProps<DateType> = {\n    ...props,\n    hoverRangeValue: null,\n    hideHeader,\n    hoverValue,\n  };\n\n  if (range) {\n    pickerProps.hoverRangeValue = hoverRangeValue;\n  }\n\n  // ======================== Render ========================\n  // Multiple\n  if (multiplePanel) {\n    return (\n      <div className={`${prefixCls}-panels`}>\n        <PickerHackContext\n          value={{\n            ...sharedContext,\n            hideNext: true,\n          }}\n        >\n          <PickerPanel<DateType> {...pickerProps} />\n        </PickerHackContext>\n        <PickerHackContext\n          value={{\n            ...sharedContext,\n            hidePrev: true,\n          }}\n        >\n          <PickerPanel<DateType>\n            {...pickerProps}\n            pickerValue={nextPickerValue}\n            onPickerValueChange={onSecondPickerValueChange}\n          />\n        </PickerHackContext>\n      </div>\n    );\n  }\n\n  // Single\n  return (\n    <PickerHackContext\n      value={{\n        ...sharedContext,\n      }}\n    >\n      <PickerPanel {...pickerProps} />\n    </PickerHackContext>\n  );\n}\n"],"mappings":";;;;;;;AAqBA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,QACA,eACA,aACA,qBACA,aACA,UACA,OACA,YACA,oBACE;CACJ,MAAM,EAAE,WAAW,mBAAmBA,QAAM,IAAI,aAAa;CAG7D,MAAM,qBAAqBA,QAAM,aAC9B,MAAgB,WAAmB;EAClC,OAAO,gBAAgB,gBAAgB,QAAS,MAAM,MAAM;CAC9D,GACA,CAAC,gBAAgB,MAAM,CACzB;CAEA,MAAM,kBAAkBA,QAAM,cACtB,mBAAmB,aAAc,CAAC,GACxC,CAAC,aAAa,kBAAkB,CAClC;CAGA,MAAM,6BAA6B,aAAuB;EACxD,oBAAoB,mBAAmB,UAAU,EAAE,CAAC;CACtD;CAGA,MAAM,gBAAwC,EAC5C,sBAAsB;EACpB,IAAI,aACF,SAAS;CAEb,EACF;CAEA,MAAM,aAAa,WAAW;CAG9B,MAAM,cAA0C;EAC9C,GAAG;EACH,iBAAiB;EACjB;EACA;CACF;CAEA,IAAI,OACF,YAAY,kBAAkB;CAKhC,IAAI,eACF,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAA7B,UAAA,CACE,oBAAC,mBAAD;GACE,OAAO;IACL,GAAG;IACH,UAAU;GACZ;GAEA,UAAA,oBAACC,gBAAD,EAAuB,GAAI,YAAc,CAAA;EACxB,CAAA,GACnB,oBAAC,mBAAD;GACE,OAAO;IACL,GAAG;IACH,UAAU;GACZ;GAEA,UAAA,oBAACA,gBAAD;IACE,GAAI;IACJ,aAAa;IACb,qBAAqB;GACtB,CAAA;EACgB,CAAA,CAChB;;CAKT,OACE,oBAAC,mBAAD;EACE,OAAO,EACL,GAAG,cACL;EAEA,UAAA,oBAACA,gBAAD,EAAa,GAAI,YAAc,CAAA;CACd,CAAA;AAEvB"}

package/es/DatePicker/core/PickerInput/Popup/PresetPanel.mjs

@@ -0,0 +1,29 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DatePicker/core/PickerInput/Popup/PresetPanel.tsx
+function executeValue(value) {
+	return typeof value === "function" ? value() : value;
+}
+function PresetPanel(props) {
+	const { prefixCls, presets, onClick, onHover } = props;
+	if (!presets.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: `${prefixCls}-presets`,
+		children: /* @__PURE__ */ jsx("ul", { children: presets.map(({ label, value }, index) => /* @__PURE__ */ jsx("li", {
+			onClick: () => {
+				onClick(executeValue(value));
+			},
+			onMouseEnter: () => {
+				onHover(executeValue(value));
+			},
+			onMouseLeave: () => {
+				onHover(null);
+			},
+			children: label
+		}, index)) })
+	});
+}
+//#endregion
+export { PresetPanel as default };
+
+//# sourceMappingURL=PresetPanel.mjs.map

package/es/DatePicker/core/PickerInput/Popup/PresetPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetPanel.mjs","names":[],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/PresetPanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ValueDate } from '../../interface';\n\nexport interface PresetPanelProps<ValueType = any> {\n  onClick: (value: ValueType) => void;\n  onHover: (value: ValueType | null) => void;\n  prefixCls: string;\n  presets: ValueDate<ValueType>[];\n}\n\nfunction executeValue<ValueType extends object>(value: ValueDate<ValueType>['value']): ValueType {\n  return typeof value === 'function' ? value() : value;\n}\n\nexport default function PresetPanel<DateType extends object = any>(\n  props: PresetPanelProps<DateType>,\n) {\n  const { prefixCls, presets, onClick, onHover } = props;\n\n  if (!presets.length) {\n    return null;\n  }\n\n  return (\n    <div className={`${prefixCls}-presets`}>\n      <ul>\n        {presets.map(({ label, value }, index) => (\n          <li\n            key={index}\n            onClick={() => {\n              onClick(executeValue(value));\n            }}\n            onMouseEnter={() => {\n              onHover(executeValue(value));\n            }}\n            onMouseLeave={() => {\n              onHover(null);\n            }}\n          >\n            {label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;AAWA,SAAS,aAAuC,OAAiD;CAC/F,OAAO,OAAO,UAAU,aAAa,MAAM,IAAI;AACjD;AAEA,SAAwB,YACtB,OACA;CACA,MAAM,EAAE,WAAW,SAAS,SAAS,YAAY;CAEjD,IAAI,CAAC,QAAQ,QACX,OAAO;CAGT,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAC3B,UAAA,oBAAC,MAAD,EAAA,UACG,QAAQ,KAAK,EAAE,OAAO,SAAS,UAC9B,oBAAC,MAAD;GAEE,eAAe;IACb,QAAQ,aAAa,KAAK,CAAC;GAC7B;GACA,oBAAoB;IAClB,QAAQ,aAAa,KAAK,CAAC;GAC7B;GACA,oBAAoB;IAClB,QAAQ,IAAI;GACd;GAEC,UAAA;EACC,GAZG,KAYH,CACL,EACC,CAAA;CACD,CAAA;AAET"}

package/es/DatePicker/core/PickerInput/Popup/index.mjs

@@ -0,0 +1,133 @@
+import { useMergeRefs } from "../../../../utils/mergeRefs.mjs";
+import { useResizeObserver } from "../../hooks/react.mjs";
+import PickerContext from "../context.mjs";
+import { toArray } from "../../utils/miscUtil.mjs";
+import Footer from "./Footer.mjs";
+import PopupPanel from "./PopupPanel.mjs";
+import PresetPanel from "./PresetPanel.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/DatePicker/core/PickerInput/Popup/index.tsx
+function Popup(props) {
+	const { containerRef, panelRender, internalMode, picker, showNow, range, multiple, activeInfo = [
+		0,
+		0,
+		0
+	], presets, onPresetHover, onPresetSubmit, onFocus, onBlur, onPanelMouseDown, direction, value, onSelect, isInvalid, defaultOpenValue, onOk, onSubmit, classNames, styles } = props;
+	const { prefixCls } = React$1.use(PickerContext);
+	const panelPrefixCls = `${prefixCls}-panel`;
+	const rtl = direction === "rtl";
+	const arrowRef = React$1.useRef(null);
+	const wrapperRef = React$1.useRef(null);
+	const panelContainerRef = React$1.useRef(null);
+	const mergedContainerRef = useMergeRefs([containerRef, panelContainerRef]);
+	const [containerWidth, setContainerWidth] = React$1.useState(0);
+	const [containerOffset, setContainerOffset] = React$1.useState(0);
+	const [arrowOffset, setArrowOffset] = React$1.useState(0);
+	useResizeObserver(panelContainerRef, (element) => {
+		if (element.offsetWidth) setContainerWidth(element.offsetWidth);
+	}, !!range);
+	const [activeInputLeft, activeInputRight, selectorWidth] = activeInfo;
+	const [retryTimes, setRetryTimes] = React$1.useState(0);
+	React$1.useEffect(() => {
+		setRetryTimes(10);
+	}, [activeInputLeft]);
+	React$1.useEffect(() => {
+		if (range && wrapperRef.current) {
+			const arrowWidth = arrowRef.current?.offsetWidth || 0;
+			const wrapperRect = wrapperRef.current.getBoundingClientRect();
+			if (!wrapperRect.height || wrapperRect.right < 0) {
+				setRetryTimes((times) => Math.max(0, times - 1));
+				return;
+			}
+			const nextArrowOffset = (rtl ? activeInputRight - arrowWidth : activeInputLeft) - wrapperRect.left;
+			setArrowOffset(nextArrowOffset);
+			if (containerWidth && containerWidth < selectorWidth) {
+				const offset = rtl ? wrapperRect.right - (activeInputRight - arrowWidth + containerWidth) : activeInputLeft + arrowWidth - wrapperRect.left - containerWidth;
+				setContainerOffset(Math.max(0, offset));
+			} else setContainerOffset(0);
+		}
+	}, [
+		retryTimes,
+		rtl,
+		containerWidth,
+		activeInputLeft,
+		activeInputRight,
+		selectorWidth,
+		range
+	]);
+	function filterEmpty(list) {
+		return list.filter((item) => item);
+	}
+	const valueList = React$1.useMemo(() => filterEmpty(toArray(value)), [value]);
+	const isTimePickerEmptyValue = picker === "time" && !valueList.length;
+	const footerSubmitValue = React$1.useMemo(() => {
+		if (isTimePickerEmptyValue) return filterEmpty([defaultOpenValue]);
+		return valueList;
+	}, [
+		isTimePickerEmptyValue,
+		valueList,
+		defaultOpenValue
+	]);
+	const popupPanelValue = isTimePickerEmptyValue ? defaultOpenValue : valueList;
+	const disableSubmit = React$1.useMemo(() => {
+		if (!footerSubmitValue.length) return true;
+		return footerSubmitValue.some((val) => isInvalid(val));
+	}, [footerSubmitValue, isInvalid]);
+	const onFooterSubmit = () => {
+		if (isTimePickerEmptyValue) onSelect(defaultOpenValue);
+		onOk();
+		onSubmit();
+	};
+	let mergedNodes = /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}-panel-layout`,
+		children: [/* @__PURE__ */ jsx(PresetPanel, {
+			prefixCls,
+			presets,
+			onClick: onPresetSubmit,
+			onHover: onPresetHover
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(PopupPanel, {
+			...props,
+			value: popupPanelValue
+		}), /* @__PURE__ */ jsx(Footer, {
+			...props,
+			invalid: disableSubmit,
+			showNow: multiple ? false : showNow,
+			onSubmit: onFooterSubmit
+		})] })]
+	});
+	if (panelRender) mergedNodes = panelRender(mergedNodes);
+	const containerPrefixCls = `${panelPrefixCls}-container`;
+	const marginLeft = "marginLeft";
+	const marginRight = "marginRight";
+	let renderNode = /* @__PURE__ */ jsx("div", {
+		ref: mergedContainerRef,
+		tabIndex: -1,
+		className: clsx(containerPrefixCls, `${prefixCls}-${internalMode}-panel-container`, classNames?.popup?.container),
+		onBlur,
+		style: {
+			[rtl ? marginRight : marginLeft]: containerOffset,
+			[rtl ? marginLeft : marginRight]: "auto",
+			...styles?.popup?.container
+		},
+		onFocus,
+		onMouseDown: onPanelMouseDown,
+		children: mergedNodes
+	});
+	if (range) renderNode = /* @__PURE__ */ jsxs("div", {
+		className: clsx(`${prefixCls}-range-wrapper`, `${prefixCls}-${picker}-range-wrapper`),
+		ref: wrapperRef,
+		onMouseDown: onPanelMouseDown,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-range-arrow`,
+			ref: arrowRef,
+			style: { left: arrowOffset }
+		}), renderNode]
+	});
+	return renderNode;
+}
+//#endregion
+export { Popup as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/DatePicker/core/PickerInput/Popup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React"],"sources":["../../../../../src/DatePicker/core/PickerInput/Popup/index.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { useMergeRefs } from '@/utils/mergeRefs';\n\nimport { useResizeObserver } from '../../hooks/react';\nimport type {\n  RangeTimeProps,\n  SharedPickerProps,\n  SharedTimeProps,\n  ValueDate,\n} from '../../interface';\nimport { toArray } from '../../utils/miscUtil';\nimport PickerContext from '../context';\nimport Footer, { type FooterProps } from './Footer';\nimport PopupPanel, { type PopupPanelProps } from './PopupPanel';\nimport PresetPanel from './PresetPanel';\n\nexport type PopupShowTimeConfig<DateType extends object = any> = Omit<\n  RangeTimeProps<DateType>,\n  'defaultValue' | 'defaultOpenValue' | 'disabledTime'\n> &\n  Pick<SharedTimeProps<DateType>, 'disabledTime'>;\n\nexport interface PopupProps<DateType extends object = any, PresetValue = DateType>\n  extends\n    Pick<React.InputHTMLAttributes<HTMLDivElement>, 'onFocus' | 'onBlur'>,\n    FooterProps<DateType>,\n    PopupPanelProps<DateType> {\n  // Range\n  activeInfo?: [activeInputLeft: number, activeInputRight: number, selectorWidth: number];\n  classNames?: SharedPickerProps['classNames'];\n\n  containerRef?: React.Ref<HTMLDivElement>;\n  // Fill\n  /** TimePicker or showTime only */\n  defaultOpenValue: DateType;\n  // Direction\n  direction?: 'ltr' | 'rtl';\n\n  isInvalid: (date: DateType | DateType[]) => boolean;\n  // Change\n  needConfirm: boolean;\n\n  onOk: VoidFunction;\n\n  onPanelMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPresetHover: (presetValue: PresetValue) => void;\n  onPresetSubmit: (presetValue: PresetValue) => void;\n\n  panelRender?: SharedPickerProps['panelRender'];\n\n  // Presets\n  presets: ValueDate<DateType>[];\n  styles?: SharedPickerProps['styles'];\n}\n\nexport default function Popup<DateType extends object = any>(props: PopupProps<DateType>) {\n  const {\n    containerRef,\n    panelRender,\n    internalMode,\n    picker,\n    showNow,\n\n    // Range\n    range,\n    multiple,\n    activeInfo = [0, 0, 0],\n\n    // Presets\n    presets,\n    onPresetHover,\n    onPresetSubmit,\n\n    // Focus\n    onFocus,\n    onBlur,\n    onPanelMouseDown,\n\n    // Direction\n    direction,\n\n    // Change\n    value,\n    onSelect,\n    isInvalid,\n    defaultOpenValue,\n    onOk,\n    onSubmit,\n    classNames,\n    styles,\n  } = props;\n\n  const { prefixCls } = React.use(PickerContext);\n  const panelPrefixCls = `${prefixCls}-panel`;\n\n  const rtl = direction === 'rtl';\n\n  // ========================= Refs =========================\n  const arrowRef = React.useRef<HTMLDivElement>(null);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const panelContainerRef = React.useRef<HTMLDivElement>(null);\n  const mergedContainerRef = useMergeRefs([containerRef, panelContainerRef]);\n\n  // ======================== Offset ========================\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerOffset, setContainerOffset] = React.useState<number>(0);\n  const [arrowOffset, setArrowOffset] = React.useState<number>(0);\n\n  useResizeObserver(\n    panelContainerRef,\n    (element) => {\n      if (element.offsetWidth) {\n        setContainerWidth(element.offsetWidth);\n      }\n    },\n    !!range,\n  );\n\n  const [activeInputLeft, activeInputRight, selectorWidth] = activeInfo;\n  const [retryTimes, setRetryTimes] = React.useState(0);\n\n  React.useEffect(() => {\n    setRetryTimes(10);\n  }, [activeInputLeft]);\n\n  React.useEffect(() => {\n    // `activeOffset` is always align with the active input element\n    // So we need only check container contains the `activeOffset`\n    if (range && wrapperRef.current) {\n      // Offset in case container has border radius\n      const arrowWidth = arrowRef.current?.offsetWidth || 0;\n\n      // Arrow Offset\n      const wrapperRect = wrapperRef.current.getBoundingClientRect();\n      if (!wrapperRect.height || wrapperRect.right < 0) {\n        setRetryTimes((times) => Math.max(0, times - 1));\n        return;\n      }\n\n      const nextArrowOffset =\n        (rtl ? activeInputRight - arrowWidth : activeInputLeft) - wrapperRect.left;\n      setArrowOffset(nextArrowOffset);\n\n      // Container Offset\n      if (containerWidth && containerWidth < selectorWidth) {\n        const offset = rtl\n          ? wrapperRect.right - (activeInputRight - arrowWidth + containerWidth)\n          : activeInputLeft + arrowWidth - wrapperRect.left - containerWidth;\n\n        const safeOffset = Math.max(0, offset);\n        setContainerOffset(safeOffset);\n      } else {\n        setContainerOffset(0);\n      }\n    }\n  }, [retryTimes, rtl, containerWidth, activeInputLeft, activeInputRight, selectorWidth, range]);\n\n  // ======================== Custom ========================\n  function filterEmpty<T>(list: T[]) {\n    return list.filter((item) => item);\n  }\n\n  const valueList = React.useMemo(() => filterEmpty(toArray(value)), [value]);\n\n  const isTimePickerEmptyValue = picker === 'time' && !valueList.length;\n\n  const footerSubmitValue = React.useMemo(() => {\n    if (isTimePickerEmptyValue) {\n      return filterEmpty([defaultOpenValue]);\n    }\n    return valueList;\n  }, [isTimePickerEmptyValue, valueList, defaultOpenValue]);\n\n  const popupPanelValue = isTimePickerEmptyValue ? defaultOpenValue : valueList;\n\n  const disableSubmit = React.useMemo(() => {\n    // Empty is invalid\n    if (!footerSubmitValue.length) {\n      return true;\n    }\n\n    return footerSubmitValue.some((val) => isInvalid(val));\n  }, [footerSubmitValue, isInvalid]);\n\n  const onFooterSubmit = () => {\n    // For TimePicker, we will additional trigger the value update\n    if (isTimePickerEmptyValue) {\n      onSelect!(defaultOpenValue);\n    }\n\n    onOk();\n    onSubmit();\n  };\n\n  let mergedNodes: React.ReactNode = (\n    <div className={`${prefixCls}-panel-layout`}>\n      {/* `any` here since PresetPanel is reused for both Single & Range Picker which means return type is not stable */}\n      <PresetPanel<any>\n        prefixCls={prefixCls}\n        presets={presets}\n        onClick={onPresetSubmit}\n        onHover={onPresetHover}\n      />\n      <div>\n        <PopupPanel {...props} value={popupPanelValue} />\n        <Footer\n          {...props}\n          invalid={disableSubmit}\n          showNow={multiple ? false : showNow}\n          onSubmit={onFooterSubmit}\n        />\n      </div>\n    </div>\n  );\n\n  if (panelRender) {\n    mergedNodes = panelRender(mergedNodes);\n  }\n\n  // ======================== Render ========================\n  const containerPrefixCls = `${panelPrefixCls}-container`;\n\n  const marginLeft = 'marginLeft';\n  const marginRight = 'marginRight';\n\n  // Container\n  let renderNode = (\n    <div\n      ref={mergedContainerRef}\n      tabIndex={-1}\n      className={clsx(\n        containerPrefixCls,\n        // Used for Today Button style, safe to remove if no need\n        `${prefixCls}-${internalMode}-panel-container`,\n        classNames?.popup?.container,\n      )}\n      onBlur={onBlur}\n      style={{\n        [rtl ? marginRight : marginLeft]: containerOffset,\n        [rtl ? marginLeft : marginRight]: 'auto',\n        ...styles?.popup?.container,\n      }}\n      // Still wish not to lose focus on mouse down\n      // onMouseDown={(e) => {\n      //   // e.preventDefault();\n      // }}\n      onFocus={onFocus}\n      onMouseDown={onPanelMouseDown}\n    >\n      {mergedNodes}\n    </div>\n  );\n\n  if (range) {\n    renderNode = (\n      <div\n        className={clsx(`${prefixCls}-range-wrapper`, `${prefixCls}-${picker}-range-wrapper`)}\n        ref={wrapperRef}\n        onMouseDown={onPanelMouseDown}\n      >\n        <div className={`${prefixCls}-range-arrow`} ref={arrowRef} style={{ left: arrowOffset }} />\n\n        {/* Watch for container size */}\n        {renderNode}\n      </div>\n    );\n  }\n\n  return renderNode;\n}\n"],"mappings":"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"}

package/es/DatePicker/core/PickerInput/RangePicker.d.mts

@@ -0,0 +1,51 @@
+import { BaseInfo, PanelMode, RangeTimeProps, SharedPickerProps, ValueDate } from "../interface.mjs";
+import { SelectorIdType } from "./Selector/RangeSelector.mjs";
+import * as React$1 from "react";
+//#region src/DatePicker/core/PickerInput/RangePicker.d.ts
+export type RangeValueType<DateType> = [start: DateType | null | undefined, end: DateType | null | undefined];
+/** Used for change event, it should always be not undefined */
+export type NoUndefinedRangeValueType<DateType> = [start: DateType | null, end: DateType | null];
+export interface BaseRangePickerProps<DateType extends object> extends Omit<SharedPickerProps<DateType>, 'showTime' | 'id'> {
+  allowEmpty?: boolean | [boolean, boolean];
+  /**
+   * Config the popup panel date.
+   * Every time active the input to open popup will reset with `defaultPickerValue`.
+   *
+   * Note: `defaultPickerValue` priority is higher than `value` for the first open.
+   */
+  defaultPickerValue?: [DateType, DateType] | DateType | null;
+  defaultValue?: RangeValueType<DateType>;
+  disabled?: boolean | [boolean, boolean];
+  id?: SelectorIdType;
+  mode?: [startMode: PanelMode, endMode: PanelMode];
+  onCalendarChange?: (dates: NoUndefinedRangeValueType<DateType>, dateStrings: [string, string], info: BaseInfo) => void;
+  onChange?: (dates: NoUndefinedRangeValueType<DateType> | null, dateStrings: [string, string]) => void;
+  onOk?: (values: NoUndefinedRangeValueType<DateType>) => void;
+  /** Trigger on each `mode` or `pickerValue` changed. */
+  onPanelChange?: (values: NoUndefinedRangeValueType<DateType>, modes: [startMode: PanelMode, endMode: PanelMode]) => void;
+  /**
+   * Each popup panel `pickerValue` includes `mode` change will trigger the callback.
+   * @param date The changed picker value
+   * @param info.source `panel` from the panel click. `reset` from popup open or field typing
+   * @param info.mode Next `mode` panel
+   */
+  onPickerValueChange?: (date: [DateType, DateType], info: BaseInfo & {
+    source: 'reset' | 'panel';
+    mode: [PanelMode, PanelMode];
+  }) => void;
+  /**
+   * Config each start & end field popup panel date.
+   * When config `pickerValue`, you must also provide `onPickerValueChange` to handle changes.
+   */
+  pickerValue?: [DateType, DateType] | DateType | null;
+  placeholder?: [string, string];
+  presets?: ValueDate<Exclude<RangeValueType<DateType>, null>>[];
+  /** @deprecated Please use `presets` instead */
+  ranges?: Record<string, Exclude<RangeValueType<DateType>, null> | (() => Exclude<RangeValueType<DateType>, null>)>;
+  separator?: React$1.ReactNode;
+  showTime?: boolean | RangeTimeProps<DateType>;
+  value?: RangeValueType<DateType> | null;
+}
+export interface RangePickerProps<DateType extends object> extends BaseRangePickerProps<DateType>, Omit<RangeTimeProps<DateType>, 'format' | 'defaultValue' | 'defaultOpenValue'> {}
+//#endregion
+//# sourceMappingURL=RangePicker.d.mts.map