---
category: Components
subtitle: 时间选择框
type: 数据录入
title: TimePicker
---

当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。

## 设计规范

时间选择框常规高度为 32px ,小尺寸的高度为 24px ,边框颜色 #D8DAE2 , 4px 圆角，提示字颜色 #B1B4C5 ,输入颜色 #3D446E ，宽度根据具体情况而定。

## API

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