[support] Flatpickr Plugins?

Sorry if this is a really noob question but im pretty new to the JS world and im not sure how i would enable one of the flatpickr built in plugins…

Here is my setup

import flatPickr from 'vue-flatpickr-component';
import 'flatpickr/dist/flatpickr.css';
import 'flatpickr/dist/themes/dark.css';

Vue.use(flatPickr);

and the config object

timeConfig: {
              enableTime: true,
              plugins: [new confirmDatePlugin({})],
              noCalendar: true,
              enableSeconds: false,
}

The errors i’m getting would indicate that im importing the plugin incorrectly, which wouldn’t surprise me but i can’t for the life of me figure out how to get it working, so I was hoping to get some help, thanks in advance.

[ankurk91]

@JeffBeltran I have updated the examples with plugins. Here is how you can do it -

 import ConfirmDatePlugin from 'flatpickr/dist/plugins/confirmDate/confirmDate';
 import 'flatpickr/dist/plugins/confirmDate/confirmDate.css';

timeConfig :{
    enableTime: true,
    plugins: [new ConfirmDatePlugin({confirmText: 'Done'})]
}

Plugins are opt-in, you need to import them beforehand.

[JeffBeltran]

Ah, that did it. Thanks @ankurk91!