---
category: Components
subtitle: 日期选择框
type: 数据录入
title: DatePicker
---

输入或选择日期的控件。

## 设计规范

- 日期选择框常规高度为 32px ,小尺寸的高度为 24px ,边框颜色 #D8DAE2 , 填充色 #FFFFFF， 4px 圆角，提示字 12px，颜色 #B1B4C5 ,输入颜色 #3D446E ;
- hover状态边框颜色 #1D78FF ;
- 点击状态边框颜色 #005CE6，下划线 #005CE6，2px ;
- 禁用状态底色 #EBECF0，文字 #B1B4C5 ;

## API

|类名  |说明  |使用示例  |
|---------|---------|---------|
|.dt-ant-datepicker-basic  | datePicker样式设置   | 默认样式   |
|.dt-form-shadow-bg  | 灰色背景,表单样式设置   | 灰色背景(仅默认主题下使用)   |
|.dt-form-light-bg  | 浅色背景上，显示深色控件   | 浅色背景(仅暗黑主题下使用)   |