Async userdata loading

[little-brother]

I want to mark some days depending on the result of the fetch being executed for each redraw. I inspected the code and found that it could be done through a change of fill-method e.g.

function fill (target) {
    var root_element = target.__pickmeup.element,
    ...
    if (!options.userdata && options.update_userdata) {
        return options.update_userdata(function (err, res) {
            options.userdata = err || res; 
            fill(target);
        });
    }
    ...
    options.userdata = null;
    dom_dispatch_event(target, 'fill');
}

And usage

pickmeup('.single', {
    update_userdata: (cb) => setTimeout(() => cb(err, [1,2,3]), 1000),
    render: function (date) {
        return (this.userdata || []).indexOf(+date.getDay()) != -1 ? 
            {class_name: 'red'} : 
            {};
    }
});

But I don't like it :( Maybe there is a more elegant solution?

[nazar-pc]

Try adding listener to fill event and just call .update() method whenever you want to re-render datepicker.

[little-brother]

Thanks, I'll try it :)