DateTimePicker 日期时间选择器

<!-- 基础用法 -->
  <re-date-time-picker class="demo-default" title="选择日期" :visible="showDefault" @update:visible="showDefault = $event" />

<!-- 日期模式 -->
  <re-date-time-picker class="demo-date" mode="date" title="选择日期" value="2026-07-03" :visible="showDate" @update:visible="showDate = $event" />

<!-- 时间模式 -->
  <re-date-time-picker class="demo-time" mode="time" title="选择时间" value="12:30" :visible="showTime" @update:visible="showTime = $event" />

<!-- 日期时间模式 -->
  <re-date-time-picker class="demo-datetime" mode="datetime" title="选择日期时间" value="2026-07-03 12:30" :visible="showDatetime" @update:visible="showDatetime = $event" />

<!-- 年月模式 -->
  <re-date-time-picker class="demo-year" mode="year" title="选择年份" :value="2026" :visible="showYear" @update:visible="showYear = $event" />
  <re-date-time-picker class="demo-month" mode="month" title="选择月份" value="2026-07" :visible="showMonth" @update:visible="showMonth = $event" />

<!-- 显示面板 -->
  <re-date-time-picker class="demo-visible" mode="date" title="可见面板" :visible="showVisible" @update:visible="showVisible = $event" />

<!-- 范围限制 -->
  <re-date-time-picker class="demo-range" mode="date" title="范围选择" start="2020-01-01" end="2030-12-31" :visible="showRange" @update:visible="showRange = $event" />

<!-- 自定义格式 -->
  <re-date-time-picker class="demo-format" mode="date" title="自定义格式" format="YYYY/MM/DD" value="2026/07/03" :visible="showFormat" @update:visible="showFormat = $event" />