Changing the date from outside the datepicker

I’m using the flatpickr with the weekSelect plugin. I have 3 buttons outside the datepicker to quickly switch from weeks or to go to today. If I switch weeks outside the datepicker and open the datepicker the previous date is still highlighted like you can see on the image below.

I tried to change the date in the datepicker with:

flatpickr.config.defaultDate = newDate;

But this doesn’t change the highlighted date inside the datepicker.

At the moment I create a new instance of the flatpickr with the correct date when you switch weeks from outside the datepicker. It works but it is not a clean solution.

[PieterSwitten]

Thanks @joshualouisjenson and @chmln

There is now a new problem that occurs. I’m using the flatpickr with the weekSelect plugin. When I call the flatpickr.setDate(new Date('2017/12/04')) it doesn’t select the whole week but only that specific date.

I also tried flatpickr.setDate('week 50') but this selects also only the first day of the week.

[chmln]

See https://chmln.github.io/flatpickr/instance-methods-properties-elements/#setdate-date-triggerchange-datestrformat