@tiny-design/react 1.0.4

package/lib/copy-to-clipboard/copy-to-clipboard.js

@@ -0,0 +1,48 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/copy-to-clipboard/copy-to-clipboard.tsx
+const copy = async (value) => {
+	if (navigator.clipboard) try {
+		await navigator.clipboard.writeText(value);
+	} catch {
+		fallbackCopy(value);
+	}
+	else fallbackCopy(value);
+};
+const fallbackCopy = (value) => {
+	const textArea = document.createElement("textarea");
+	textArea.style.position = "fixed";
+	textArea.style.opacity = "0";
+	textArea.value = value;
+	document.body.appendChild(textArea);
+	textArea.select();
+	try {
+		document.execCommand("copy");
+	} catch {}
+	document.body.removeChild(textArea);
+};
+const CopyToClipboard = (props) => {
+	const { prefixCls: customisedCls, text, className, children, onClick, ...otherProps } = props;
+	const cls = (0, classnames.default)(require_general.getPrefixCls("copy", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls), className);
+	const btnOnClick = (e) => {
+		copy(text);
+		onClick && onClick(e);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...otherProps,
+		className: cls,
+		onClick: btnOnClick,
+		children
+	});
+};
+CopyToClipboard.displayName = "CopyToClipboard";
+//#endregion
+exports.default = CopyToClipboard;
+
+//# sourceMappingURL=copy-to-clipboard.js.map

package/lib/copy-to-clipboard/copy-to-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard.js","names":["getPrefixCls","ConfigContext"],"sources":["../../src/copy-to-clipboard/copy-to-clipboard.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CopyToClipboardProps } from './types';\n\nconst copy = async (value: string) => {\n  if (navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(value);\n    } catch {\n      fallbackCopy(value);\n    }\n  } else {\n    fallbackCopy(value);\n  }\n};\n\nconst fallbackCopy = (value: string) => {\n  const textArea = document.createElement('textarea');\n  textArea.style.position = 'fixed';\n  textArea.style.opacity = '0';\n  textArea.value = value;\n  document.body.appendChild(textArea);\n  textArea.select();\n  try {\n    document.execCommand('copy');\n  } catch {\n    // copy failed silently\n  }\n  document.body.removeChild(textArea);\n};\n\nconst CopyToClipboard = (props: CopyToClipboardProps): React.ReactElement => {\n  const { prefixCls: customisedCls, text, className, children, onClick, ...otherProps } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('copy', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  const btnOnClick = (e: React.MouseEvent<HTMLSpanElement>): void => {\n    copy(text);\n    onClick && onClick(e);\n  };\n\n  return (\n    <span {...otherProps} className={cls} onClick={btnOnClick}>\n      {children}\n    </span>\n  );\n};\n\nCopyToClipboard.displayName = 'CopyToClipboard';\n\nexport default CopyToClipboard;\n"],"mappings":";;;;;;;;;AAMA,MAAM,OAAO,OAAO,UAAkB;AACpC,KAAI,UAAU,UACZ,KAAI;AACF,QAAM,UAAU,UAAU,UAAU,MAAM;SACpC;AACN,eAAa,MAAM;;KAGrB,cAAa,MAAM;;AAIvB,MAAM,gBAAgB,UAAkB;CACtC,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,MAAM,WAAW;AAC1B,UAAS,MAAM,UAAU;AACzB,UAAS,QAAQ;AACjB,UAAS,KAAK,YAAY,SAAS;AACnC,UAAS,QAAQ;AACjB,KAAI;AACF,WAAS,YAAY,OAAO;SACtB;AAGR,UAAS,KAAK,YAAY,SAAS;;AAGrC,MAAM,mBAAmB,UAAoD;CAC3E,MAAM,EAAE,WAAW,eAAe,MAAM,WAAW,UAAU,SAAS,GAAG,eAAe;CAGxF,MAAM,OAAA,GAAA,WAAA,SADYA,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc,EAC5C,UAAU;CAE5C,MAAM,cAAc,MAA+C;AACjE,OAAK,KAAK;AACV,aAAW,QAAQ,EAAE;;AAGvB,QACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,GAAI;EAAY,WAAW;EAAK,SAAS;EAC5C;EACI,CAAA;;AAIX,gBAAgB,cAAc"}

package/lib/copy-to-clipboard/index.js

@@ -0,0 +1,6 @@
+//#region src/copy-to-clipboard/index.tsx
+var copy_to_clipboard_default = require("./copy-to-clipboard.js").default;
+//#endregion
+exports.default = copy_to_clipboard_default;
+
+//# sourceMappingURL=index.js.map

package/lib/copy-to-clipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CopyToClipboard"],"sources":["../../src/copy-to-clipboard/index.tsx"],"sourcesContent":["import CopyToClipboard from './copy-to-clipboard';\n\nexport default CopyToClipboard;\n"],"mappings":";AAEA,IAAA,8DAAeA"}

package/lib/copy-to-clipboard/types.d.ts

@@ -0,0 +1,11 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/copy-to-clipboard/types.d.ts
+interface CopyToClipboardProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+  text: string;
+  children?: React.ReactNode;
+}
+//#endregion
+export { CopyToClipboardProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/countdown/countdown.d.ts

@@ -0,0 +1,8 @@
+import { CountdownProps } from "./types.js";
+import React from "react";
+
+//#region src/countdown/countdown.d.ts
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Countdown };
+//# sourceMappingURL=countdown.d.ts.map

package/lib/countdown/countdown.js

@@ -0,0 +1,68 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/countdown/countdown.tsx
+const Countdown = react.default.forwardRef((props, ref) => {
+	const { millisec = false, prefixCls: customisedCls, value, onFinish, className, style, children } = props;
+	const cls = (0, classnames.default)(require_general.getPrefixCls("countdown", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls), className);
+	const [date, setDate] = (0, react.useState)({
+		day: 0,
+		hour: 0,
+		min: 0,
+		sec: 0,
+		millisec: 0
+	});
+	const timerRef = (0, react.useRef)();
+	const startInterval = (0, react.useCallback)(() => {
+		timerRef.current = window.setInterval(() => {
+			const distance = value.getTime() - Date.now();
+			if (distance < 0) {
+				window.clearInterval(timerRef.current);
+				setDate({
+					day: 0,
+					hour: 0,
+					min: 0,
+					sec: 0,
+					millisec: 0
+				});
+				onFinish && onFinish();
+				return;
+			}
+			setDate({
+				day: Math.floor(distance / 864e5),
+				hour: Math.floor(distance % 864e5 / 36e5),
+				min: Math.floor(distance % 36e5 / 6e4),
+				sec: Math.floor(distance % 6e4 / 1e3),
+				millisec: Math.floor(distance % 6e4 % 1e3)
+			});
+		}, millisec ? 1 : 1e3);
+	}, [
+		millisec,
+		onFinish,
+		value
+	]);
+	(0, react.useEffect)(() => {
+		value && startInterval();
+		return () => {
+			window.clearInterval(timerRef.current);
+		};
+	}, [value, startInterval]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: cls,
+		style,
+		role: "timer",
+		"aria-live": "polite",
+		children: typeof children === "function" && children(date)
+	});
+});
+Countdown.displayName = "Countdown";
+//#endregion
+exports.default = Countdown;
+
+//# sourceMappingURL=countdown.js.map

