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

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

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;