Flatpickr. On change wrong value

https://codepen.io/gamevnlc/pen/LYpbqEw

Your Environment

• flatpickr version used: 4.6.3
• Browser name and version: Chrome
• OS and version: MacOS 10.15.3

On change give incorrect datetime value when enableTime is enable for the first time open picker

[gamevnlc]

@BRAiNCHiLD95 as you can see from my gif above. When I click on input box the alert dialog display follow step

1. onValueUpdate 29/04 09:39 => My current time zone
2. onChange 29/04 09:39 => My current time zone
3. onValueUpdate 29/04 12:00 I assume that is default time from flatpickr
4. onValueUpdate 29/04 12:00 again
5. 29/04 12:00 in the input box Therefore I think onChange give incorrect value on the first time click.

[BRAiNCHiLD95]

This is technically supposed to be the default behaviour.

You need to pass in the defaultDate yourself to make it use the current time. You can use simple JavaScript or any datetime wrapper like moment or Luxon -

defaultDate: new Date(),

You could also have defaultDate use a date coming from the database/any external source (useful in an “Edit” scenario) -

defaultDate: new Date(variableName)

Refer to https://flatpickr.js.org/options/ for other config options that you might need.