DateRangePicker of react-dates package

Rushil — Wed, 21 Feb 2024 09:31:19 +0000

{/Issue: When we select one date of both side startDate and endDate than data is not rendering for one day./}

import { DateRangePicker } from 'react-dates';
import 'react-dates/lib/css/_datepicker.css';
startDate={startDate}
startDateId="s_id"
endDate={endDate}
endDateId="e_id"
onDatesChange={({ startDate, endDate }) => {
this.setState({ startDate, endDate });
}}
focusedInput={focusedInput}
onFocusChange= {(focusedInput) => this.setState({ focusedInput })}
displayFormat="DD/MM/YYYY"

      isOutsideRange={(date) =>
      date.isBefore(moment('2020-04-20')) || date.isAfter(moment().endOf('day'))
      }
    />

DEV Community: Rushil

DateRangePicker of react-dates package