---
order: 2
title: 日历框大小
---

````jsx
import TimePickerField from '@alicd/crui-time-picker-field';
import { Form } from '@alicd/next';

ReactDOM.render(
  <Form>
    <TimePickerField size="large" label="大号" />
    <TimePickerField  label="中号" />
    <TimePickerField size="small"  label="小号"/>
  </Form>,
  mountNode
);
````

```` template
<Form>
  <TimePickerField size="large" label="大号" />
  <TimePickerField  label="中号" />
  <TimePickerField size="small"  label="小号"/>
</Form>
````