如何使用

在需要进行日期展示进度或者事件时,可以使用日历组件

解构

Img
  1. 日期标题 随日、周、月视图变化
  2. 视图日期切换(可禁用)用于切换视图类型和日期。当日历仅做信息展示用时,可选择禁用
  3. 日历表头显示全天事件内容或日期信息,位置固定吸顶
  4. 特殊事件卡(可自定义)通常用于展示全天/连续多天事件内容
  5. 普通事件卡(可自定义)通常用于展示特定时段事件内容,在月视图中会折叠简化展示
  6. 当前时间(可禁用)用于标明当前时间,只在日、周视图中显示
  7. 时间轴用于展示时间标尺,只在日、周视图中显示

Components Demo

❌ Figma Variants

日视图

周视图

月视图

多日视图