confirmDatePlugins using with angular5

[Picktarget]

when I follow the example in plugins page of documentation,tslint told me error TS2350: Only a void function can be called with the 'new' keyword. how can i resolve it.

private opt = {
confirmIcon: '',
confirmText: 'OK ',
showAlways: true,
theme: 'light'
}
public config = {
wrap: true, enableTime: true,
locale: Mandarin,
dateFormat: 'Y-m-d H:i',
altInput: false,
time_24hr: true,
minDate: new Date(),
plugins: [new confirmDatePlugin(this.opt)]

Your Environment

• flatpickr version used: latest
• Browser name and version: chrome latest
• OS and version: windows

[chmln]

@Picktarget just omit the "new" keyword. The plugin will work regardless

[Picktarget]

yeah I just use plugins: [confirmDatePlugin(this.opt)],then the browser told me
TypeError: confirmDate_1.default is not a function
at LiveComponent.ngAfterViewInit
I just use flatpickr in ngAfterViewInit and import like this
import confirmDatePlugin from 'flatpickr/dist/plugins/confirmDate/confirmDate';
import 'flatpickr/dist/plugins/confirmDate/confirmDate.css';
ngAfterViewInit() {
const element1 = this.el.nativeElement.querySelector('#livein_flatpickr');
if (element1) {
const calendars_1 = flatpickr(element1, {
wrap: true, enableTime: true,
locale: Mandarin,
dateFormat: 'Y-m-d H:i',
altInput: false,
time_24hr: true,
minDate: new Date(),
plugins: [confirmDatePlugin({ confirmText: 'OK' })]
});
}
what's the reason,please?

[chmln]

@Picktarget try

import * as  confirmDatePlugin from 'flatpickr/dist/plugins/confirmDate/confirmDate';

[Picktarget]

but how I use [confirmDatePlugin({ confirmText: 'OK' })]?

[chmln]

@Picktarget the same way

[Picktarget]

error TS2349: Cannot invoke an expression whose type lacks a call signature. Type 'typeof' flatpickr/dist/plugins/confirmDate/confir...' has no compatible call signatures.
with using
plugins: [confirmDatePlugin({
confirmIcon: '',
confirmText: 'OK ',
showAlways: true,
theme: 'light'
})]

[chmln]

@Picktarget okay, try this:

import  confirmDatePlugin from 'flatpickr/src/plugins/confirmDate/confirmDate';

[Picktarget]

there is no directory named plugins under the src . then I use npm i --save

[Picktarget]

should I download the source_code.zip for using?

[chmln]

@Picktarget No. I will investigate this myself and update the issue when I find a solution :)

For now, try using require() instead of importing to avoid type errors.

[Picktarget]

ok thanks for ur help,best wishes to u!

[Picktarget]

hey man！what's going on,please?

[chmln]

@Picktarget this is now fixed in v4.4

[Picktarget]

Thanks a lot.How should I use it?Just following the development documentation?

[chmln]

@Picktarget yes. just import it like normal (import flatpickr from "flatpickr") and call it like normal. The rest is in the documentation.

Let me know if you can't figure this out.
And feel free to create new issues if the docs are unclear or if you face other problems :)

[Picktarget]

ok，thanks for ur generosity.