@tiny-design/react 1.0.4

package/es/time-picker/style/index.css

@@ -0,0 +1,202 @@
+.ty-time-picker {
+  display: inline-flex;
+  position: relative;
+  font-size: 1rem;
+  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+.ty-time-picker__input {
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  padding: 4px 11px;
+  border: 1px solid var(--ty-input-border);
+  border-radius: 6px;
+  background: var(--ty-picker-input-bg);
+  cursor: pointer;
+  transition: border-color 0.3s, box-shadow 0.3s;
+}
+.ty-time-picker__input:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-time-picker_open .ty-time-picker__input {
+  border-color: var(--ty-color-primary);
+  box-shadow: var(--ty-input-focus-shadow);
+}
+.ty-time-picker__input-field {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-size: inherit;
+  font-family: inherit;
+  color: var(--ty-color-text);
+  cursor: pointer;
+  min-width: 90px;
+}
+.ty-time-picker__input-field::-moz-placeholder {
+  color: var(--ty-color-text-quaternary);
+}
+.ty-time-picker__input-field::placeholder {
+  color: var(--ty-color-text-quaternary);
+}
+.ty-time-picker__input-field:disabled {
+  cursor: not-allowed;
+}
+.ty-time-picker__suffix {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  margin-left: 4px;
+  color: var(--ty-color-text-quaternary);
+}
+.ty-time-picker__icon {
+  display: inline-flex;
+  font-size: 14px;
+}
+.ty-time-picker__clear {
+  display: none;
+  position: absolute;
+  inset: 0;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  color: var(--ty-color-text-quaternary);
+  background: var(--ty-picker-clear-bg);
+  cursor: pointer;
+  transition: color 0.2s;
+  border: none;
+  padding: 0;
+}
+.ty-time-picker__clear:hover {
+  color: var(--ty-color-text-tertiary);
+}
+.ty-time-picker_has-value:hover .ty-time-picker__clear {
+  display: inline-flex;
+}
+.ty-time-picker_sm .ty-time-picker__input {
+  padding: 0 7px;
+  font-size: 12px;
+}
+.ty-time-picker_sm .ty-time-picker__input-field {
+  min-width: 70px;
+}
+.ty-time-picker_lg .ty-time-picker__input {
+  padding: 6px 11px;
+  font-size: 16px;
+}
+.ty-time-picker_lg .ty-time-picker__input-field {
+  min-width: 110px;
+}
+.ty-time-picker_disabled {
+  opacity: 0.65;
+}
+.ty-time-picker_disabled .ty-time-picker__input {
+  background: var(--ty-color-bg-disabled);
+  cursor: not-allowed;
+  border-color: var(--ty-input-border);
+}
+.ty-time-picker_disabled .ty-time-picker__input:hover {
+  border-color: var(--ty-input-border);
+}
+.ty-time-picker_disabled .ty-time-picker__input-field {
+  color: var(--ty-color-text-quaternary);
+}
+.ty-time-picker__dropdown {
+  background: var(--ty-picker-dropdown-bg);
+  border-radius: 8px;
+  box-shadow: var(--ty-shadow-popup);
+  overflow: hidden;
+}
+.ty-time-picker__panel {
+  display: flex;
+}
+.ty-time-picker__column {
+  flex: 1;
+  max-height: 224px;
+  overflow-y: auto;
+  border-left: 1px solid var(--ty-color-border-light);
+  scrollbar-width: thin;
+}
+.ty-time-picker__column:first-child {
+  border-left: none;
+}
+.ty-time-picker__column::-webkit-scrollbar {
+  width: 4px;
+}
+.ty-time-picker__column::-webkit-scrollbar-thumb {
+  background: var(--ty-color-text-quaternary);
+  border-radius: 2px;
+}
+.ty-time-picker__column-list {
+  list-style: none;
+  padding: 4px 0;
+  margin: 0;
+}
+.ty-time-picker__cell {
+  padding: 4px 0;
+  text-align: center;
+  min-width: 52px;
+  cursor: pointer;
+  border-radius: 4px;
+  margin: 0 4px;
+  line-height: 20px;
+  transition: background 0.2s;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ty-time-picker__cell:hover {
+  background: var(--ty-picker-cell-hover-bg);
+}
+.ty-time-picker__cell_selected {
+  background: var(--ty-color-primary-bg);
+  font-weight: 500;
+}
+.ty-time-picker__cell_selected:hover {
+  background: var(--ty-color-primary-bg-hover);
+}
+.ty-time-picker__cell_disabled {
+  color: var(--ty-color-text-quaternary);
+  cursor: not-allowed;
+}
+.ty-time-picker__cell_disabled:hover {
+  background: transparent;
+}
+.ty-time-picker__footer {
+  padding: 8px 12px;
+  border-top: 1px solid var(--ty-color-border-light);
+  font-size: 12px;
+}
+.ty-time-picker__extra-footer {
+  text-align: center;
+  margin-bottom: 4px;
+}
+.ty-time-picker__footer-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ty-time-picker__now-btn {
+  color: var(--ty-color-primary);
+  cursor: pointer;
+}
+.ty-time-picker__now-btn:hover {
+  color: var(--ty-color-primary-hover);
+}
+.ty-time-picker__ok-btn {
+  padding: 0 8px;
+  height: 24px;
+  font-size: 12px;
+  border: none;
+  border-radius: 4px;
+  background: var(--ty-color-primary);
+  color: #fff;
+  cursor: pointer;
+  margin-left: auto;
+}
+.ty-time-picker__ok-btn:hover {
+  background: var(--ty-color-primary-hover);
+}

package/es/time-picker/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/time-picker/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/time-picker/time-panel.js

@@ -0,0 +1,113 @@
+import { useCallback, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/time-picker/time-panel.tsx
+const ITEM_HEIGHT = 28;
+const TimePanel = (props) => {
+	const { prefixCls, value, items, disabledItems = [], loop = false, onChange } = props;
+	const panelRef = useRef(null);
+	const itemRefs = useRef(/* @__PURE__ */ new Map());
+	const isResetting = useRef(false);
+	const clickedRef = useRef(false);
+	const scrollToItemRef = useRef(null);
+	const oneGroupHeight = items.length * ITEM_HEIGHT;
+	scrollToItemRef.current = (val) => {
+		const panel = panelRef.current;
+		if (!panel) return;
+		if (loop) {
+			const idx = items.indexOf(val);
+			if (idx === -1) return;
+			const top = oneGroupHeight + idx * ITEM_HEIGHT;
+			isResetting.current = true;
+			panel.scrollTo({
+				top,
+				behavior: "auto"
+			});
+			requestAnimationFrame(() => {
+				isResetting.current = false;
+			});
+		} else {
+			const el = itemRefs.current.get(val);
+			if (el) panel.scrollTo({
+				top: el.offsetTop,
+				behavior: "auto"
+			});
+		}
+	};
+	useEffect(() => {
+		if (clickedRef.current) {
+			clickedRef.current = false;
+			return;
+		}
+		scrollToItemRef.current?.(value);
+	}, [value]);
+	const handleScroll = useCallback(() => {
+		if (!loop || isResetting.current) return;
+		const panel = panelRef.current;
+		if (!panel) return;
+		const st = panel.scrollTop;
+		if (st < oneGroupHeight || st >= 2 * oneGroupHeight) {
+			isResetting.current = true;
+			panel.scrollTo({
+				top: st % oneGroupHeight + oneGroupHeight,
+				behavior: "auto"
+			});
+			requestAnimationFrame(() => {
+				isResetting.current = false;
+			});
+		}
+	}, [loop, oneGroupHeight]);
+	const handleClick = (num) => {
+		if (disabledItems.includes(num)) return;
+		clickedRef.current = true;
+		onChange(num);
+	};
+	if (loop) return /* @__PURE__ */ jsx("div", {
+		className: `${prefixCls}__column`,
+		ref: panelRef,
+		onScroll: handleScroll,
+		children: /* @__PURE__ */ jsx("ul", {
+			className: `${prefixCls}__column-list`,
+			children: [
+				0,
+				1,
+				2
+			].map((copyIdx) => items.map((num, i) => {
+				const isDisabled = disabledItems.includes(num);
+				return /* @__PURE__ */ jsx("li", {
+					className: classNames(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_selected`]: num === value,
+						[`${prefixCls}__cell_disabled`]: isDisabled
+					}),
+					onClick: () => handleClick(num),
+					children: String(num).padStart(2, "0")
+				}, `c${copyIdx}-${i}`);
+			}))
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: `${prefixCls}__column`,
+		ref: panelRef,
+		children: /* @__PURE__ */ jsx("ul", {
+			className: `${prefixCls}__column-list`,
+			children: items.map((num) => {
+				const isDisabled = disabledItems.includes(num);
+				return /* @__PURE__ */ jsx("li", {
+					ref: (el) => {
+						if (el) itemRefs.current.set(num, el);
+					},
+					className: classNames(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_selected`]: num === value,
+						[`${prefixCls}__cell_disabled`]: isDisabled
+					}),
+					onClick: () => handleClick(num),
+					children: String(num).padStart(2, "0")
+				}, num);
+			})
+		})
+	});
+};
+//#endregion
+export { TimePanel as default };
+
+//# sourceMappingURL=time-panel.js.map

package/es/time-picker/time-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-panel.js","names":[],"sources":["../../src/time-picker/time-panel.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport interface TimePanelProps {\n  value: number;\n  items: number[];\n  disabledItems?: number[];\n  loop?: boolean;\n  onChange: (num: number) => void;\n  prefixCls: string;\n}\n\nconst ITEM_HEIGHT = 28; // 4px padding-top + 20px line-height + 4px padding-bottom\n\nconst TimePanel = (props: TimePanelProps): React.ReactElement => {\n  const { prefixCls, value, items, disabledItems = [], loop = false, onChange } = props;\n  const panelRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<number, HTMLLIElement>>(new Map());\n  const isResetting = useRef(false);\n  const clickedRef = useRef(false);\n  const scrollToItemRef = useRef<((val: number) => void) | null>(null);\n\n  const oneGroupHeight = items.length * ITEM_HEIGHT;\n\n  scrollToItemRef.current = (val: number) => {\n    const panel = panelRef.current;\n    if (!panel) return;\n\n    if (loop) {\n      const idx = items.indexOf(val);\n      if (idx === -1) return;\n      const top = oneGroupHeight + idx * ITEM_HEIGHT;\n      isResetting.current = true;\n      panel.scrollTo({ top, behavior: 'auto' });\n      requestAnimationFrame(() => { isResetting.current = false; });\n    } else {\n      const el = itemRefs.current.get(val);\n      if (el) {\n        panel.scrollTo({ top: el.offsetTop, behavior: 'auto' });\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (clickedRef.current) {\n      clickedRef.current = false;\n      return;\n    }\n    scrollToItemRef.current?.(value);\n  }, [value]);\n\n  // Scroll reset for loop mode\n  const handleScroll = useCallback(() => {\n    if (!loop || isResetting.current) return;\n    const panel = panelRef.current;\n    if (!panel) return;\n\n    const st = panel.scrollTop;\n    if (st < oneGroupHeight || st >= 2 * oneGroupHeight) {\n      isResetting.current = true;\n      panel.scrollTo({ top: (st % oneGroupHeight) + oneGroupHeight, behavior: 'auto' });\n      requestAnimationFrame(() => { isResetting.current = false; });\n    }\n  }, [loop, oneGroupHeight]);\n\n  const handleClick = (num: number) => {\n    if (disabledItems.includes(num)) return;\n    clickedRef.current = true;\n    onChange(num);\n  };\n\n  if (loop) {\n    const copies = [0, 1, 2];\n    return (\n      <div className={`${prefixCls}__column`} ref={panelRef} onScroll={handleScroll}>\n        <ul className={`${prefixCls}__column-list`}>\n          {copies.map((copyIdx) =>\n            items.map((num, i) => {\n              const isDisabled = disabledItems.includes(num);\n              const cls = classNames(`${prefixCls}__cell`, {\n                [`${prefixCls}__cell_selected`]: num === value,\n                [`${prefixCls}__cell_disabled`]: isDisabled,\n              });\n              return (\n                <li\n                  key={`c${copyIdx}-${i}`}\n                  className={cls}\n                  onClick={() => handleClick(num)}>\n                  {String(num).padStart(2, '0')}\n                </li>\n              );\n            })\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${prefixCls}__column`} ref={panelRef}>\n      <ul className={`${prefixCls}__column-list`}>\n        {items.map((num) => {\n          const isDisabled = disabledItems.includes(num);\n          const cls = classNames(`${prefixCls}__cell`, {\n            [`${prefixCls}__cell_selected`]: num === value,\n            [`${prefixCls}__cell_disabled`]: isDisabled,\n          });\n          return (\n            <li\n              key={num}\n              ref={(el) => {\n                if (el) itemRefs.current.set(num, el);\n              }}\n              className={cls}\n              onClick={() => handleClick(num)}>\n              {String(num).padStart(2, '0')}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default TimePanel;\n"],"mappings":";;;;AAYA,MAAM,cAAc;AAEpB,MAAM,aAAa,UAA8C;CAC/D,MAAM,EAAE,WAAW,OAAO,OAAO,gBAAgB,EAAE,EAAE,OAAO,OAAO,aAAa;CAChF,MAAM,WAAW,OAAuB,KAAK;CAC7C,MAAM,WAAW,uBAAmC,IAAI,KAAK,CAAC;CAC9D,MAAM,cAAc,OAAO,MAAM;CACjC,MAAM,aAAa,OAAO,MAAM;CAChC,MAAM,kBAAkB,OAAuC,KAAK;CAEpE,MAAM,iBAAiB,MAAM,SAAS;AAEtC,iBAAgB,WAAW,QAAgB;EACzC,MAAM,QAAQ,SAAS;AACvB,MAAI,CAAC,MAAO;AAEZ,MAAI,MAAM;GACR,MAAM,MAAM,MAAM,QAAQ,IAAI;AAC9B,OAAI,QAAQ,GAAI;GAChB,MAAM,MAAM,iBAAiB,MAAM;AACnC,eAAY,UAAU;AACtB,SAAM,SAAS;IAAE;IAAK,UAAU;IAAQ,CAAC;AACzC,+BAA4B;AAAE,gBAAY,UAAU;KAAS;SACxD;GACL,MAAM,KAAK,SAAS,QAAQ,IAAI,IAAI;AACpC,OAAI,GACF,OAAM,SAAS;IAAE,KAAK,GAAG;IAAW,UAAU;IAAQ,CAAC;;;AAK7D,iBAAgB;AACd,MAAI,WAAW,SAAS;AACtB,cAAW,UAAU;AACrB;;AAEF,kBAAgB,UAAU,MAAM;IAC/B,CAAC,MAAM,CAAC;CAGX,MAAM,eAAe,kBAAkB;AACrC,MAAI,CAAC,QAAQ,YAAY,QAAS;EAClC,MAAM,QAAQ,SAAS;AACvB,MAAI,CAAC,MAAO;EAEZ,MAAM,KAAK,MAAM;AACjB,MAAI,KAAK,kBAAkB,MAAM,IAAI,gBAAgB;AACnD,eAAY,UAAU;AACtB,SAAM,SAAS;IAAE,KAAM,KAAK,iBAAkB;IAAgB,UAAU;IAAQ,CAAC;AACjF,+BAA4B;AAAE,gBAAY,UAAU;KAAS;;IAE9D,CAAC,MAAM,eAAe,CAAC;CAE1B,MAAM,eAAe,QAAgB;AACnC,MAAI,cAAc,SAAS,IAAI,CAAE;AACjC,aAAW,UAAU;AACrB,WAAS,IAAI;;AAGf,KAAI,KAEF,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAAW,KAAK;EAAU,UAAU;YAC/D,oBAAC,MAAD;GAAI,WAAW,GAAG,UAAU;aAHjB;IAAC;IAAG;IAAG;IAAE,CAIV,KAAK,YACX,MAAM,KAAK,KAAK,MAAM;IACpB,MAAM,aAAa,cAAc,SAAS,IAAI;AAK9C,WACE,oBAAC,MAAD;KAEE,WAPQ,WAAW,GAAG,UAAU,SAAS;OAC1C,GAAG,UAAU,mBAAmB,QAAQ;OACxC,GAAG,UAAU,mBAAmB;MAClC,CAAC;KAKE,eAAe,YAAY,IAAI;eAC9B,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI;KAC1B,EAJE,IAAI,QAAQ,GAAG,IAIjB;KAEP,CACH;GACE,CAAA;EACD,CAAA;AAIV,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAAW,KAAK;YAC3C,oBAAC,MAAD;GAAI,WAAW,GAAG,UAAU;aACzB,MAAM,KAAK,QAAQ;IAClB,MAAM,aAAa,cAAc,SAAS,IAAI;AAK9C,WACE,oBAAC,MAAD;KAEE,MAAM,OAAO;AACX,UAAI,GAAI,UAAS,QAAQ,IAAI,KAAK,GAAG;;KAEvC,WAVQ,WAAW,GAAG,UAAU,SAAS;OAC1C,GAAG,UAAU,mBAAmB,QAAQ;OACxC,GAAG,UAAU,mBAAmB;MAClC,CAAC;KAQE,eAAe,YAAY,IAAI;eAC9B,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI;KAC1B,EAPE,IAOF;KAEP;GACC,CAAA;EACD,CAAA"}

package/es/time-picker/time-picker.d.ts

@@ -0,0 +1,10 @@
+import { TimePickerProps } from "./types.js";
+
+//#region src/time-picker/time-picker.d.ts
+declare const TimePicker: {
+  (props: TimePickerProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { TimePicker };
+//# sourceMappingURL=time-picker.d.ts.map

package/es/time-picker/time-picker.js

@@ -0,0 +1,208 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { ClearIcon, ClockIcon } from "../_utils/components.js";
+import popup_default from "../popup/index.js";
+import { useLocale } from "../_utils/use-locale.js";
+import TimePanel from "./time-panel.js";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/time-picker/time-picker.tsx
+function formatTime(date, format, use12Hours) {
+	let h = date.getHours();
+	const m = String(date.getMinutes()).padStart(2, "0");
+	const s = String(date.getSeconds()).padStart(2, "0");
+	let period = "";
+	if (use12Hours) {
+		period = h >= 12 ? " PM" : " AM";
+		h = h % 12 || 12;
+	}
+	return format.replace("HH", String(h).padStart(2, "0")).replace("H", String(h)).replace("mm", m).replace("ss", s) + period;
+}
+function generateSteps(count, step) {
+	const items = [];
+	for (let i = 0; i < count; i += step) items.push(i);
+	return items;
+}
+function showsSeconds(format) {
+	return format.includes("ss") || format.includes("s");
+}
+function showsMinutes(format) {
+	return format.includes("mm") || format.includes("m");
+}
+const TimePicker = (props) => {
+	const locale = useLocale();
+	const { defaultValue, value, open: controlledOpen, format = "HH:mm:ss", use12Hours = false, hourStep = 1, minuteStep = 1, secondStep = 1, disabled = false, placeholder = locale.TimePicker.selectTime, allowClear = true, size = "md", inputReadOnly = true, disabledTime, hideDisabledOptions = false, loop = false, showNow = true, renderExtraFooter, suffixIcon, onChange, onOpenChange, className, style, prefixCls: customisedCls } = props;
+	const prefixCls = getPrefixCls("time-picker", useContext(ConfigContext).prefixCls, customisedCls);
+	const [date, setDate] = useState(value ?? defaultValue ?? null);
+	const [open, setOpen] = useState(false);
+	const wrapperRef = useRef(null);
+	const dropdownRef = useRef(null);
+	const isOpen = controlledOpen ?? open;
+	useEffect(() => {
+		if (value !== void 0) setDate(value);
+	}, [value]);
+	useEffect(() => {
+		if (controlledOpen !== void 0) setOpen(controlledOpen);
+	}, [controlledOpen]);
+	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 = useCallback((val) => {
+		if (controlledOpen === void 0) setOpen(val);
+		onOpenChange?.(val);
+	}, [controlledOpen, onOpenChange]);
+	const updateTime = useCallback((type, num) => {
+		const base = date ? new Date(date) : new Date(0, 0, 0, 0, 0, 0, 0);
+		if (type === "h") base.setHours(num);
+		else if (type === "m") base.setMinutes(num);
+		else base.setSeconds(num);
+		if (value === void 0) setDate(base);
+		onChange?.(base);
+	}, [
+		date,
+		value,
+		onChange
+	]);
+	const handleClear = (e) => {
+		e.stopPropagation();
+		if (value === void 0) setDate(null);
+		onChange?.(null);
+		toggleOpen(false);
+	};
+	const handleNow = () => {
+		const now = /* @__PURE__ */ new Date();
+		if (value === void 0) setDate(now);
+		onChange?.(now);
+		toggleOpen(false);
+	};
+	const handleOk = () => {
+		toggleOpen(false);
+	};
+	const disabled12 = useMemo(() => disabledTime?.() ?? {}, [disabledTime]);
+	const disabledHours = useMemo(() => disabled12.disabledHours?.() ?? [], [disabled12]);
+	const currentHour = date?.getHours() ?? 0;
+	const disabledMinutes = useMemo(() => disabled12.disabledMinutes?.(currentHour) ?? [], [disabled12, currentHour]);
+	const currentMinute = date?.getMinutes() ?? 0;
+	const disabledSeconds = useMemo(() => disabled12.disabledSeconds?.(currentHour, currentMinute) ?? [], [
+		disabled12,
+		currentHour,
+		currentMinute
+	]);
+	const hours = generateSteps(24, hourStep);
+	const minutes = generateSteps(60, minuteStep);
+	const seconds = generateSteps(60, secondStep);
+	const filteredHours = hideDisabledOptions ? hours.filter((h) => !disabledHours.includes(h)) : hours;
+	const filteredMinutes = hideDisabledOptions ? minutes.filter((m) => !disabledMinutes.includes(m)) : minutes;
+	const filteredSeconds = hideDisabledOptions ? seconds.filter((s) => !disabledSeconds.includes(s)) : seconds;
+	const hasValue = date !== null;
+	const displayValue = hasValue ? formatTime(date, format, use12Hours) : "";
+	const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_open`]: isOpen,
+		[`${prefixCls}_has-value`]: hasValue
+	});
+	const renderOverlay = () => /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}__dropdown`,
+		ref: dropdownRef,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__panel`,
+			children: [
+				/* @__PURE__ */ jsx(TimePanel, {
+					prefixCls,
+					value: date?.getHours() ?? 0,
+					items: filteredHours,
+					disabledItems: hideDisabledOptions ? [] : disabledHours,
+					loop,
+					onChange: (h) => updateTime("h", h)
+				}),
+				showsMinutes(format) && /* @__PURE__ */ jsx(TimePanel, {
+					prefixCls,
+					value: date?.getMinutes() ?? 0,
+					items: filteredMinutes,
+					disabledItems: hideDisabledOptions ? [] : disabledMinutes,
+					loop,
+					onChange: (m) => updateTime("m", m)
+				}),
+				showsSeconds(format) && /* @__PURE__ */ jsx(TimePanel, {
+					prefixCls,
+					value: date?.getSeconds() ?? 0,
+					items: filteredSeconds,
+					disabledItems: hideDisabledOptions ? [] : disabledSeconds,
+					loop,
+					onChange: (s) => updateTime("s", s)
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__footer`,
+			children: [renderExtraFooter && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__extra-footer`,
+				children: renderExtraFooter()
+			}), /* @__PURE__ */ jsxs("div", {
+				className: `${prefixCls}__footer-actions`,
+				children: [showNow && /* @__PURE__ */ jsx("a", {
+					className: `${prefixCls}__now-btn`,
+					onClick: handleNow,
+					children: locale.TimePicker.now
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: `${prefixCls}__ok-btn`,
+					onClick: handleOk,
+					children: locale.TimePicker.okText
+				})]
+			})]
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cls,
+		style,
+		ref: wrapperRef,
+		children: /* @__PURE__ */ jsx(popup_default, {
+			trigger: "manual",
+			placement: "bottom-start",
+			arrow: false,
+			visible: isOpen,
+			content: renderOverlay(),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: `${prefixCls}__input`,
+				onClick: () => !disabled && toggleOpen(!isOpen),
+				children: [/* @__PURE__ */ jsx("input", {
+					className: `${prefixCls}__input-field`,
+					readOnly: inputReadOnly,
+					disabled,
+					placeholder,
+					value: displayValue,
+					"aria-expanded": isOpen,
+					"aria-haspopup": "dialog",
+					onKeyDown: (e) => {
+						if (e.key === "Escape" && isOpen) toggleOpen(false);
+					}
+				}), /* @__PURE__ */ jsxs("span", {
+					className: `${prefixCls}__suffix`,
+					children: [allowClear && hasValue && !disabled ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: `${prefixCls}__clear`,
+						onClick: handleClear,
+						"aria-label": "Clear time",
+						children: /* @__PURE__ */ jsx(ClearIcon, { size: "1em" })
+					}) : null, /* @__PURE__ */ jsx("span", {
+						className: `${prefixCls}__icon`,
+						children: suffixIcon ?? /* @__PURE__ */ jsx(ClockIcon, { size: "1em" })
+					})]
+				})]
+			})
+		})
+	});
+};
+TimePicker.displayName = "TimePicker";
+//#endregion
+export { TimePicker as default };
+
+//# sourceMappingURL=time-picker.js.map

package/es/time-picker/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","names":["Popup"],"sources":["../../src/time-picker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback, useContext, useMemo } 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 { ClockIcon, ClearIcon } from '../_utils/components';\nimport Popup from '../popup';\nimport TimePanel from './time-panel';\nimport { TimePickerProps } from './types';\n\nfunction formatTime(date: Date, format: string, use12Hours: boolean): string {\n  let h = date.getHours();\n  const m = String(date.getMinutes()).padStart(2, '0');\n  const s = String(date.getSeconds()).padStart(2, '0');\n  let period = '';\n\n  if (use12Hours) {\n    period = h >= 12 ? ' PM' : ' AM';\n    h = h % 12 || 12;\n  }\n\n  return format\n    .replace('HH', String(h).padStart(2, '0'))\n    .replace('H', String(h))\n    .replace('mm', m)\n    .replace('ss', s) + period;\n}\n\nfunction generateSteps(count: number, step: number): number[] {\n  const items: number[] = [];\n  for (let i = 0; i < count; i += step) {\n    items.push(i);\n  }\n  return items;\n}\n\nfunction showsSeconds(format: string): boolean {\n  return format.includes('ss') || format.includes('s');\n}\n\nfunction showsMinutes(format: string): boolean {\n  return format.includes('mm') || format.includes('m');\n}\n\nconst TimePicker = (props: TimePickerProps): React.ReactElement => {\n  const locale = useLocale();\n  const {\n    defaultValue,\n    value,\n    open: controlledOpen,\n    format = 'HH:mm:ss',\n    use12Hours = false,\n    hourStep = 1,\n    minuteStep = 1,\n    secondStep = 1,\n    disabled = false,\n    placeholder = locale.TimePicker.selectTime,\n    allowClear = true,\n    size = 'md',\n    inputReadOnly = true,\n    disabledTime,\n    hideDisabledOptions = false,\n    loop = false,\n    showNow = true,\n    renderExtraFooter,\n    suffixIcon,\n    onChange,\n    onOpenChange,\n    className,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('time-picker', configContext.prefixCls, customisedCls);\n\n  const [date, setDate] = useState<Date | null>(value ?? defaultValue ?? null);\n  const [open, setOpen] = useState(false);\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) setDate(value);\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  }, [controlledOpen, onOpenChange]);\n\n  const updateTime = useCallback((type: 'h' | 'm' | 's', num: number) => {\n    const base = date ? new Date(date) : new Date(0, 0, 0, 0, 0, 0, 0);\n    if (type === 'h') base.setHours(num);\n    else if (type === 'm') base.setMinutes(num);\n    else base.setSeconds(num);\n\n    if (value === undefined) setDate(base);\n    onChange?.(base);\n  }, [date, value, onChange]);\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (value === undefined) setDate(null);\n    onChange?.(null);\n    toggleOpen(false);\n  };\n\n  const handleNow = () => {\n    const now = new Date();\n    if (value === undefined) setDate(now);\n    onChange?.(now);\n    toggleOpen(false);\n  };\n\n  const handleOk = () => {\n    toggleOpen(false);\n  };\n\n  // Disabled time calculation\n  const disabled12 = useMemo(() => disabledTime?.() ?? {}, [disabledTime]);\n  const disabledHours = useMemo(() => disabled12.disabledHours?.() ?? [], [disabled12]);\n  const currentHour = date?.getHours() ?? 0;\n  const disabledMinutes = useMemo(\n    () => disabled12.disabledMinutes?.(currentHour) ?? [],\n    [disabled12, currentHour]\n  );\n  const currentMinute = date?.getMinutes() ?? 0;\n  const disabledSeconds = useMemo(\n    () => disabled12.disabledSeconds?.(currentHour, currentMinute) ?? [],\n    [disabled12, currentHour, currentMinute]\n  );\n\n  const hours = generateSteps(24, hourStep);\n  const minutes = generateSteps(60, minuteStep);\n  const seconds = generateSteps(60, secondStep);\n\n  const filteredHours = hideDisabledOptions ? hours.filter((h) => !disabledHours.includes(h)) : hours;\n  const filteredMinutes = hideDisabledOptions ? minutes.filter((m) => !disabledMinutes.includes(m)) : minutes;\n  const filteredSeconds = hideDisabledOptions ? seconds.filter((s) => !disabledSeconds.includes(s)) : seconds;\n\n  const hasValue = date !== null;\n  const displayValue = hasValue ? formatTime(date, format, use12Hours) : '';\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 renderOverlay = () => (\n    <div className={`${prefixCls}__dropdown`} ref={dropdownRef}>\n      <div className={`${prefixCls}__panel`}>\n        <TimePanel\n          prefixCls={prefixCls}\n          value={date?.getHours() ?? 0}\n          items={filteredHours}\n          disabledItems={hideDisabledOptions ? [] : disabledHours}\n          loop={loop}\n          onChange={(h) => updateTime('h', h)}\n        />\n        {showsMinutes(format) && (\n          <TimePanel\n            prefixCls={prefixCls}\n            value={date?.getMinutes() ?? 0}\n            items={filteredMinutes}\n            disabledItems={hideDisabledOptions ? [] : disabledMinutes}\n            loop={loop}\n            onChange={(m) => updateTime('m', m)}\n          />\n        )}\n        {showsSeconds(format) && (\n          <TimePanel\n            prefixCls={prefixCls}\n            value={date?.getSeconds() ?? 0}\n            items={filteredSeconds}\n            disabledItems={hideDisabledOptions ? [] : disabledSeconds}\n            loop={loop}\n            onChange={(s) => updateTime('s', s)}\n          />\n        )}\n      </div>\n      <div className={`${prefixCls}__footer`}>\n        {renderExtraFooter && <div className={`${prefixCls}__extra-footer`}>{renderExtraFooter()}</div>}\n        <div className={`${prefixCls}__footer-actions`}>\n          {showNow && <a className={`${prefixCls}__now-btn`} onClick={handleNow}>{locale.TimePicker.now}</a>}\n          <button type=\"button\" className={`${prefixCls}__ok-btn`} onClick={handleOk}>{locale.TimePicker.okText}</button>\n        </div>\n      </div>\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\n          className={`${prefixCls}__input`}\n          onClick={() => !disabled && toggleOpen(!isOpen)}>\n          <input\n            className={`${prefixCls}__input-field`}\n            readOnly={inputReadOnly}\n            disabled={disabled}\n            placeholder={placeholder}\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 time\">\n                <ClearIcon size=\"1em\" />\n              </button>\n            ) : null}\n            <span className={`${prefixCls}__icon`}>\n              {suffixIcon ?? <ClockIcon size=\"1em\" />}\n            </span>\n          </span>\n        </div>\n      </Popup>\n    </div>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n\nexport default TimePicker;\n"],"mappings":";;;;;;;;;;AAUA,SAAS,WAAW,MAAY,QAAgB,YAA6B;CAC3E,IAAI,IAAI,KAAK,UAAU;CACvB,MAAM,IAAI,OAAO,KAAK,YAAY,CAAC,CAAC,SAAS,GAAG,IAAI;CACpD,MAAM,IAAI,OAAO,KAAK,YAAY,CAAC,CAAC,SAAS,GAAG,IAAI;CACpD,IAAI,SAAS;AAEb,KAAI,YAAY;AACd,WAAS,KAAK,KAAK,QAAQ;AAC3B,MAAI,IAAI,MAAM;;AAGhB,QAAO,OACJ,QAAQ,MAAM,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,CACzC,QAAQ,KAAK,OAAO,EAAE,CAAC,CACvB,QAAQ,MAAM,EAAE,CAChB,QAAQ,MAAM,EAAE,GAAG;;AAGxB,SAAS,cAAc,OAAe,MAAwB;CAC5D,MAAM,QAAkB,EAAE;AAC1B,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KAAK,KAC9B,OAAM,KAAK,EAAE;AAEf,QAAO;;AAGT,SAAS,aAAa,QAAyB;AAC7C,QAAO,OAAO,SAAS,KAAK,IAAI,OAAO,SAAS,IAAI;;AAGtD,SAAS,aAAa,QAAyB;AAC7C,QAAO,OAAO,SAAS,KAAK,IAAI,OAAO,SAAS,IAAI;;AAGtD,MAAM,cAAc,UAA+C;CACjE,MAAM,SAAS,WAAW;CAC1B,MAAM,EACJ,cACA,OACA,MAAM,gBACN,SAAS,YACT,aAAa,OACb,WAAW,GACX,aAAa,GACb,aAAa,GACb,WAAW,OACX,cAAc,OAAO,WAAW,YAChC,aAAa,MACb,OAAO,MACP,gBAAgB,MAChB,cACA,sBAAsB,OACtB,OAAO,OACP,UAAU,MACV,mBACA,YACA,UACA,cACA,WACA,OACA,WAAW,kBACT;CAGJ,MAAM,YAAY,aAAa,eADT,WAAW,cAAc,CACa,WAAW,cAAc;CAErF,MAAM,CAAC,MAAM,WAAW,SAAsB,SAAS,gBAAgB,KAAK;CAC5E,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,cAAc,OAAuB,KAAK;CAEhD,MAAM,SAAS,kBAAkB;AAGjC,iBAAgB;AACd,MAAI,UAAU,KAAA,EAAW,SAAQ,MAAM;IACtC,CAAC,MAAM,CAAC;AAEX,iBAAgB;AACd,MAAI,mBAAmB,KAAA,EAAW,SAAQ,eAAe;IACxD,CAAC,eAAe,CAAC;AAEpB,iBAAgB;EACd,MAAM,YAAY,UAAsB;GACtC,MAAM,SAAS,MAAM;AACrB,OAAI,WAAW,SAAS,SAAS,OAAO,IAAI,YAAY,SAAS,SAAS,OAAO,CAAE;AACnF,OAAI,mBAAmB,KAAA,EAAW,SAAQ,MAAM;AAChD,kBAAe,MAAM;;AAEvB,WAAS,iBAAiB,SAAS,SAAS;AAC5C,eAAa,SAAS,oBAAoB,SAAS,SAAS;IAC3D,CAAC,gBAAgB,aAAa,CAAC;CAElC,MAAM,aAAa,aAAa,QAAiB;AAC/C,MAAI,mBAAmB,KAAA,EAAW,SAAQ,IAAI;AAC9C,iBAAe,IAAI;IAClB,CAAC,gBAAgB,aAAa,CAAC;CAElC,MAAM,aAAa,aAAa,MAAuB,QAAgB;EACrE,MAAM,OAAO,OAAO,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE;AAClE,MAAI,SAAS,IAAK,MAAK,SAAS,IAAI;WAC3B,SAAS,IAAK,MAAK,WAAW,IAAI;MACtC,MAAK,WAAW,IAAI;AAEzB,MAAI,UAAU,KAAA,EAAW,SAAQ,KAAK;AACtC,aAAW,KAAK;IACf;EAAC;EAAM;EAAO;EAAS,CAAC;CAE3B,MAAM,eAAe,MAAwB;AAC3C,IAAE,iBAAiB;AACnB,MAAI,UAAU,KAAA,EAAW,SAAQ,KAAK;AACtC,aAAW,KAAK;AAChB,aAAW,MAAM;;CAGnB,MAAM,kBAAkB;EACtB,MAAM,sBAAM,IAAI,MAAM;AACtB,MAAI,UAAU,KAAA,EAAW,SAAQ,IAAI;AACrC,aAAW,IAAI;AACf,aAAW,MAAM;;CAGnB,MAAM,iBAAiB;AACrB,aAAW,MAAM;;CAInB,MAAM,aAAa,cAAc,gBAAgB,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC;CACxE,MAAM,gBAAgB,cAAc,WAAW,iBAAiB,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC;CACrF,MAAM,cAAc,MAAM,UAAU,IAAI;CACxC,MAAM,kBAAkB,cAChB,WAAW,kBAAkB,YAAY,IAAI,EAAE,EACrD,CAAC,YAAY,YAAY,CAC1B;CACD,MAAM,gBAAgB,MAAM,YAAY,IAAI;CAC5C,MAAM,kBAAkB,cAChB,WAAW,kBAAkB,aAAa,cAAc,IAAI,EAAE,EACpE;EAAC;EAAY;EAAa;EAAc,CACzC;CAED,MAAM,QAAQ,cAAc,IAAI,SAAS;CACzC,MAAM,UAAU,cAAc,IAAI,WAAW;CAC7C,MAAM,UAAU,cAAc,IAAI,WAAW;CAE7C,MAAM,gBAAgB,sBAAsB,MAAM,QAAQ,MAAM,CAAC,cAAc,SAAS,EAAE,CAAC,GAAG;CAC9F,MAAM,kBAAkB,sBAAsB,QAAQ,QAAQ,MAAM,CAAC,gBAAgB,SAAS,EAAE,CAAC,GAAG;CACpG,MAAM,kBAAkB,sBAAsB,QAAQ,QAAQ,MAAM,CAAC,gBAAgB,SAAS,EAAE,CAAC,GAAG;CAEpG,MAAM,WAAW,SAAS;CAC1B,MAAM,eAAe,WAAW,WAAW,MAAM,QAAQ,WAAW,GAAG;CAEvE,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GAAG,QAAQ;GAClE,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,SAAS;GACtB,GAAG,UAAU,cAAc;EAC7B,CAAC;CAEF,MAAM,sBACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAAa,KAAK;YAA/C,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B;IACE,oBAAC,WAAD;KACa;KACX,OAAO,MAAM,UAAU,IAAI;KAC3B,OAAO;KACP,eAAe,sBAAsB,EAAE,GAAG;KACpC;KACN,WAAW,MAAM,WAAW,KAAK,EAAE;KACnC,CAAA;IACD,aAAa,OAAO,IACnB,oBAAC,WAAD;KACa;KACX,OAAO,MAAM,YAAY,IAAI;KAC7B,OAAO;KACP,eAAe,sBAAsB,EAAE,GAAG;KACpC;KACN,WAAW,MAAM,WAAW,KAAK,EAAE;KACnC,CAAA;IAEH,aAAa,OAAO,IACnB,oBAAC,WAAD;KACa;KACX,OAAO,MAAM,YAAY,IAAI;KAC7B,OAAO;KACP,eAAe,sBAAsB,EAAE,GAAG;KACpC;KACN,WAAW,MAAM,WAAW,KAAK,EAAE;KACnC,CAAA;IAEA;MACN,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACG,qBAAqB,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAkB,mBAAmB;IAAO,CAAA,EAC/F,qBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAA7B,CACG,WAAW,oBAAC,KAAD;KAAG,WAAW,GAAG,UAAU;KAAY,SAAS;eAAY,OAAO,WAAW;KAAQ,CAAA,EAClG,oBAAC,UAAD;KAAQ,MAAK;KAAS,WAAW,GAAG,UAAU;KAAW,SAAS;eAAW,OAAO,WAAW;KAAgB,CAAA,CAC3G;MACF;KACF;;AAGR,QACE,oBAAC,OAAD;EAAK,WAAW;EAAY;EAAO,KAAK;YACtC,oBAACA,eAAD;GACE,SAAQ;GACR,WAAU;GACV,OAAO;GACP,SAAS;GACT,SAAS,eAAe;aACxB,qBAAC,OAAD;IACE,WAAW,GAAG,UAAU;IACxB,eAAe,CAAC,YAAY,WAAW,CAAC,OAAO;cAFjD,CAGE,oBAAC,SAAD;KACE,WAAW,GAAG,UAAU;KACxB,UAAU;KACA;KACG;KACb,OAAO;KACP,iBAAe;KACf,iBAAc;KACd,YAAY,MAAM;AAChB,UAAI,EAAE,QAAQ,YAAY,OAAQ,YAAW,MAAM;;KAErD,CAAA,EACF,qBAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAA9B,CACG,cAAc,YAAY,CAAC,WAC1B,oBAAC,UAAD;MAAQ,MAAK;MAAS,WAAW,GAAG,UAAU;MAAU,SAAS;MAAa,cAAW;gBACvF,oBAAC,WAAD,EAAW,MAAK,OAAQ,CAAA;MACjB,CAAA,GACP,MACJ,oBAAC,QAAD;MAAM,WAAW,GAAG,UAAU;gBAC3B,cAAc,oBAAC,WAAD,EAAW,MAAK,OAAQ,CAAA;MAClC,CAAA,CACF;OACH;;GACA,CAAA;EACJ,CAAA;;AAIV,WAAW,cAAc"}

package/es/time-picker/types.d.ts

@@ -0,0 +1,56 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import { ReactNode } from "react";
+
+//#region src/time-picker/types.d.ts
+interface DisabledTime {
+  disabledHours?: () => number[];
+  disabledMinutes?: (hour: number) => number[];
+  disabledSeconds?: (hour: number, minute: number) => number[];
+}
+interface TimePickerProps extends BaseProps {
+  /** Default time value */
+  defaultValue?: Date;
+  /** Controlled time value */
+  value?: Date;
+  /** Whether the popup is open (controlled) */
+  open?: boolean;
+  /** Display format string */
+  format?: string;
+  /** Enable 12-hour format */
+  use12Hours?: boolean;
+  /** Hour step interval */
+  hourStep?: number;
+  /** Minute step interval */
+  minuteStep?: number;
+  /** Second step interval */
+  secondStep?: number;
+  /** Disable time picker */
+  disabled?: boolean;
+  /** Input placeholder */
+  placeholder?: string;
+  /** Show clear button */
+  allowClear?: boolean;
+  /** Input size */
+  size?: SizeType;
+  /** Prevent keyboard input */
+  inputReadOnly?: boolean;
+  /** Function to specify unavailable times */
+  disabledTime?: () => DisabledTime;
+  /** Hide disabled options in the panel */
+  hideDisabledOptions?: boolean;
+  /** Show "Now" button in footer (default: true) */
+  showNow?: boolean;
+  /** Extra content in the footer */
+  renderExtraFooter?: () => ReactNode;
+  /** Suffix icon */
+  suffixIcon?: ReactNode;
+  /** Callback when time changes */
+  onChange?: (date: Date | null) => void;
+  /** Callback when popup opens/closes */
+  onOpenChange?: (open: boolean) => void;
+  /** Enable infinite circular scrolling for h/m/s columns */
+  loop?: boolean;
+}
+//#endregion
+export { DisabledTime, TimePickerProps };
+//# sourceMappingURL=types.d.ts.map

package/es/timeline/index.d.ts

@@ -0,0 +1,11 @@
+import { Timeline } from "./timeline.js";
+import { TimelineItem } from "./timeline-item.js";
+
+//#region src/timeline/index.d.ts
+type ITimeline = typeof Timeline & {
+  Item: typeof TimelineItem;
+};
+declare const DefaultTimeline: ITimeline;
+//#endregion
+export { DefaultTimeline };
+//# sourceMappingURL=index.d.ts.map

package/es/timeline/index.js

@@ -0,0 +1,11 @@
+import '../style/base.css';
+import './style/index.css';
+import Timeline from "./timeline.js";
+import TimelineItem from "./timeline-item.js";
+//#region src/timeline/index.tsx
+const DefaultTimeline = Timeline;
+DefaultTimeline.Item = TimelineItem;
+//#endregion
+export { DefaultTimeline as default };
+
+//# sourceMappingURL=index.js.map

package/es/timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/timeline/index.tsx"],"sourcesContent":["import Timeline from './timeline';\nimport TimelineItem from './timeline-item';\n\ntype ITimeline = typeof Timeline & {\n  Item: typeof TimelineItem;\n};\n\nconst DefaultTimeline = Timeline as ITimeline;\nDefaultTimeline.Item = TimelineItem;\n\nexport default DefaultTimeline;\n"],"mappings":";;;AAOA,MAAM,kBAAkB;AACxB,gBAAgB,OAAO"}