如何将应用按钮添加到AntD日期管理器的底部，以运行应用程序接口调用？

import { DatePicker, Button } from 'antd';
import axios from 'axios';

import React, { useState } from 'react';

const App = () => {
  const [selectedDate, setSelectedDate] = useState(null);
  const [loading, setLoading] = useState(false);

  // 处理按钮点击事件
  const handleButtonClick = () => {
    setLoading(true);

    // 进行应用程序接口调用
    axios.post('/api/your-endpoint', { date: selectedDate })
      .then(response => {
        // 处理接口响应
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      })
      .finally(() => {
        setLoading(false);
      });
  };

  return (
    <div>
      <DatePicker onChange={date => setSelectedDate(date)} />
      <Button type="primary" onClick={handleButtonClick} loading={loading}>
        运行应用程序接口调用
      </Button>
    </div>
  );
};

export default App;

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));