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

order	debug	title
12	true	zh-CN en-US 后缀图标 Suffix

zh-CN

点击 TimePicker，然后可以在浮层中选择或者输入某一时间。

en-US

Click TimePicker, and then we could select or input a time in panel.

import { TimePicker } from 'antd';
import moment from 'moment';
import { SmileOutlined } from '@ant-design/icons';

function onChange(time, timeString) {
  console.log(time, timeString);
}

const icon = <SmileOutlined />;

ReactDOM.render(
  <TimePicker
    suffixIcon={icon}
    onChange={onChange}
    defaultOpenValue={moment('00:00:00', 'HH:mm:ss')}
  />,
  mountNode,
);