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

order	title
6	[{zh-CN 附加内容} {en-US Addon}]

zh-CN

在 TimePicker 选择框底部显示自定义的内容。

en-US

Render addon contents to time picker panel's bottom.

import { Button, TimePicker } from 'antd';
import React, { useState } from 'react';

const App: React.FC = () => {
  const [open, setOpen] = useState(false);

  return (
    <TimePicker
      open={open}
      onOpenChange={setOpen}
      renderExtraFooter={() => (
        <Button size="small" type="primary" onClick={() => setOpen(false)}>
          OK
        </Button>
      )}
    />
  );
};

export default App;