Use daterangepicker and Webpack Encore on Symfony 5

[jexamd]

Hi,

I want to use your great dev in a sf5 project and I always have same error :
TypeError: $(...).daterangepicker is not a function

Could you give me some explanations to resolve it ?

In Webpack.config.json I use ".autoProvidejQuery()" and in my app.js I added import 'bootstrap-daterangepicker' and finally tried to use it in app.js with $('.dateRange').daterangepicker();

But always same error :-(.

Do you have any ideas why ? I think it is about jquery but I don't explain it.

Tanks for your help.

[dkhlystov]

import DateRangePicker from 'daterangepicker';
let daterangepicker = new DateRangePicker(el, options, cb);

autoProvidejQuery not needed

[youvalteboul]

I had the same issu, thanks for your help.

if you want to access the events, you can do so as follows

import DateRangePicker from 'daterangepicker';
let daterangepicker = new DateRangePicker(el, options, cb);

daterangepicker.element.on('apply.daterangepicker', function(ev, picker) {
            
});