React 组件

UGCalendar 日历

内联单月日期选择器，固定六行以避免页面跳动；支持受控日期与月份、范围禁用和完整网格键盘导航。

导入方式

按需从包入口导入组件，并在应用入口引入一次样式文件。

tsx

import { UGCalendar } from '@ug666/ui-react'

选择发布日期

聚焦日期后可使用方向键、Home/End、PageUp/PageDown；按住 Shift 可按年切换。

2026年8月

周一	周二	周三	周四	周五	周六	周日

当前发布日期

2026年8月18日

可选范围：2026 年 8 月 10 日至 9 月 20 日

紧凑与隐藏相邻日期

2026年8月

周一	周二	周三	周四	周五	周六	周日

属性

属性	类型	默认值	说明
value / defaultValue	Date \| null	null	受控或非受控选中日期。
month / defaultMonth	Date	当前月	受控或非受控可见月份。
min / max	Date	—	允许选择的本地日期范围。
weekStartsOn	0 \| 1	1	星期日或星期一作为一周起点。
showOutsideDays	boolean	true	是否显示相邻月份日期。
isDateDisabled	(date: Date) => boolean	—	补充业务日期禁用规则。