# wt-security/2.2.3/htdocs/js/rangePlugin.js

WebTotem Security, version 2.2.3. 172 lines.

- Page: https://pluginprobe.com/plugins/wt-security/2.2.3/code/htdocs/js/rangePlugin.js
- Raw: https://pluginprobe.com/plugins/wt-security/2.2.3/raw/htdocs/js/rangePlugin.js
- Modified: 2020-11-27T08:50:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wt-security/2.2.3/code/htdocs/js/rangePlugin.js#L10-L20`.

```javascript
(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;
});

```