如何将按钮添加到react-date-range

npm install react-date-range

import React from 'react';
import { DateRangePicker } from 'react-date-range';
import 'react-date-range/dist/styles.css'; // 导入样式文件
import 'react-date-range/dist/theme/default.css'; // 导入主题样式文件

class YourComponent extends React.Component {
  render() {
    return (
      <div>
        <button>按钮</button>
        <DateRangePicker />
      </div>
    );
  }
}

class YourComponent extends React.Component {
  handleClick = () => {
    // 处理按钮点击事件
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick} className="custom-button">按钮</button>
        <DateRangePicker />
      </div>
    );
  }
}

.custom-button {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.custom-button:hover {
  background-color: #0056b3;
}