Dynamically changing minDate/maxDate (date range picker)

[x] Other, please describe Not sure if it’s a bug or I am using it wrong (sorry for that).

Tell about your platform

• flatPickr version : 3.0.0 (from unpkg)
• Vue.js version : 2.4.2 (from unpkg)
• Browser name and version : Chrome 55.0

Current behavior Changing minDate and maxDate in the config objects does not trigger component redraw.

Expected behavior Changing the dates in the fiddle below should update both pickers accordingly to allow proper date range selection (startDate < endDate).

Minimal reproduction of the problem with instructions JSFiddle

1. Change date in any picker from the example
2. The other should update it’s bounds accordingly (but it doesn’t, so I can select an invalid date range with endDate before startDate like 2017-08-29 ~ 2017-08-10, for example)

P.S.: Thank you for creating this component. I was searching for a long time for a good-looking date picker, now the only thing left is getting it to work for me 😃

[ankurk91]

@RaZeR-RBI I suspect this is Vue.js reactivity issue. Your new configs are not being detected by component and date picker not updated.

Till we get a fix you may try range mode - https://chmln.github.io/flatpickr/examples/#range-calendar

[ankurk91]

@TheDiehard22 Great idea, i can $emit the onChange event and parent component can listen it. I will give it a try soon.

P.S. See WIP on dev branch