组件
日历 Calendar
Calendar：日历网格，即日期选择器的月份视图，不带弹层。它始终展开，没有触发器，容器呈现为一张低调卡片。标题可在月份和年份网格之间切换层级；网格复用日期选择器的状态机，包括取值、范围选择和焦点。
#基础用法
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
27 | 28 | 29 | 30 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
January | February | March | ||||||
April | May | June | ||||||
July | August | September | ||||||
October | November | December |
2020 | 2021 | 2022 | ||||||
2023 | 2024 | 2025 | ||||||
2026 | 2027 | 2028 | ||||||
2029 |
<script setup lang="ts">
import { Calendar } from "@bysages/vue";
</script>
<template>
<Calendar />
</template>
#属性
#Calendar
Calendar：日历网格，即日期选择器的月份视图，不带弹层。它始终展开，没有触发器，容器呈现为一张低调卡片。标题可在月份和年份网格之间切换层级；网格复用日期选择器的状态机，包括取值、范围选择和焦点。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
modelValue | null as unknown as PropType<DatePickerRootProps["modelValue"]> | undefined | 选中的日期；日期范围以数组表示，并由状态机处理 |
min | null as unknown as PropType<DatePickerRootProps["min"]> | undefined | — |
max | null as unknown as PropType<DatePickerRootProps["max"]> | undefined | — |