package/lib/countdown/countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../src/countdown/countdown.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CountdownProps, DateType } from './types';\n\nconst Countdown = React.forwardRef<HTMLDivElement, CountdownProps>((props, ref) => {\n  const {\n    millisec = false,\n    prefixCls: customisedCls,\n    value,\n    onFinish,\n    className,\n    style,\n    children,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('countdown', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const [date, setDate] = useState<DateType>({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 });\n  const timerRef = useRef<number>();\n\n  const startInterval = useCallback((): void => {\n    timerRef.current = window.setInterval(\n      () => {\n        const distance = value.getTime() - Date.now();\n\n        // when the count down finished\n        if (distance < 0) {\n          window.clearInterval(timerRef.current);\n          setDate({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 });\n          onFinish && onFinish();\n          return;\n        }\n\n        // calculate the specific time\n        const day = Math.floor(distance / 86400000);\n        const hour = Math.floor((distance % 86400000) / 3600000);\n        const min = Math.floor((distance % 3600000) / 60000);\n        const sec = Math.floor((distance % 60000) / 1000);\n        const millisecond = Math.floor((distance % 60000) % 1000);\n        setDate({ day, hour, min, sec, millisec: millisecond });\n      },\n      millisec ? 1 : 1000\n    );\n  }, [millisec, onFinish, value]);\n\n  useEffect(() => {\n    value && startInterval();\n\n    return (): void => {\n      window.clearInterval(timerRef.current);\n    };\n  }, [value, startInterval]);\n\n  return (\n    <div ref={ref} className={cls} style={style} role=\"timer\" aria-live=\"polite\">\n      {typeof children === 'function' && children(date)}\n    </div>\n  );\n});\n\nCountdown.displayName = 'Countdown';\n\nexport default Countdown;\n"],"mappings":";;;;;;;;;AAMA,MAAM,YAAYA,MAAAA,QAAM,YAA4C,OAAO,QAAQ;CACjF,MAAM,EACJ,WAAW,OACX,WAAW,eACX,OACA,UACA,WACA,OACA,aACE;CAGJ,MAAM,OAAA,GAAA,WAAA,SADYC,gBAAAA,aAAa,cAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACW,WAAW,cAAc,EACjD,UAAU;CAC5C,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAA8B;EAAE,KAAK;EAAG,MAAM;EAAG,KAAK;EAAG,KAAK;EAAG,UAAU;EAAG,CAAC;CAC5F,MAAM,YAAA,GAAA,MAAA,SAA2B;CAEjC,MAAM,iBAAA,GAAA,MAAA,mBAAwC;AAC5C,WAAS,UAAU,OAAO,kBAClB;GACJ,MAAM,WAAW,MAAM,SAAS,GAAG,KAAK,KAAK;AAG7C,OAAI,WAAW,GAAG;AAChB,WAAO,cAAc,SAAS,QAAQ;AACtC,YAAQ;KAAE,KAAK;KAAG,MAAM;KAAG,KAAK;KAAG,KAAK;KAAG,UAAU;KAAG,CAAC;AACzD,gBAAY,UAAU;AACtB;;AASF,WAAQ;IAAE,KALE,KAAK,MAAM,WAAW,MAAS;IAK5B,MAJF,KAAK,MAAO,WAAW,QAAY,KAAQ;IAInC,KAHT,KAAK,MAAO,WAAW,OAAW,IAAM;IAG1B,KAFd,KAAK,MAAO,WAAW,MAAS,IAAK;IAElB,UADX,KAAK,MAAO,WAAW,MAAS,IAAK;IACH,CAAC;KAEzD,WAAW,IAAI,IAChB;IACA;EAAC;EAAU;EAAU;EAAM,CAAC;AAE/B,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,eAAe;AAExB,eAAmB;AACjB,UAAO,cAAc,SAAS,QAAQ;;IAEvC,CAAC,OAAO,cAAc,CAAC;AAE1B,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAU;EAAK,WAAW;EAAY;EAAO,MAAK;EAAQ,aAAU;YACjE,OAAO,aAAa,cAAc,SAAS,KAAK;EAC7C,CAAA;EAER;AAEF,UAAU,cAAc"}

package/lib/countdown/index.js

@@ -0,0 +1,6 @@
+//#region src/countdown/index.tsx
+var countdown_default = require("./countdown.js").default;
+//#endregion
+exports.default = countdown_default;
+
+//# sourceMappingURL=index.js.map

package/lib/countdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Countdown"],"sources":["../../src/countdown/index.tsx"],"sourcesContent":["import Countdown from './countdown';\n\nexport default Countdown;\n"],"mappings":";AAEA,IAAA,8CAAeA"}

package/lib/countdown/types.d.ts

@@ -0,0 +1,20 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/countdown/types.d.ts
+type DateType = {
+  day: number;
+  hour: number;
+  min: number;
+  sec: number;
+  millisec: number;
+};
+interface CountdownProps extends BaseProps {
+  value: Date;
+  onFinish?: () => void;
+  millisec?: boolean;
+  children?: (date: DateType) => React.ReactNode;
+}
+//#endregion
+export { CountdownProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/date-picker/date-picker.d.ts

@@ -0,0 +1,11 @@
+import { DatePickerProps } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/date-picker/date-picker.d.ts
+declare const DatePicker: {
+  (props: DatePickerProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DatePicker };
+//# sourceMappingURL=date-picker.d.ts.map

package/lib/date-picker/date-picker.js

@@ -0,0 +1,230 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_index = require("../popup/index.js");
+const require_use_locale = require("../_utils/use-locale.js");
+const require_picker_header = require("./picker-header.js");
+const require_picker_day = require("./picker-day.js");
+const require_picker_month = require("./picker-month.js");
+const require_picker_year = require("./picker-year.js");
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/date-picker/date-picker.tsx
+function formatDate(date, format) {
+	const y = date.getFullYear();
+	const m = String(date.getMonth() + 1).padStart(2, "0");
+	const d = String(date.getDate()).padStart(2, "0");
+	return format.replace("YYYY", String(y)).replace("MM", m).replace("DD", d);
+}
+function getFormatByPicker(picker, customFormat) {
+	if (customFormat) return customFormat;
+	switch (picker) {
+		case "month": return "YYYY-MM";
+		case "year": return "YYYY";
+		default: return "YYYY-MM-DD";
+	}
+}
+const DatePicker = (props) => {
+	const { defaultValue, value, open: controlledOpen, picker = "date", format: customFormat, disabled = false, placeholder, allowClear = true, size = "md", showToday = true, inputReadOnly = true, disabledDate, renderExtraFooter, suffixIcon, onChange, onOpenChange, onPanelChange, className, style, prefixCls: customisedCls } = props;
+	const locale = require_use_locale.useLocale();
+	const prefixCls = require_general.getPrefixCls("date-picker", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const format = getFormatByPicker(picker, customFormat);
+	const [date, setDate] = (0, react.useState)(value ?? defaultValue ?? null);
+	const [panelDate, setPanelDate] = (0, react.useState)(value ?? defaultValue ?? /* @__PURE__ */ new Date());
+	const [open, setOpen] = (0, react.useState)(false);
+	const [mode, setMode] = (0, react.useState)(picker === "date" ? "date" : picker);
+	const wrapperRef = (0, react.useRef)(null);
+	const dropdownRef = (0, react.useRef)(null);
+	const isOpen = controlledOpen ?? open;
+	(0, react.useEffect)(() => {
+		if (value !== void 0) {
+			setDate(value);
+			if (value) setPanelDate(value);
+		}
+	}, [value]);
+	(0, react.useEffect)(() => {
+		if (controlledOpen !== void 0) setOpen(controlledOpen);
+	}, [controlledOpen]);
+	(0, react.useEffect)(() => {
+		const listener = (event) => {
+			const target = event.target;
+			if (wrapperRef.current?.contains(target) || dropdownRef.current?.contains(target)) return;
+			if (controlledOpen === void 0) setOpen(false);
+			onOpenChange?.(false);
+		};
+		document.addEventListener("click", listener);
+		return () => document.removeEventListener("click", listener);
+	}, [controlledOpen, onOpenChange]);
+	const toggleOpen = (0, react.useCallback)((val) => {
+		if (controlledOpen === void 0) setOpen(val);
+		onOpenChange?.(val);
+		if (val) setMode(picker === "date" ? "date" : picker);
+	}, [
+		controlledOpen,
+		onOpenChange,
+		picker
+	]);
+	const fireChange = (0, react.useCallback)((d) => {
+		if (value === void 0) setDate(d);
+		onChange?.(d, d ? formatDate(d, format) : "");
+	}, [
+		value,
+		onChange,
+		format
+	]);
+	const handleDateSelect = (0, react.useCallback)((d) => {
+		fireChange(d);
+		toggleOpen(false);
+	}, [fireChange, toggleOpen]);
+	const handleMonthSelect = (0, react.useCallback)((d) => {
+		if (picker === "month") {
+			fireChange(d);
+			toggleOpen(false);
+		} else {
+			setPanelDate(d);
+			setMode("date");
+			onPanelChange?.(d, "date");
+		}
+	}, [
+		picker,
+		fireChange,
+		toggleOpen,
+		onPanelChange
+	]);
+	const handleYearSelect = (0, react.useCallback)((d) => {
+		if (picker === "year") {
+			fireChange(d);
+			toggleOpen(false);
+		} else {
+			setPanelDate(d);
+			setMode(picker === "month" ? "month" : "month");
+			onPanelChange?.(d, "month");
+		}
+	}, [
+		picker,
+		fireChange,
+		toggleOpen,
+		onPanelChange
+	]);
+	const handleModeChange = (0, react.useCallback)((m) => {
+		setMode(m);
+		onPanelChange?.(panelDate, m);
+	}, [panelDate, onPanelChange]);
+	const handleClear = (e) => {
+		e.stopPropagation();
+		fireChange(null);
+		toggleOpen(false);
+	};
+	const handleToday = () => {
+		const today = /* @__PURE__ */ new Date();
+		today.setHours(0, 0, 0, 0);
+		fireChange(today);
+		setPanelDate(today);
+		toggleOpen(false);
+	};
+	const hasValue = date !== null;
+	const displayValue = hasValue ? formatDate(date, format) : "";
+	const defaultPlaceholder = placeholder ?? (picker === "month" ? locale.DatePicker.selectMonth : picker === "year" ? locale.DatePicker.selectYear : locale.DatePicker.selectDate);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${size}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_open`]: isOpen,
+		[`${prefixCls}_has-value`]: hasValue
+	});
+	const renderPanel = () => {
+		switch (mode) {
+			case "year": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_picker_year.default, {
+				date,
+				panelDate,
+				onChange: handleYearSelect,
+				prefixCls
+			});
+			case "month": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_picker_month.default, {
+				date,
+				panelDate,
+				months: locale.DatePicker.months,
+				onChange: handleMonthSelect,
+				prefixCls
+			});
+			default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_picker_day.default, {
+				date,
+				panelDate,
+				weeks: locale.DatePicker.weeks,
+				disabledDate,
+				onChange: handleDateSelect,
+				panelOnChange: setPanelDate,
+				prefixCls
+			});
+		}
+	};
+	const renderOverlay = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${prefixCls}__dropdown`,
+		ref: dropdownRef,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_picker_header.default, {
+				date: panelDate,
+				mode,
+				months: locale.DatePicker.months,
+				onChange: setPanelDate,
+				onModeChange: handleModeChange,
+				prefixCls
+			}),
+			renderPanel(),
+			showToday && mode === "date" && picker === "date" || renderExtraFooter ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__footer`,
+				children: [renderExtraFooter?.(mode), showToday && mode === "date" && picker === "date" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					className: `${prefixCls}__today-btn`,
+					onClick: handleToday,
+					children: locale.DatePicker.today
+				})]
+			}) : null
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cls,
+		style,
+		ref: wrapperRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			trigger: "manual",
+			placement: "bottom-start",
+			arrow: false,
+			visible: isOpen,
+			content: renderOverlay(),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__input`,
+				onClick: () => !disabled && toggleOpen(!isOpen),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: `${prefixCls}__input-field`,
+					readOnly: inputReadOnly,
+					disabled,
+					placeholder: defaultPlaceholder,
+					value: displayValue,
+					"aria-expanded": isOpen,
+					"aria-haspopup": "dialog",
+					onKeyDown: (e) => {
+						if (e.key === "Escape" && isOpen) toggleOpen(false);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${prefixCls}__suffix`,
+					children: [allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${prefixCls}__clear`,
+						onClick: handleClear,
+						"aria-label": "Clear date",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ClearIcon, { size: "1em" })
+					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}__icon`,
+						children: suffixIcon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CalendarIcon, { size: "1em" })
+					})]
+				})]
+			})
+		})
+	});
+};
+DatePicker.displayName = "DatePicker";
+//#endregion
+exports.default = DatePicker;
+
+//# sourceMappingURL=date-picker.js.map

package/lib/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":["useLocale","getPrefixCls","ConfigContext","PickerYear","PickerMonth","PickerDay","PickerHeader","Popup","ClearIcon","CalendarIcon"],"sources":["../../src/date-picker/date-picker.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport { CalendarIcon, ClearIcon } from '../_utils/components';\nimport Popup from '../popup';\nimport PickerHeader from './picker-header';\nimport PickerDay from './picker-day';\nimport PickerMonth from './picker-month';\nimport PickerYear from './picker-year';\nimport { DatePickerProps, PanelMode } from './types';\n\n\nfunction formatDate(date: Date, format: string): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, '0');\n  const d = String(date.getDate()).padStart(2, '0');\n  return format\n    .replace('YYYY', String(y))\n    .replace('MM', m)\n    .replace('DD', d);\n}\n\nfunction getFormatByPicker(picker: string, customFormat?: string): string {\n  if (customFormat) return customFormat;\n  switch (picker) {\n    case 'month': return 'YYYY-MM';\n    case 'year': return 'YYYY';\n    default: return 'YYYY-MM-DD';\n  }\n}\n\nconst DatePicker = (props: DatePickerProps) => {\n  const {\n    defaultValue,\n    value,\n    open: controlledOpen,\n    picker = 'date',\n    format: customFormat,\n    disabled = false,\n    placeholder,\n    allowClear = true,\n    size = 'md',\n    showToday = true,\n    inputReadOnly = true,\n    disabledDate,\n    renderExtraFooter,\n    suffixIcon,\n    onChange,\n    onOpenChange,\n    onPanelChange,\n    className,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n\n  const locale = useLocale();\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('date-picker', configContext.prefixCls, customisedCls);\n  const format = getFormatByPicker(picker, customFormat);\n\n  const [date, setDate] = useState<Date | null>(value ?? defaultValue ?? null);\n  const [panelDate, setPanelDate] = useState<Date>(value ?? defaultValue ?? new Date());\n  const [open, setOpen] = useState(false);\n  const [mode, setMode] = useState<PanelMode>(picker === 'date' ? 'date' : picker);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const isOpen = controlledOpen ?? open;\n\n  // Controlled value\n  useEffect(() => {\n    if (value !== undefined) {\n      setDate(value);\n      if (value) setPanelDate(value);\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (controlledOpen !== undefined) setOpen(controlledOpen);\n  }, [controlledOpen]);\n\n  useEffect(() => {\n    const listener = (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (wrapperRef.current?.contains(target) || dropdownRef.current?.contains(target)) return;\n      if (controlledOpen === undefined) setOpen(false);\n      onOpenChange?.(false);\n    };\n    document.addEventListener('click', listener);\n    return () => document.removeEventListener('click', listener);\n  }, [controlledOpen, onOpenChange]);\n\n  const toggleOpen = useCallback((val: boolean) => {\n    if (controlledOpen === undefined) setOpen(val);\n    onOpenChange?.(val);\n    if (val) setMode(picker === 'date' ? 'date' : picker);\n  }, [controlledOpen, onOpenChange, picker]);\n\n  const fireChange = useCallback((d: Date | null) => {\n    if (value === undefined) setDate(d);\n    onChange?.(d, d ? formatDate(d, format) : '');\n  }, [value, onChange, format]);\n\n  const handleDateSelect = useCallback((d: Date) => {\n    fireChange(d);\n    toggleOpen(false);\n  }, [fireChange, toggleOpen]);\n\n  const handleMonthSelect = useCallback((d: Date) => {\n    if (picker === 'month') {\n      fireChange(d);\n      toggleOpen(false);\n    } else {\n      setPanelDate(d);\n      setMode('date');\n      onPanelChange?.(d, 'date');\n    }\n  }, [picker, fireChange, toggleOpen, onPanelChange]);\n\n  const handleYearSelect = useCallback((d: Date) => {\n    if (picker === 'year') {\n      fireChange(d);\n      toggleOpen(false);\n    } else {\n      setPanelDate(d);\n      setMode(picker === 'month' ? 'month' : 'month');\n      onPanelChange?.(d, 'month');\n    }\n  }, [picker, fireChange, toggleOpen, onPanelChange]);\n\n  const handleModeChange = useCallback((m: PanelMode) => {\n    setMode(m);\n    onPanelChange?.(panelDate, m);\n  }, [panelDate, onPanelChange]);\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    fireChange(null);\n    toggleOpen(false);\n  };\n\n  const handleToday = () => {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    fireChange(today);\n    setPanelDate(today);\n    toggleOpen(false);\n  };\n\n  const hasValue = date !== null;\n  const displayValue = hasValue ? formatDate(date, format) : '';\n  const defaultPlaceholder = placeholder ?? (picker === 'month' ? locale.DatePicker.selectMonth : picker === 'year' ? locale.DatePicker.selectYear : locale.DatePicker.selectDate);\n\n  const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_open`]: isOpen,\n    [`${prefixCls}_has-value`]: hasValue,\n  });\n\n  const renderPanel = () => {\n    switch (mode) {\n      case 'year':\n        return <PickerYear date={date} panelDate={panelDate} onChange={handleYearSelect} prefixCls={prefixCls} />;\n      case 'month':\n        return <PickerMonth date={date} panelDate={panelDate} months={locale.DatePicker.months} onChange={handleMonthSelect} prefixCls={prefixCls} />;\n      default:\n        return (\n          <PickerDay\n            date={date}\n            panelDate={panelDate}\n            weeks={locale.DatePicker.weeks}\n            disabledDate={disabledDate}\n            onChange={handleDateSelect}\n            panelOnChange={setPanelDate}\n            prefixCls={prefixCls}\n          />\n        );\n    }\n  };\n\n  const renderOverlay = () => (\n    <div className={`${prefixCls}__dropdown`} ref={dropdownRef}>\n      <PickerHeader\n        date={panelDate}\n        mode={mode}\n        months={locale.DatePicker.months}\n        onChange={setPanelDate}\n        onModeChange={handleModeChange}\n        prefixCls={prefixCls}\n      />\n      {renderPanel()}\n      {(showToday && mode === 'date' && picker === 'date') || renderExtraFooter ? (\n        <div className={`${prefixCls}__footer`}>\n          {renderExtraFooter?.(mode)}\n          {showToday && mode === 'date' && picker === 'date' && (\n            <a className={`${prefixCls}__today-btn`} onClick={handleToday}>{locale.DatePicker.today}</a>\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div className={cls} style={style} ref={wrapperRef}>\n      <Popup\n        trigger=\"manual\"\n        placement=\"bottom-start\"\n        arrow={false}\n        visible={isOpen}\n        content={renderOverlay()}>\n        <div className={`${prefixCls}__input`} onClick={() => !disabled && toggleOpen(!isOpen)}>\n          <input\n            className={`${prefixCls}__input-field`}\n            readOnly={inputReadOnly}\n            disabled={disabled}\n            placeholder={defaultPlaceholder}\n            value={displayValue}\n            aria-expanded={isOpen}\n            aria-haspopup=\"dialog\"\n            onKeyDown={(e) => {\n              if (e.key === 'Escape' && isOpen) toggleOpen(false);\n            }}\n          />\n          <span className={`${prefixCls}__suffix`}>\n            {allowClear && hasValue && !disabled ? (\n              <button type=\"button\" className={`${prefixCls}__clear`} onClick={handleClear} aria-label=\"Clear date\">\n                <ClearIcon size=\"1em\" />\n              </button>\n            ) : null}\n            <span className={`${prefixCls}__icon`}>\n              {suffixIcon ?? <CalendarIcon size=\"1em\" />}\n            </span>\n          </span>\n        </div>\n      </Popup>\n    </div>\n  );\n};\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":"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"}

package/lib/date-picker/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/date-picker/index.tsx
+var date_picker_default = require("./date-picker.js").default;
+//#endregion
+exports.default = date_picker_default;
+
+//# sourceMappingURL=index.js.map

package/lib/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DatePicker"],"sources":["../../src/date-picker/index.tsx"],"sourcesContent":["import DatePicker from './date-picker';\n\nexport type { DatePickerProps, PanelMode, PickerType } from './types';\nexport default DatePicker;\n"],"mappings":";AAGA,IAAA,kDAAeA"}

package/lib/date-picker/picker-day.js

@@ -0,0 +1,44 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_utils = require("./utils.js");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/date-picker/picker-day.tsx
+const PickerDay = (props) => {
+	const { prefixCls, date, weeks, onChange, panelDate, panelOnChange, disabledDate } = props;
+	const panelDays = require_utils.getMonthDaysArray(panelDate);
+	const handleClick = (dayCell) => {
+		if (disabledDate?.(dayCell.date)) return;
+		onChange(dayCell.date);
+		if (!dayCell.isThisMonth) panelOnChange(dayCell.date);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefixCls}__body`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+			className: `${prefixCls}__table`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: weeks.map((week, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+				className: `${prefixCls}__cell-header`,
+				children: week
+			}, i)) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: Array.from({ length: panelDays.length / 7 }, (_, row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {
+				const isDisabled = disabledDate?.(dayCell.date) ?? false;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+					className: (0, classnames.default)(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,
+						[`${prefixCls}__cell_today`]: require_utils.isToday(dayCell.date),
+						[`${prefixCls}__cell_selected`]: date && require_utils.isSameDate(date, dayCell.date),
+						[`${prefixCls}__cell_disabled`]: isDisabled
+					}),
+					onClick: () => handleClick(dayCell),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${prefixCls}__cell-inner`,
+						children: dayCell.label
+					})
+				}, col);
+			}) }, row)) })]
+		})
+	});
+};
+//#endregion
+exports.default = PickerDay;
+
+//# sourceMappingURL=picker-day.js.map

