DatePicker 日期选择器

DatePicker 用于选择日期范围；当前组件先实现选择框样式，支持三种尺寸、默认与轻量底色、输入与激活状态。

交互示例

点击选择框弹出日期面板，面板支持年月切换、日期范围选择并回填到上方选择框。

组件尺寸

提供 Large、default、Small 三种选择框高度，宽度默认为 300px。

类型样式

展示 DatePicker 禁用状态样式。

API 参考

参数	说明	类型	可选值	默认值
startDate	开始日期文本	string	-	''
endDate	结束日期文本	string	-	''
selectedStartDate	下拉面板初始开始日期	string \| Date \| object	-	null
selectedEndDate	下拉面板初始结束日期	string \| Date \| object	-	null
startPlaceholder	开始日期占位文本	string	-	'选择开始时间'
endPlaceholder	结束日期占位文本	string	-	'选择结束时间'
size	组件尺寸	string	'large' \| 'default' \| 'small'	'large'
type	选择框背景类型	string	'default' \| 'subtler'	'default'
state	展示状态	string	'default' \| 'hover' \| 'entered' \| 'active-start' \| 'active-end' \| 'disabled'	'default'
displayYear	下拉面板默认展示年份	number	-	系统年份
displayMonth	下拉面板默认展示月份	number	1-12	系统月份
disabled	是否禁用	boolean	true \| false	false
clearable	有值时是否展示清除 icon	boolean	true \| false	false
interactive	是否启用当前示例交互	boolean	true \| false	false
panelOpen	下拉面板是否默认展开，仅用于 createDatePickerDropdown	boolean	true \| false	false
width	选择框宽度	number \| string	-	300
onChange	日期或激活段变化回调	function	-	null
className	自定义类名	string	-	''
id	自定义 id	string	-	''