DatePicker 日期选择器

何时使用

需要选择单个日期或日期范围时。

基础用法

选中：（未选择）

<script setup lang="ts">
import { ref } from "vue";
const date = ref<string | null>(null);
</script>

<template>
  <DatePicker v-model="date" />
</template>

导入

import { DatePicker } from "@reglow/reui";

Props

属性	类型	默认值	说明
`modelValue`	`string \| null`	`null`	选中日期（v-model）
`placeholder`	`string`	跟随语言	占位文字
`format`	`string`	`"YYYY-MM-DD"`	输出格式（dayjs 格式串）
`showTime`	`boolean`	`false`	是否显示时间选择
`disabled`	`boolean`	`false`	禁用
`allowClear`	`boolean`	`true`	显示清除按钮

另有 DatePickerCore（支持 picker="date | week | month | year"）与 CalendarPanel 面板组件可按需使用。

国际化

placeholder、面板中的星期、年月格式、时间标签等文案默认跟随全局语言（zh-CN / zh-TW / en-US），传 prop 可覆盖。

Command 命令面板

命令面板（Command Palette）基础组件，提供快速搜索并选择命令/操作的组合式 UI，常用于全局搜索、快捷键唤起等场景。

Editor 富文本编辑器

基于 Tiptap 的富文本编辑器，支持 Markdown

内容锚点

何时使用
基础用法
导入
Props
国际化