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

order	title
1	[{zh-CN 受控组件} {en-US Under Control}]

zh-CN

value 和 onChange 需要配合使用。

en-US

value and onChange should be used together,

import { TimePicker } from 'antd';
import type { Dayjs } from 'dayjs';
import React, { useState } from 'react';

const App: React.FC = () => {
  const [value, setValue] = useState<Dayjs | null>(null);

  const onChange = (time: Dayjs) => {
    setValue(time);
  };

  return <TimePicker value={value} onChange={onChange} />;
};

export default App;