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

order	title
0	zh-CN en-US 基本 Basic

zh-CN

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

en-US

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

import { TimePicker } from 'antd';
import type { Dayjs } from 'dayjs';
import dayjs from 'dayjs';
import customParseFormat from 'dayjs/plugin/customParseFormat';
import React from 'react';

dayjs.extend(customParseFormat);

const onChange = (time: Dayjs, timeString: string) => {
  console.log(time, timeString);
};

const App: React.FC = () => (
  <TimePicker onChange={onChange} defaultOpenValue={dayjs('00:00:00', 'HH:mm:ss')} />
);

export default App;