ant-design/components/time-picker/demo/size.md

---
order: 2
title: 三种大小
---

三种大小的输入框，大的用在表单中，中的为默认。

````jsx
import { TimePicker } from 'antd';

ReactDOM.render(
  <div>
    <TimePicker defaultValue="12:08:23" size="large" />
    <TimePicker defaultValue="12:08:23" />
    <TimePicker defaultValue="12:08:23" size="small" />
  </div>
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 2`
			`title: 三种大小`
			`---`
Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00
			`三种大小的输入框，大的用在表单中，中的为默认。`

			````jsx
			`import { TimePicker } from 'antd';`

			`ReactDOM.render(`
			`<div>`
			`<TimePicker defaultValue="12:08:23" size="large" />`
			`<TimePicker defaultValue="12:08:23" />`
			`<TimePicker defaultValue="12:08:23" size="small" />`
			`</div>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
Datepicker => DatePicker, Timepicker => TimePicker 2015-12-10 16:12:10 +08:00			````