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

order	title
2	[{zh-CN 三种大小} {en-US Three Sizes}]

zh-CN

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

en-US

The input box comes in three sizes. large is used in the form, while the medium size is the default.

import { TimePicker } from 'antd';
import dayjs from 'dayjs';
import React from 'react';

const App: React.FC = () => (
  <>
    <TimePicker defaultValue={dayjs('12:08:23', 'HH:mm:ss')} size="large" />
    <TimePicker defaultValue={dayjs('12:08:23', 'HH:mm:ss')} />
    <TimePicker defaultValue={dayjs('12:08:23', 'HH:mm:ss')} size="small" />
  </>
);

export default App;