How to use

DateRangePicker

in

react-date-range

{this.state.dateSelect && (
  <div className="select_body" ref={div => (this.datePickerSelect = div)}>
    <DateRangePicker
      locale={customLocale}
      dateDisplayFormat={dateFormat}

</MediaQuery>
<MediaQuery minWidth={676}>
  <DateRangePicker
    className="daterange-picker"
    ranges={[range]}