Inline date time issues with the time in multiple mode

I’m submitting a … (check one with “x”)

[#] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ ] Other, please describe

Tell about your platform

• flatPickr version : 4.1.4
• Vue.js version : 2.5.9
• Browser name and version : Chrome 62
• This package version : 5.0.0

Current behavior

If you inline flatpickr and enable the time and multi multiple mode, you will realize that it is not as intuitive changing the time and it the first chosen time (earliest date) is the one that will be reactive always.

Expected behavior the latest chosen date time should be reactive.

Minimal reproduction of the problem with instructions

https://jsfiddle.net/63kzdwLx/99/

I would truly appreciate any advice as how I can workaround this bug or any help on fixing it would be amazing!

Thanks so much for this great component.

[ankurk91]

@Chinese1904 Thanks for the detailed bug report. I found that this is a bug in flatpickr itself.

Here is an example in plain js

<input type='text' id="flatpickr" />

var fp = flatpickr(document.querySelector('#flatpickr'), {
  altFormat: "F j, Y",
  altInput: true,
  inline: true,
  enableTime: true,
  mode: "multiple",
  onChange: function(selectedDates, dateStr, instance) {
    console.log('date: ', dateStr);
  }
});

You will notice that flatpickr is not updating time on all dates.

Here is jsfiddle - http://jsfiddle.net/ankurk91/jmxcrknt/ http://jsfiddle.net/jmxcrknt/20/

[chrisbbreuer]

amazing! Thanks for the fix @ankurk91 ! Appreciated a lot!