iter(g213): 新增 timePicker 时间选择组件

apps/demo/main.ts

@@ -25,6 +25,7 @@ import {
   checkbox,
   checkboxGroup,
   colorPicker,
+  timePicker,
   commandPalette,
   dataTable,
   datePicker,
@@ -241,6 +242,7 @@ const tagPick = signal<string[]>(['ts']); // 多选下拉选中值（外部受
 const tagFold = signal<string[]>(['ts', 'dom', 'css']); // 多选下拉折叠演示：预置 3 项看溢出
 const permPick = signal<string[]>(['read']); // 多选组选中值（外部受控演示）
 const colorVal = signal('var(--ua-color-accent)'); // 颜色选择值（外部受控演示）
+const atTime = signal('09:30'); // 时间选择值：给定初值即受控，组件选完写回
 const dateVal = signal('2026-10-26'); // 日期选择值（外部受控演示）
 const rangeFrom = signal(''); // 区间起点
 const rangeTo = signal(''); // 区间终点
@@ -1057,6 +1059,18 @@ const content = h(
       h('span', { class: 'ua-colorpicker-swatch', style: () => `background:${colorVal()}` }),
     ),
   ),
+  section(
+    'sec-timepicker',
+    '时间选择',
+    'timePicker：时 / 分两列弹层，value 双向绑定 HH:mm；minuteStep 控制分的粒度，选完分自动收起并归还焦点。',
+    h(
+      'div',
+      { class: 'row' },
+      timePicker({ value: atTime, minuteStep: 15, onChange: (t) => toast.success(`定在 ${t}`) }),
+      timePicker({ placeholder: '禁用态', disabled: true }),
+      h('span', { class: 'out' }, () => `当前时间：${atTime() || '未选'}`),
+    ),
+  ),
   section(
     'sec-affix',
     '固钉',