iter(g50): 新增 datePicker 日期选择组件

apps/demo/main.ts

@@ -19,6 +19,7 @@ import {
   cascader,
   checkbox,
   dataTable,
+  datePicker,
   transfer,
   descriptions,
   divider,
@@ -186,6 +187,7 @@ const listPick = signal(''); // 列表点击选中的条目标题
 const slideIndex = signal(0); // 轮播当前下标（外部受控演示）
 const cascaderPath = signal<string[]>(['east', 'sh']); // 级联选择路径（外部受控演示）
 const splitSizes = signal<number[]>([35, 65]); // 分栏比例（外部受控演示）
+const dateVal = signal('2026-10-26'); // 日期选择值（外部受控演示）
 const acValue = signal(''); // 自动补全输入值（外部受控演示）
 const treePick = signal('core'); // 树形选中节点 key
 const transferKeys = signal<string[]>(['a11y']); // 穿梭框右侧集合（外部受控演示）
@@ -683,6 +685,18 @@ const content = h(
       button({ label: '错误（可关）', variant: 'danger', onClick: () => notification({ title: '保存失败', description: '服务端返回 500，请稍后重试', variant: 'danger' }) }),
     ),
   ),
+  section(
+    'sec-datepicker',
+    '日期选择',
+    'datePicker：单月网格，翻月 / 今天 / ←→↑↓ 逐日逐周 / PageUp↓ 逐月，Esc 收起；min/max 闭区间置灰越界日。',
+    h(
+      'div',
+      { class: 'row' },
+      datePicker({ value: dateVal, onChange: (d) => toast.success(`已选 ${d}`) }),
+      datePicker({ placeholder: '只能选 10 月下旬', min: '2026-10-20', max: '2026-10-31' }),
+      h('span', { class: 'out' }, () => (dateVal() ? `当前日期：${dateVal()}` : '未选择')),
+    ),
+  ),
   section(
     'sec-autocomplete',
     '自动补全',