@include 'common'

## 何时使用

输入或选择日期的控件。当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。

## 代码演示

# 基本

最基本的用法。可以通过 onChange 监听选中值的变化。
@include 'demo1'

# 提供默认值

可以通过 defaultValue 属性为日期选择器提供初值，所提供的初值必须为 moment 对象。
@include 'demo2'

# 日期格式

通过 format 属性可以约束日期选择器的日期格式，该格式同时会限定用户的输入格式。
@include 'demo3'

# 日期时间选择

如果需要同时选择时间，可以通过 showTime 属性开启，showTime 支持传入 TimePickerPanel 的属性，例如 format, defaultValue 等。
@include 'demo4'

# 禁止选择某些日期

可以通过 disabledDate 属性来禁止用户选择或输入某些特定日期。
@include 'demo5'

# 面板的默认展现日期

可以通过 defaultVisibleMonth 或 defaultVisibleYear 属性可以修改面板的默认展现日期。
@include 'demo6'

# 禁用状态

当开启 disabled 属性时，选择框处于完全禁用状态。
@include 'demo7'

# 自定义日期选择器弹层

组件对外透出了 visible, defaultVisible, onVisibleChange, popupTriggerType, popupAlign, popupContainer, popupStyle, popupClassName 等属性用于直接定制弹层。此外，如果这些属性仍然无法满足需求，可以通过 popupProps 进行透传。
@include 'demo8'

# 自定义面板页脚

可以通过 footerRender 自定义对面板页脚的定制。
@include 'demo9'

# 不同尺寸

通过 size 属性可以改变 Input 组件的尺寸，默认为 medium。
@include 'demo10'

# 与 Field 结合

与 Field 结合使用，简单示范自定义返回值
@include 'demo11'

# 无障碍支持

支持手动输入或键盘操作，请参考#无障碍键盘操作指南。
@include 'demo12'