onDateSelected returns same date everytime

I have a CalendarStrip which I want to use with a function that updates state every time the date is changed - I am trying to leverage it to display data depending on the day similar to Tabs. Each time a new date is selected onDateSelected returns the exact same moment timestamp.

Example: https://ibb.co/XDn7tPW

CalendarStrip (styling props removed):

<CalendarStrip
   ref={(c) => { this._calendarStrip = c; }}
   onDateSelected={date => console.log(date)}
   selectedDate={this.props.startDateFormatted}
   minDate={this.props.startDateFormatted}
   maxDate={this.props.endDateFormatted}
   datesWhitelist={[{
      start: this.props.startDateFormatted,
      end: this.props.endDateFormatted
  }]}
/>

_onDateSelected:

_onDateSelected(date) {
    this.setState({daySelected: date});
    console.log(date);
  }

[peacechen]

That’s a bit concerning and maybe a potential bug. Try to use Moment to format the date:

   onDateSelected={date => console.log(date.format('MM-DD-YYYY')}

It could be that the built-in JS date formatter has an issue with Moment objects.

[peacechen]

Try removing the selectedDate prop. It should work either way, but let’s rule that out at least.