define([
    'jquery',
    '/lib/datepicker/flatpickr.js',

    'css!/lib/datepicker/flatpickr.min.css',
], function ($, Flatpickr) {
    var createRangePicker = function (cfg) {
        var start = cfg.startpicker;
        var end = cfg.endpicker;

        var is24h = false
        try {
            is24h = !new Intl.DateTimeFormat(navigator.language, { hour: 'numeric' }).format(0).match(/AM/);
        } catch (e) {}

        var e = $(end.input)[0];
        var endPickr = Flatpickr(e, {
            enableTime: true,
            time_24hr: is24h,
            minDate: start.date
        });
        endPickr.setDate(end.date);

        var s = $(start.input)[0];
        var startPickr = Flatpickr(s, {
            enableTime: true,
            time_24hr: is24h,
            onChange: function () {
                endPickr.set('minDate', startPickr.parseDate(s.value));
            }
        });
        startPickr.setDate(start.date);
        window.CP_startPickr = startPickr;
        window.CP_endPickr = endPickr;

        var getStartDate = function () {
            setTimeout(function () { $(startPickr.calendarContainer).remove(); });
            return startPickr.parseDate(s.value);
        };
        var getEndDate = function () {
            setTimeout(function () { $(endPickr.calendarContainer).remove(); });
            return endPickr.parseDate(e.value);
        };

        return {
            getStartDate: getStartDate,
            getEndDate: getEndDate,
        };
    };
    return {
        createRangePicker: createRangePicker
    };
});