如何将按钮添加到反应日期范围

Question

import { DateRangePicker } from 'react-date-range';

<DateRangePicker
   onChange={(item) => { this.handleonDateRange(item)}}
   showSelectionPreview={true}
   moveRangeOnFirstSelection={false}
   months={2}
   ranges={this.state.dateRange}
   direction="horizontal"
/>   

And the image is

How can I add an Apply button in the bottom right corner ?? So that when the user clicks on Apply button I can hide the calendar

Answer 1

目前还没有在 react-date-range 中提供按钮的选项，但是我们可以将 DateRangePicker 包含在 Bootstrap React-Modal 中，我们可以在 Bootstrap React-Modal 中添加一个按钮