I have recently came across the beast date range picker for the react. Before  have been using Material UI X-DateRange-Picker which now they are included in the paid version. So here it is the beast date range picker east to use. 


npm install react-daterange-picker



  1. Select a date range in an intuitive way.
  2. Define date ranges that are not available for selection.
  3. Show any number of months at the same time.
  4. Visually represent half day states

Source Link