Changing Configs Dynamically Does Not Reflect The Changes

[justwellsolets]

Describe the bug
The config works fine when it was set at initial at time of initializing the component, But it does not work when it was set dynamically.

For example:
It works fine:
public config = {
allowInput: true,
enableTime: true,
time_24hr: false,
maxDate: new Date(),
};

But this does not work:
public config;

updateConfig() {
this.config = {
allowInput: true,
enableTime: true,
time_24hr: false,
maxDate: new Date(),
}
}

Reproduction
Issue can be easily reproduced here stackblitz

Expected behavior
Flatpickr should be updated with the latest config value.

Desktop (please complete the following information):

• OS: Windows 11 Pro
• Browser: Chrome
• Version: 120.0.6099.71

Additional context
Any suggestions would be highly appreciated.

[finitha]

Hey,
I have the same issue.
Did you find a solution ?

[justwellsolets]

Hello @finitha,
I explored the official flatpickr library and observed that the maintainers are inactive.

You can find a fork of the official flatpickr library here. I made some changes to the source code to support dynamic configuration and opened a pull request (PR), which you can track here. More information about the changes can be found in the PR description.

I encourage additional contributions to assist in publishing, maintaining and enhancing this fork.
https://github.com/justwellsolets/flatpickr-ng