添加 cl-calendar 组件

pages/demo/form/calendar.uvue

@@ -0,0 +1,41 @@
+<template>
+	<cl-page>
+		<view class="p-3">
+			<demo-item :label="t('选择器')">
+				<cl-calendar-select v-model="date"></cl-calendar-select>
+			</demo-item>
+
+			<demo-item :label="t('范围选择器')">
+				<cl-calendar-select v-model:date="dateArr" mode="range"></cl-calendar-select>
+			</demo-item>
+
+			<demo-item :label="t('禁用部分日期')">
+				<cl-calendar-select
+					v-model="date"
+					:disabled-date="disabledDate"
+				></cl-calendar-select>
+			</demo-item>
+
+			<demo-item :label="t('日历面板')">
+				<cl-calendar v-model="date"></cl-calendar>
+			</demo-item>
+		</view>
+	</cl-page>
+</template>
+
+<script lang="ts" setup>
+import { ref } from "vue";
+import { t } from "@/locale";
+import DemoItem from "../components/item.uvue";
+import { dayUts } from "@/cool";
+
+const date = ref<string | null>(dayUts().format("YYYY-MM-DD"));
+
+const dateArr = ref<string[]>(["2025-09-02", "2025-09-09"]);
+
+const disabledDate = ref<string[]>([
+	dayUts().add(2, "day").format("YYYY-MM-DD"),
+	dayUts().add(4, "day").format("YYYY-MM-DD"),
+	dayUts().add(6, "day").format("YYYY-MM-DD")
+]);
+</script>

pages/index/home.uvue

@@ -226,6 +226,11 @@ const data = computed<Item[]>(() => {
 					label: t("文件上传"),
 					icon: "file-upload-line",
 					path: "/pages/demo/form/upload"
+				},
+				{
+					label: t("日历"),
+					icon: "calendar-line",
+					path: "/pages/demo/form/calendar"
 				}
 			]
 		},
@@ -327,6 +332,11 @@ const data = computed<Item[]>(() => {
 					label: t("树形结构"),
 					icon: "node-tree",
 					path: "/pages/demo/data/tree"
+				},
+				{
+					label: t("日历"),
+					icon: "calendar-line",
+					path: "/pages/demo/data/calendar"
 				}
 			]
 		},