Dynamic date selected and current month is not displayed

Question

I am passing dynamic date array and getting month based on the current date but it is not working.

I don't see any state or props, how you component could be reative and update itself ? You can call `this.selectedDaysS` directly like that : `selectedDays={ this.selectedDaysS(["2019-07-25"]); }` — Hurobaki, Aug 07 '19 at 08:27
`selectedDays={() => { this.selectedDaysS(["2019-07-25"]) }}`, as you can see, you don't return a value in here — Tien Duong, Aug 07 '19 at 08:32
@Hurobaki Then that metho will execute onload, but if I call `selectedDays={ this.selectedDaysS(["2019-07-25"]) }` like this then also nothing happens — Harsh Patel, Aug 07 '19 at 08:32
@TienDuong yes right but , but if I call `selectedDays={ this.selectedDaysS(["2019-07-25"]) }` like this then also nothing happens — Harsh Patel, Aug 07 '19 at 08:33

score 3 · Answer 1 · answered Aug 07 '19 at 08:37

You need to pass an array instead of function call in selectedDays and you are passing date parameter wrong in selectedDaysS function :

selectedDaysS = daysArr => {
    let dataToSend = daysArr.map(a => {
      let m = a.split('-');
      return new Date(m[0], m[1], m[2]);
    });

    return dataToSend;
  };

and inside render :

return (
      <DayPicker
        initialMonth={this.currentMonth()}
        selectedDays={this.selectedDaysS(["2019-07-25"])}
      />
    );

Here is live link : https://codesandbox.io/s/react-day-picker-examplesselected-nfbgz?fontsize=14

Dynamic date selected and current month is not displayed

1 Answers1