Atelier UI

搜索组件…

搜索组件…

Time Picker

时间选择器:时/分/上下午分段输入,方向键增减、数字直接输入,支持 12/24 小时制。

在沙盒中编辑

复制一段给 AI 编程工具的提示词,包含源码、依赖和用法

属性

TimePickerProps

同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">

属性类型默认值说明
valuestring—24h "HH:mm"
defaultValuestring"09:30"—
onValueChange(value: string) => void——
hour12booleantrue—
minuteStepnumber1—
disabledbooleanfalse—

安装

$ npx shadcn@latest add https://chromotion.dev/r/time-picker.json

同类组件