DEV Community

Rushil
Rushil

Posted on

DateRangePicker of react-dates package

{/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'))
      }
    />
Enter fullscreen mode Exit fullscreen mode

Top comments (0)