iter(g138): 日期选择支持区间模式

apps/demo/main.ts

@@ -230,6 +230,8 @@ const tagPick = signal<string[]>(['ts']); // 多选下拉选中值（外部受
 const permPick = signal<string[]>(['read']); // 多选组选中值（外部受控演示）
 const colorVal = signal('var(--ua-color-accent)'); // 颜色选择值（外部受控演示）
 const dateVal = signal('2026-10-26'); // 日期选择值（外部受控演示）
+const rangeFrom = signal(''); // 区间起点
+const rangeTo = signal(''); // 区间终点
 const acValue = signal(''); // 自动补全输入值（外部受控演示）
 const treeChecked = signal<string[]>(['core']); // 多选树勾选集合（外部受控演示）
 const treePick = signal('core'); // 树形选中节点 key
@@ -982,7 +984,9 @@ const content = h(
       { class: 'row' },
       datePicker({ value: dateVal, onChange: (d) => toast.success(`已选 ${d}`) }),
       datePicker({ placeholder: '只能选 10 月下旬', min: '2026-10-20', max: '2026-10-31' }),
+      datePicker({ range: true, value: rangeFrom, end: rangeTo, onRangeChange: (a, b) => toast.success(`区间 ${a} ~ ${b}`) }),
       h('span', { class: 'out' }, () => (dateVal() ? `当前日期：${dateVal()}` : '未选择')),
+      h('span', { class: 'out' }, () => (rangeFrom() ? `区间：${rangeFrom()} ~ ${rangeTo() || '待定'}` : '区间未选择')),
     ),
   ),
   section(