package/lib/date-picker/picker-day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-day.js","names":["getMonthDaysArray","isToday","isSameDate"],"sources":["../../src/date-picker/picker-day.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { getMonthDaysArray, isSameDate, isToday } from './utils';\n\nexport type PickerDayProps = {\n  date: Date | null;\n  panelDate: Date;\n  weeks: string[];\n  disabledDate?: (current: Date) => boolean;\n  onChange: (date: Date) => void;\n  panelOnChange: (panelDate: Date) => void;\n  prefixCls: string;\n};\n\nconst PickerDay = (props: PickerDayProps) => {\n  const { prefixCls, date, weeks, onChange, panelDate, panelOnChange, disabledDate } = props;\n  const panelDays = getMonthDaysArray(panelDate);\n\n  const handleClick = (dayCell: typeof panelDays[0]) => {\n    if (disabledDate?.(dayCell.date)) return;\n    onChange(dayCell.date);\n    if (!dayCell.isThisMonth) panelOnChange(dayCell.date);\n  };\n\n  return (\n    <div className={`${prefixCls}__body`}>\n      <table className={`${prefixCls}__table`}>\n        <thead>\n          <tr>\n            {weeks.map((week, i) => (\n              <th key={i} className={`${prefixCls}__cell-header`}>\n                {week}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {Array.from({ length: panelDays.length / 7 }, (_, row) => (\n            <tr key={row}>\n              {panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {\n                const isDisabled = disabledDate?.(dayCell.date) ?? false;\n                const cls = classNames(`${prefixCls}__cell`, {\n                  [`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,\n                  [`${prefixCls}__cell_today`]: isToday(dayCell.date),\n                  [`${prefixCls}__cell_selected`]: date && isSameDate(date, dayCell.date),\n                  [`${prefixCls}__cell_disabled`]: isDisabled,\n                });\n                return (\n                  <td key={col} className={cls} onClick={() => handleClick(dayCell)}>\n                    <div className={`${prefixCls}__cell-inner`}>\n                      {dayCell.label}\n                    </div>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default PickerDay;\n"],"mappings":";;;;;;AAaA,MAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,MAAM,OAAO,UAAU,WAAW,eAAe,iBAAiB;CACrF,MAAM,YAAYA,cAAAA,kBAAkB,UAAU;CAE9C,MAAM,eAAe,YAAiC;AACpD,MAAI,eAAe,QAAQ,KAAK,CAAE;AAClC,WAAS,QAAQ,KAAK;AACtB,MAAI,CAAC,QAAQ,YAAa,eAAc,QAAQ,KAAK;;AAGvD,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAC3B,iBAAA,GAAA,kBAAA,MAAC,SAAD;GAAO,WAAW,GAAG,UAAU;aAA/B,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAA,UACG,MAAM,KAAK,MAAM,MAChB,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAY,WAAW,GAAG,UAAU;cACjC;IACE,EAFI,EAEJ,CACL,EACC,CAAA,EACC,CAAA,EACR,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,UAAU,SAAS,GAAG,GAAG,GAAG,QAChD,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAA,UACG,UAAU,MAAM,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC,KAAK,SAAS,QAAQ;IAC3D,MAAM,aAAa,eAAe,QAAQ,KAAK,IAAI;AAOnD,WACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAc,YAAA,GAAA,WAAA,SAPO,GAAG,UAAU,SAAS;OAC1C,GAAG,UAAU,kBAAkB,QAAQ;OACvC,GAAG,UAAU,gBAAgBC,cAAAA,QAAQ,QAAQ,KAAK;OAClD,GAAG,UAAU,mBAAmB,QAAQC,cAAAA,WAAW,MAAM,QAAQ,KAAK;OACtE,GAAG,UAAU,mBAAmB;MAClC,CAAC;KAE8B,eAAe,YAAY,QAAQ;eAC/D,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAW,GAAG,UAAU;gBAC1B,QAAQ;MACL,CAAA;KACH,EAJI,IAIJ;KAEP,EACC,EAjBI,IAiBJ,CACL,EACI,CAAA,CACF;;EACJ,CAAA"}

package/lib/date-picker/picker-header.js

@@ -0,0 +1,75 @@
+require("../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/date-picker/picker-header.tsx
+const PickerHeader = ({ date, mode, months, onChange, onModeChange, prefixCls }) => {
+	const year = date.getFullYear();
+	const startDecade = year - year % 10;
+	const step = (dir, unit) => {
+		const y = date.getFullYear();
+		const m = date.getMonth();
+		if (unit === "decade") onChange(new Date(y + dir * 10, m, 1));
+		else if (unit === "year") onChange(new Date(y + dir, m, 1));
+		else onChange(new Date(y, m + dir, 1));
+	};
+	const yearUnit = mode === "year" ? "decade" : "year";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${prefixCls}__header`,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(-1, yearUnit),
+				"aria-label": "Previous year",
+				children: "«"
+			}),
+			mode === "date" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(-1, "month"),
+				"aria-label": "Previous month",
+				children: "‹"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__header-caption`,
+				children: mode === "year" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${prefixCls}__header-label`,
+					children: [
+						startDecade,
+						" – ",
+						startDecade + 9
+					]
+				}) : mode === "month" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__header-label`,
+					onClick: () => onModeChange("year"),
+					children: year
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__header-label`,
+					onClick: () => onModeChange("month"),
+					children: months[date.getMonth()]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__header-label`,
+					onClick: () => onModeChange("year"),
+					children: year
+				})] })
+			}),
+			mode === "date" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(1, "month"),
+				"aria-label": "Next month",
+				children: "›"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefixCls}__header-btn`,
+				onClick: () => step(1, yearUnit),
+				"aria-label": "Next year",
+				children: "»"
+			})
+		]
+	});
+};
+//#endregion
+exports.default = PickerHeader;
+
+//# sourceMappingURL=picker-header.js.map

package/lib/date-picker/picker-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-header.js","names":[],"sources":["../../src/date-picker/picker-header.tsx"],"sourcesContent":["import { PanelMode } from './types';\n\nexport type PickerHeaderProps = {\n  date: Date;\n  mode: PanelMode;\n  months: string[];\n  onChange: (date: Date) => void;\n  onModeChange: (mode: PanelMode) => void;\n  prefixCls: string;\n};\n\nconst PickerHeader = ({ date, mode, months, onChange, onModeChange, prefixCls }: PickerHeaderProps) => {\n  const year = date.getFullYear();\n  const startDecade = year - (year % 10);\n\n  const step = (dir: -1 | 1, unit: 'month' | 'year' | 'decade') => {\n    const y = date.getFullYear();\n    const m = date.getMonth();\n    if (unit === 'decade') onChange(new Date(y + dir * 10, m, 1));\n    else if (unit === 'year') onChange(new Date(y + dir, m, 1));\n    else {\n      const next = new Date(y, m + dir, 1);\n      onChange(next);\n    }\n  };\n\n  const yearUnit = mode === 'year' ? 'decade' : 'year';\n\n  return (\n    <div className={`${prefixCls}__header`}>\n      <button\n        type=\"button\"\n        className={`${prefixCls}__header-btn`}\n        onClick={() => step(-1, yearUnit)}\n        aria-label=\"Previous year\">\n        «\n      </button>\n      {mode === 'date' && (\n        <button\n          type=\"button\"\n          className={`${prefixCls}__header-btn`}\n          onClick={() => step(-1, 'month')}\n          aria-label=\"Previous month\">\n          ‹\n        </button>\n      )}\n      <div className={`${prefixCls}__header-caption`}>\n        {mode === 'year' ? (\n          <span className={`${prefixCls}__header-label`}>\n            {startDecade} – {startDecade + 9}\n          </span>\n        ) : mode === 'month' ? (\n          <span\n            className={`${prefixCls}__header-label`}\n            onClick={() => onModeChange('year')}>\n            {year}\n          </span>\n        ) : (\n          <>\n            <span\n              className={`${prefixCls}__header-label`}\n              onClick={() => onModeChange('month')}>\n              {months[date.getMonth()]}\n            </span>\n            <span\n              className={`${prefixCls}__header-label`}\n              onClick={() => onModeChange('year')}>\n              {year}\n            </span>\n          </>\n        )}\n      </div>\n      {mode === 'date' && (\n        <button\n          type=\"button\"\n          className={`${prefixCls}__header-btn`}\n          onClick={() => step(1, 'month')}\n          aria-label=\"Next month\">\n          ›\n        </button>\n      )}\n      <button\n        type=\"button\"\n        className={`${prefixCls}__header-btn`}\n        onClick={() => step(1, yearUnit)}\n        aria-label=\"Next year\">\n        »\n      </button>\n    </div>\n  );\n};\n\nexport default PickerHeader;\n"],"mappings":";;;AAWA,MAAM,gBAAgB,EAAE,MAAM,MAAM,QAAQ,UAAU,cAAc,gBAAmC;CACrG,MAAM,OAAO,KAAK,aAAa;CAC/B,MAAM,cAAc,OAAQ,OAAO;CAEnC,MAAM,QAAQ,KAAa,SAAsC;EAC/D,MAAM,IAAI,KAAK,aAAa;EAC5B,MAAM,IAAI,KAAK,UAAU;AACzB,MAAI,SAAS,SAAU,UAAS,IAAI,KAAK,IAAI,MAAM,IAAI,GAAG,EAAE,CAAC;WACpD,SAAS,OAAQ,UAAS,IAAI,KAAK,IAAI,KAAK,GAAG,EAAE,CAAC;MAGzD,UADa,IAAI,KAAK,GAAG,IAAI,KAAK,EAAE,CACtB;;CAIlB,MAAM,WAAW,SAAS,SAAS,WAAW;AAE9C,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B;GACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,IAAI,SAAS;IACjC,cAAW;cAAgB;IAEpB,CAAA;GACR,SAAS,UACR,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,IAAI,QAAQ;IAChC,cAAW;cAAiB;IAErB,CAAA;GAEX,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAC1B,SAAS,SACR,iBAAA,GAAA,kBAAA,MAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAA9B;MACG;MAAY;MAAI,cAAc;MAC1B;SACL,SAAS,UACX,iBAAA,GAAA,kBAAA,KAAC,QAAD;KACE,WAAW,GAAG,UAAU;KACxB,eAAe,aAAa,OAAO;eAClC;KACI,CAAA,GAEP,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;KACE,WAAW,GAAG,UAAU;KACxB,eAAe,aAAa,QAAQ;eACnC,OAAO,KAAK,UAAU;KAClB,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;KACE,WAAW,GAAG,UAAU;KACxB,eAAe,aAAa,OAAO;eAClC;KACI,CAAA,CACN,EAAA,CAAA;IAED,CAAA;GACL,SAAS,UACR,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,GAAG,QAAQ;IAC/B,cAAW;cAAa;IAEjB,CAAA;GAEX,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,UAAU;IACxB,eAAe,KAAK,GAAG,SAAS;IAChC,cAAW;cAAY;IAEhB,CAAA;GACL"}