(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global = global || self, global.rangePlugin = factory()); }(this, function () { 'use strict'; function rangePlugin(config) { if (config === void 0) { config = {}; } return function (fp) { var dateFormat = "", secondInput, _secondInputFocused, _prevDates; var createSecondInput = function () { if (config.input) { secondInput = config.input instanceof Element ? config.input : window.document.querySelector(config.input); if (!secondInput) { fp.config.errorHandler(new Error("Invalid input element specified")); return; } if (fp.config.wrap) { secondInput = secondInput.querySelector("[data-input]"); } } else { secondInput = fp._input.cloneNode(); secondInput.removeAttribute("id"); secondInput._flatpickr = undefined; } if (secondInput.value) { var parsedDate = fp.parseDate(secondInput.value); if (parsedDate) fp.selectedDates.push(parsedDate); } secondInput.setAttribute("data-fp-omit", ""); fp._bind(secondInput, ["focus", "click"], function () { if (fp.selectedDates[1]) { fp.latestSelectedDateObj = fp.selectedDates[1]; fp._setHoursFromDate(fp.selectedDates[1]); fp.jumpToDate(fp.selectedDates[1]); } _secondInputFocused = true; fp.isOpen = false; fp.open(undefined, config.position === "left" ? fp._input : secondInput); }); fp._bind(fp._input, ["focus", "click"], function (e) { e.preventDefault(); fp.isOpen = false; fp.open(); }); if (fp.config.allowInput) fp._bind(secondInput, "keydown", function (e) { if (e.key === "Enter") { fp.setDate([fp.selectedDates[0], secondInput.value], true, dateFormat); secondInput.click(); } }); if (!config.input) fp._input.parentNode && fp._input.parentNode.insertBefore(secondInput, fp._input.nextSibling); }; var plugin = { onParseConfig: function () { fp.config.mode = "range"; dateFormat = fp.config.altInput ? fp.config.altFormat : fp.config.dateFormat; }, onReady: function () { createSecondInput(); fp.config.ignoredFocusElements.push(secondInput); if (fp.config.allowInput) { fp._input.removeAttribute("readonly"); secondInput.removeAttribute("readonly"); } else { secondInput.setAttribute("readonly", "readonly"); } fp._bind(fp._input, "focus", function () { fp.latestSelectedDateObj = fp.selectedDates[0]; fp._setHoursFromDate(fp.selectedDates[0]); _secondInputFocused = false; fp.jumpToDate(fp.selectedDates[0]); }); if (fp.config.allowInput) fp._bind(fp._input, "keydown", function (e) { if (e.key === "Enter") fp.setDate([fp._input.value, fp.selectedDates[1]], true, dateFormat); }); fp.setDate(fp.selectedDates, false); plugin.onValueUpdate(fp.selectedDates); fp.loadedPlugins.push("range"); }, onPreCalendarPosition: function () { if (_secondInputFocused) { fp._positionElement = secondInput; setTimeout(function () { fp._positionElement = fp._input; }, 0); } }, onChange: function () { if (!fp.selectedDates.length) { setTimeout(function () { if (fp.selectedDates.length) return; secondInput.value = ""; _prevDates = []; }, 10); } if (_secondInputFocused) { setTimeout(function () { secondInput.focus(); }, 0); } }, onDestroy: function () { if (!config.input) secondInput.parentNode && secondInput.parentNode.removeChild(secondInput); }, onValueUpdate: function (selDates) { var _a, _b, _c; if (!secondInput) return; _prevDates = !_prevDates || selDates.length >= _prevDates.length ? selDates.slice() : _prevDates; if (_prevDates.length > selDates.length) { var newSelectedDate = selDates[0]; var newDates = _secondInputFocused ? [_prevDates[0], newSelectedDate] : [newSelectedDate, _prevDates[1]]; fp.setDate(newDates, false); _prevDates = newDates.slice(); } _a = fp.selectedDates.map(function (d) { return fp.formatDate(d, dateFormat); }), _b = _a[0], fp._input.value = _b === void 0 ? "" : _b, _c = _a[1], secondInput.value = _c === void 0 ? "" : _c; } }; return plugin; }; } return rangePlugin; }));