---
nav:
  path: /client
group:
  path: /schema-components
---

# DatePicker

## Examples

### DatePicker

<code src="./demos/demo1.tsx" />

### RangePicker

<code src="./demos/demo2.tsx" />

## API

基于 antd 的 [DatePicker](https://ant.design/components/date-picker/#API)，新增了以下扩展属性，用于支持 NocoBase 的日期字段设置。

- `dateFormat` 设置日期格式
- `timeFormat` 设置时间格式