Skip to main content

TimePicker

Function TimePicker 

Source
pub fn TimePicker(_: TimePickerProps) -> Element
Expand description

时间选择器(24 小时制 “HH:MM”)。

原生 <input type="time"> 的弹出层由浏览器/OS 绘制,暗色主题下是白底 系统菜单(与原生 <select> 同款问题),故用两个 FormSelect(时/分) 组合重写,弹层配色、select-enter 动画、键盘导航、视口翻转与遮罩关闭 逻辑全部继承:

  • 外框容器镜像步进器控件(rounded-lg 边框 + bg-paper-entry),触发器无边框;
  • 打开任一段下拉自动滚动到当前值,点击即回调组合后的 “HH:MM”;
  • 键盘:Tab 进入时/分列,↑↓ 或 Enter 展开,Enter 选定,Esc 关闭。

Props:

  • id:小时触发器 id,用于与 label 关联(缺省用内部计数器生成)
  • value:当前值 “HH:MM”(受控;非法值回退显示 00:00,不 panic)
  • onchange:选中变化回调,回传组合后的 “HH:MM”

§Props

For details, see the props struct definition.