flatpickr 4.6.3.0 → 4.6.13.1

data/vendor/assets/javascripts/flatpickr.js

@@ -1,23 +1,23 @@
-/* flatpickr v4.6.2, @license MIT */
+/* flatpickr v4.6.13, @license MIT */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
     typeof define === 'function' && define.amd ? define(factory) :
-    (global = global || self, global.flatpickr = factory());
-}(this, function () { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.flatpickr = factory());
+}(this, (function () { 'use strict';
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
+    Copyright (c) Microsoft Corporation.
 
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
 
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
 
     var __assign = function() {
@@ -29,7 +29,15 @@
             return t;
         };
         return __assign.apply(this, arguments);
-    };
+    };
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
 
     var HOOKS = [
         "onChange",
@@ -47,14 +55,15 @@
     ];
     var defaults = {
         _disable: [],
-        _enable: [],
         allowInput: false,
+        allowInvalidPreload: false,
         altFormat: "F j, Y",
         altInput: false,
         altInputClass: "form-control input",
         animate: typeof window === "object" &&
             window.navigator.userAgent.indexOf("MSIE") === -1,
         ariaDateFormat: "F j, Y",
+        autoFillDefaultTime: true,
         clickOpens: true,
         closeOnSelect: true,
         conjunction: ", ",
@@ -64,7 +73,6 @@
         defaultSeconds: 0,
         disable: [],
         disableMobile: false,
-        enable: [],
         enableSeconds: false,
         enableTime: false,
         errorHandler: function (err) {
@@ -115,7 +123,7 @@
         static: false,
         time_24hr: false,
         weekNumbers: false,
-        wrap: false
+        wrap: false,
     };
 
     var english = {
@@ -129,7 +137,7 @@
                 "Thursday",
                 "Friday",
                 "Saturday",
-            ]
+            ],
         },
         months: {
             shorthand: [
@@ -159,7 +167,7 @@
                 "October",
                 "November",
                 "December",
-            ]
+            ],
         },
         daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
         firstDayOfWeek: 0,
@@ -184,27 +192,25 @@
         toggleTitle: "Click to toggle",
         amPM: ["AM", "PM"],
         yearAriaLabel: "Year",
+        monthAriaLabel: "Month",
         hourAriaLabel: "Hour",
         minuteAriaLabel: "Minute",
-        time_24hr: false
+        time_24hr: false,
     };
 
-    var pad = function (number) { return ("0" + number).slice(-2); };
+    var pad = function (number, length) {
+        if (length === void 0) { length = 2; }
+        return ("000" + number).slice(length * -1);
+    };
     var int = function (bool) { return (bool === true ? 1 : 0); };
     /* istanbul ignore next */
-    function debounce(func, wait, immediate) {
-        if (immediate === void 0) { immediate = false; }
-        var timeout;
+    function debounce(fn, wait) {
+        var t;
         return function () {
-            var context = this, args = arguments;
-            timeout !== null && clearTimeout(timeout);
-            timeout = window.setTimeout(function () {
-                timeout = null;
-                if (!immediate)
-                    func.apply(context, args);
-            }, wait);
-            if (immediate && !timeout)
-                func.apply(context, args);
+            var _this = this;
+            var args = arguments;
+            clearTimeout(t);
+            t = setTimeout(function () { return fn.apply(_this, args); }, wait);
         };
     }
     var arrayify = function (obj) {
@@ -254,11 +260,16 @@
         return wrapper;
     }
     function getEventTarget(event) {
-        if (typeof event.composedPath === "function") {
-            var path = event.composedPath();
-            return path[0];
+        try {
+            if (typeof event.composedPath === "function") {
+                var path = event.composedPath();
+                return path[0];
+            }
+            return event.target;
+        }
+        catch (error) {
+            return event.target;
         }
-        return event.target;
     }
 
     var doNothing = function () { return undefined; };
@@ -269,7 +280,7 @@
             dateObj.setMonth(locale.months.longhand.indexOf(monthName));
         },
         G: function (dateObj, hour) {
-            dateObj.setHours(parseFloat(hour));
+            dateObj.setHours((dateObj.getHours() >= 12 ? 12 : 0) + parseFloat(hour));
         },
         H: function (dateObj, hour) {
             dateObj.setHours(parseFloat(hour));
@@ -302,7 +313,7 @@
             dateObj.setDate(parseFloat(day));
         },
         h: function (dateObj, hour) {
-            dateObj.setHours(parseFloat(hour));
+            dateObj.setHours((dateObj.getHours() >= 12 ? 12 : 0) + parseFloat(hour));
         },
         i: function (dateObj, minutes) {
             dateObj.setMinutes(parseFloat(minutes));
@@ -326,16 +337,16 @@
         w: doNothing,
         y: function (dateObj, year) {
             dateObj.setFullYear(2000 + parseFloat(year));
-        }
+        },
     };
     var tokenRegex = {
-        D: "(\\w+)",
-        F: "(\\w+)",
+        D: "",
+        F: "",
         G: "(\\d\\d|\\d)",
         H: "(\\d\\d|\\d)",
         J: "(\\d\\d|\\d)\\w+",
         K: "",
-        M: "(\\w+)",
+        M: "",
         S: "(\\d\\d|\\d)",
         U: "(.+)",
         W: "(\\d\\d|\\d)",
@@ -345,13 +356,13 @@
         h: "(\\d\\d|\\d)",
         i: "(\\d\\d|\\d)",
         j: "(\\d\\d|\\d)",
-        l: "(\\w+)",
+        l: "",
         m: "(\\d\\d|\\d)",
         n: "(\\d\\d|\\d)",
         s: "(\\d\\d|\\d)",
         u: "(.+)",
         w: "(\\d\\d|\\d)",
-        y: "(\\d{2})"
+        y: "(\\d{2})",
     };
     var formats = {
         // get the date in UTC
@@ -389,8 +400,8 @@
         W: function (date, _, options) {
             return options.getWeek(date);
         },
-        // full year e.g. 2016
-        Y: function (date) { return date.getFullYear(); },
+        // full year e.g. 2016, padded (0001-9999)
+        Y: function (date) { return pad(date.getFullYear(), 4); },
         // day in month, padded (01-30)
         d: function (date) { return pad(date.getDate()); },
         // hour from 1-12 (am/pm)
@@ -414,14 +425,14 @@
         // number of the day of the week
         w: function (date) { return date.getDay(); },
         // last two digits of year e.g. 16 for 2016
-        y: function (date) { return String(date.getFullYear()).substring(2); }
+        y: function (date) { return String(date.getFullYear()).substring(2); },
     };
 
     var createDateFormatter = function (_a) {
-        var _b = _a.config, config = _b === void 0 ? defaults : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c;
+        var _b = _a.config, config = _b === void 0 ? defaults : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c, _d = _a.isMobile, isMobile = _d === void 0 ? false : _d;
         return function (dateObj, frmt, overrideLocale) {
             var locale = overrideLocale || l10n;
-            if (config.formatDate !== undefined) {
+            if (config.formatDate !== undefined && !isMobile) {
                 return config.formatDate(dateObj, frmt, locale);
             }
             return frmt
@@ -459,17 +470,15 @@
                     parsedDate = new Date();
                     timeless = true;
                 }
+                else if (config && config.parseDate) {
+                    parsedDate = config.parseDate(date, format);
+                }
                 else if (/Z$/.test(datestr) ||
                     /GMT$/.test(datestr) // datestrings w/ timezone
-                )
+                ) {
                     parsedDate = new Date(date);
-                else if (config && config.parseDate)
-                    parsedDate = config.parseDate(date, format);
+                }
                 else {
-                    parsedDate =
-                        !config || !config.noCalendar
-                            ? new Date(new Date().getFullYear(), 0, 1, 0, 0, 0, 0)
-                            : new Date(new Date().setHours(0, 0, 0, 0));
                     var matched = void 0, ops = [];
                     for (var i = 0, matchIndex = 0, regexStr = ""; i < format.length; i++) {
                         var token_1 = format[i];
@@ -481,17 +490,21 @@
                             if (match && (matched = true)) {
                                 ops[token_1 !== "Y" ? "push" : "unshift"]({
                                     fn: revFormat[token_1],
-                                    val: match[++matchIndex]
+                                    val: match[++matchIndex],
                                 });
                             }
                         }
                         else if (!isBackSlash)
                             regexStr += "."; // don't really care
-                        ops.forEach(function (_a) {
-                            var fn = _a.fn, val = _a.val;
-                            return (parsedDate = fn(parsedDate, val, locale) || parsedDate);
-                        });
                     }
+                    parsedDate =
+                        !config || !config.noCalendar
+                            ? new Date(new Date().getFullYear(), 0, 1, 0, 0, 0, 0)
+                            : new Date(new Date().setHours(0, 0, 0, 0));
+                    ops.forEach(function (_a) {
+                        var fn = _a.fn, val = _a.val;
+                        return (parsedDate = fn(parsedDate, val, locale) || parsedDate);
+                    });
                     parsedDate = matched ? parsedDate : undefined;
                 }
             }
@@ -519,9 +532,44 @@
     var isBetween = function (ts, ts1, ts2) {
         return ts > Math.min(ts1, ts2) && ts < Math.max(ts1, ts2);
     };
+    var calculateSecondsSinceMidnight = function (hours, minutes, seconds) {
+        return hours * 3600 + minutes * 60 + seconds;
+    };
+    var parseSeconds = function (secondsSinceMidnight) {
+        var hours = Math.floor(secondsSinceMidnight / 3600), minutes = (secondsSinceMidnight - hours * 3600) / 60;
+        return [hours, minutes, secondsSinceMidnight - hours * 3600 - minutes * 60];
+    };
     var duration = {
-        DAY: 86400000
+        DAY: 86400000,
     };
+    function getDefaultHours(config) {
+        var hours = config.defaultHour;
+        var minutes = config.defaultMinute;
+        var seconds = config.defaultSeconds;
+        if (config.minDate !== undefined) {
+            var minHour = config.minDate.getHours();
+            var minMinutes = config.minDate.getMinutes();
+            var minSeconds = config.minDate.getSeconds();
+            if (hours < minHour) {
+                hours = minHour;
+            }
+            if (hours === minHour && minutes < minMinutes) {
+                minutes = minMinutes;
+            }
+            if (hours === minHour && minutes === minMinutes && seconds < minSeconds)
+                seconds = config.minDate.getSeconds();
+        }
+        if (config.maxDate !== undefined) {
+            var maxHr = config.maxDate.getHours();
+            var maxMinutes = config.maxDate.getMinutes();
+            hours = Math.min(hours, maxHr);
+            if (hours === maxHr)
+                minutes = Math.min(maxMinutes, minutes);
+            if (hours === maxHr && minutes === maxMinutes)
+                seconds = config.maxDate.getSeconds();
+        }
+        return { hours: hours, minutes: minutes, seconds: seconds };
+    }
 
     if (typeof Object.assign !== "function") {
         Object.assign = function (target) {
@@ -548,8 +596,8 @@
     var DEBOUNCED_CHANGE_MS = 300;
     function FlatpickrInstance(element, instanceConfig) {
         var self = {
-            config: __assign({}, defaults, flatpickr.defaultConfig),
-            l10n: english
+            config: __assign(__assign({}, defaults), flatpickr.defaultConfig),
+            l10n: english,
         };
         self.parseDate = createDateParser({ config: self.config, l10n: self.l10n });
         self._handlers = [];
@@ -562,10 +610,13 @@
         self.changeYear = changeYear;
         self.clear = clear;
         self.close = close;
+        self.onMouseOver = onMouseOver;
         self._createElement = createElement;
+        self.createDay = createDay;
         self.destroy = destroy;
         self.isEnabled = isEnabled;
         self.jumpToDate = jumpToDate;
+        self.updateValue = updateValue;
         self.open = open;
         self.redraw = redraw;
         self.set = set;
@@ -579,7 +630,7 @@
                     if (month === 1 && ((yr % 4 === 0 && yr % 100 !== 0) || yr % 400 === 0))
                         return 29;
                     return self.l10n.daysInMonth[month];
-                }
+                },
             };
         }
         function init() {
@@ -595,15 +646,11 @@
             bindEvents();
             if (self.selectedDates.length || self.config.noCalendar) {
                 if (self.config.enableTime) {
-                    setHoursFromDate(self.config.noCalendar
-                        ? self.latestSelectedDateObj || self.config.minDate
-                        : undefined);
+                    setHoursFromDate(self.config.noCalendar ? self.latestSelectedDateObj : undefined);
                 }
                 updateValue(false);
             }
             setCalendarWidth();
-            self.showTimeInput =
-                self.selectedDates.length > 0 || self.config.noCalendar;
             var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
             /* TODO: investigate this further
         
@@ -618,13 +665,19 @@
             }
             triggerEvent("onReady");
         }
+        function getClosestActiveElement() {
+            var _a;
+            return (((_a = self.calendarContainer) === null || _a === void 0 ? void 0 : _a.getRootNode())
+                .activeElement || document.activeElement);
+        }
         function bindToInstance(fn) {
             return fn.bind(self);
         }
         function setCalendarWidth() {
             var config = self.config;
-            if (config.weekNumbers === false && config.showMonths === 1)
+            if (config.weekNumbers === false && config.showMonths === 1) {
                 return;
+            }
             else if (config.noCalendar !== true) {
                 window.requestAnimationFrame(function () {
                     if (self.calendarContainer !== undefined) {
@@ -651,7 +704,14 @@
          */
         function updateTime(e) {
             if (self.selectedDates.length === 0) {
-                setDefaultTime();
+                var defaultDate = self.config.minDate === undefined ||
+                    compareDates(new Date(), self.config.minDate) >= 0
+                    ? new Date()
+                    : new Date(self.config.minDate.getTime());
+                var defaults = getDefaultHours(self.config);
+                defaultDate.setHours(defaults.hours, defaults.minutes, defaults.seconds, defaultDate.getMilliseconds());
+                self.selectedDates = [defaultDate];
+                self.latestSelectedDateObj = defaultDate;
             }
             if (e !== undefined && e.type !== "blur") {
                 timeWrapper(e);
@@ -699,25 +759,40 @@
                     self.latestSelectedDateObj &&
                     compareDates(self.latestSelectedDateObj, self.config.maxDate, true) ===
                         0);
-            if (limitMaxHours) {
-                var maxTime = self.config.maxTime !== undefined
-                    ? self.config.maxTime
-                    : self.config.maxDate;
-                hours = Math.min(hours, maxTime.getHours());
-                if (hours === maxTime.getHours())
-                    minutes = Math.min(minutes, maxTime.getMinutes());
-                if (minutes === maxTime.getMinutes())
-                    seconds = Math.min(seconds, maxTime.getSeconds());
-            }
-            if (limitMinHours) {
-                var minTime = self.config.minTime !== undefined
-                    ? self.config.minTime
-                    : self.config.minDate;
-                hours = Math.max(hours, minTime.getHours());
-                if (hours === minTime.getHours())
-                    minutes = Math.max(minutes, minTime.getMinutes());
-                if (minutes === minTime.getMinutes())
-                    seconds = Math.max(seconds, minTime.getSeconds());
+            if (self.config.maxTime !== undefined &&
+                self.config.minTime !== undefined &&
+                self.config.minTime > self.config.maxTime) {
+                var minBound = calculateSecondsSinceMidnight(self.config.minTime.getHours(), self.config.minTime.getMinutes(), self.config.minTime.getSeconds());
+                var maxBound = calculateSecondsSinceMidnight(self.config.maxTime.getHours(), self.config.maxTime.getMinutes(), self.config.maxTime.getSeconds());
+                var currentTime = calculateSecondsSinceMidnight(hours, minutes, seconds);
+                if (currentTime > maxBound && currentTime < minBound) {
+                    var result = parseSeconds(minBound);
+                    hours = result[0];
+                    minutes = result[1];
+                    seconds = result[2];
+                }
+            }
+            else {
+                if (limitMaxHours) {
+                    var maxTime = self.config.maxTime !== undefined
+                        ? self.config.maxTime
+                        : self.config.maxDate;
+                    hours = Math.min(hours, maxTime.getHours());
+                    if (hours === maxTime.getHours())
+                        minutes = Math.min(minutes, maxTime.getMinutes());
+                    if (minutes === maxTime.getMinutes())
+                        seconds = Math.min(seconds, maxTime.getSeconds());
+                }
+                if (limitMinHours) {
+                    var minTime = self.config.minTime !== undefined
+                        ? self.config.minTime
+                        : self.config.minDate;
+                    hours = Math.max(hours, minTime.getHours());
+                    if (hours === minTime.getHours() && minutes < minTime.getMinutes())
+                        minutes = minTime.getMinutes();
+                    if (minutes === minTime.getMinutes())
+                        seconds = Math.max(seconds, minTime.getSeconds());
+                }
             }
             setHours(hours, minutes, seconds);
         }
@@ -726,32 +801,9 @@
          */
         function setHoursFromDate(dateObj) {
             var date = dateObj || self.latestSelectedDateObj;
-            if (date)
+            if (date && date instanceof Date) {
                 setHours(date.getHours(), date.getMinutes(), date.getSeconds());
-        }
-        function setDefaultHours() {
-            var hours = self.config.defaultHour;
-            var minutes = self.config.defaultMinute;
-            var seconds = self.config.defaultSeconds;
-            if (self.config.minDate !== undefined) {
-                var minHr = self.config.minDate.getHours();
-                var minMinutes = self.config.minDate.getMinutes();
-                hours = Math.max(hours, minHr);
-                if (hours === minHr)
-                    minutes = Math.max(minMinutes, minutes);
-                if (hours === minHr && minutes === minMinutes)
-                    seconds = self.config.minDate.getSeconds();
-            }
-            if (self.config.maxDate !== undefined) {
-                var maxHr = self.config.maxDate.getHours();
-                var maxMinutes = self.config.maxDate.getMinutes();
-                hours = Math.min(hours, maxHr);
-                if (hours === maxHr)
-                    minutes = Math.min(maxMinutes, minutes);
-                if (hours === maxHr && minutes === maxMinutes)
-                    seconds = self.config.maxDate.getSeconds();
             }
-            setHours(hours, minutes, seconds);
         }
         /**
          * Sets the hours, minutes, and optionally seconds
@@ -782,7 +834,8 @@
          * @param {Event} event the keyup or increment event
          */
         function onYearInput(event) {
-            var year = parseInt(event.target.value) + (event.delta || 0);
+            var eventTarget = getEventTarget(event);
+            var year = parseInt(eventTarget.value) + (event.delta || 0);
             if (year / 1000 > 1 ||
                 (event.key === "Enter" && !/[^\d]/.test(year.toString()))) {
                 changeYear(year);
@@ -801,24 +854,9 @@
                 return element.forEach(function (el) { return bind(el, event, handler, options); });
             element.addEventListener(event, handler, options);
             self._handlers.push({
-                element: element,
-                event: event,
-                handler: handler,
-                options: options
+                remove: function () { return element.removeEventListener(event, handler, options); },
             });
         }
-        /**
-         * A mousedown handler which mimics click.
-         * Minimizes latency, since we don't need to wait for mouseup in most cases.
-         * Also, avoids handling right clicks.
-         *
-         * @param {Function} handler the event handler
-         */
-        function onClick(handler) {
-            return function (evt) {
-                evt.which === 1 && handler(evt);
-            };
-        }
         function triggerChange() {
             triggerEvent("onChange");
         }
@@ -842,44 +880,49 @@
             if (self.daysContainer && !/iPhone|iPad|iPod/i.test(navigator.userAgent))
                 bind(self.daysContainer, "mouseover", function (e) {
                     if (self.config.mode === "range")
-                        onMouseOver(e.target);
+                        onMouseOver(getEventTarget(e));
                 });
-            bind(window.document.body, "keydown", onKeyDown);
+            bind(self._input, "keydown", onKeyDown);
+            if (self.calendarContainer !== undefined) {
+                bind(self.calendarContainer, "keydown", onKeyDown);
+            }
             if (!self.config.inline && !self.config.static)
                 bind(window, "resize", debouncedResize);
             if (window.ontouchstart !== undefined)
                 bind(window.document, "touchstart", documentClick);
             else
-                bind(window.document, "mousedown", onClick(documentClick));
+                bind(window.document, "mousedown", documentClick);
             bind(window.document, "focus", documentClick, { capture: true });
             if (self.config.clickOpens === true) {
                 bind(self._input, "focus", self.open);
-                bind(self._input, "mousedown", onClick(self.open));
+                bind(self._input, "click", self.open);
             }
             if (self.daysContainer !== undefined) {
-                bind(self.monthNav, "mousedown", onClick(onMonthNavClick));
+                bind(self.monthNav, "click", onMonthNavClick);
                 bind(self.monthNav, ["keyup", "increment"], onYearInput);
-                bind(self.daysContainer, "mousedown", onClick(selectDate));
+                bind(self.daysContainer, "click", selectDate);
             }
             if (self.timeContainer !== undefined &&
                 self.minuteElement !== undefined &&
                 self.hourElement !== undefined) {
                 var selText = function (e) {
-                    return e.target.select();
+                    return getEventTarget(e).select();
                 };
                 bind(self.timeContainer, ["increment"], updateTime);
                 bind(self.timeContainer, "blur", updateTime, { capture: true });
-                bind(self.timeContainer, "mousedown", onClick(timeIncrement));
+                bind(self.timeContainer, "click", timeIncrement);
                 bind([self.hourElement, self.minuteElement], ["focus", "click"], selText);
                 if (self.secondElement !== undefined)
                     bind(self.secondElement, "focus", function () { return self.secondElement && self.secondElement.select(); });
                 if (self.amPM !== undefined) {
-                    bind(self.amPM, "mousedown", onClick(function (e) {
+                    bind(self.amPM, "click", function (e) {
                         updateTime(e);
-                        triggerChange();
-                    }));
+                    });
                 }
             }
+            if (self.config.allowInput) {
+                bind(self._input, "blur", onBlur);
+            }
         }
         /**
          * Set the calendar view to a particular date.
@@ -923,8 +966,9 @@
          * @param {Event} e the click event
          */
         function timeIncrement(e) {
-            if (~e.target.className.indexOf("arrow"))
-                incrementNumInput(e, e.target.classList.contains("arrowUp") ? 1 : -1);
+            var eventTarget = getEventTarget(e);
+            if (~eventTarget.className.indexOf("arrow"))
+                incrementNumInput(e, eventTarget.classList.contains("arrowUp") ? 1 : -1);
         }
         /**
          * Increments/decrements the value of input associ-
@@ -936,7 +980,7 @@
          * @param {Element} inputElem the input element
          */
         function incrementNumInput(e, delta, inputElem) {
-            var target = e && e.target;
+            var target = e && getEventTarget(e);
             var input = inputElem ||
                 (target && target.parentNode && target.parentNode.firstChild);
             var event = createEvent("increment");
@@ -999,8 +1043,8 @@
                     ? self.config.appendTo
                     : window.document.body).appendChild(self.calendarContainer);
         }
-        function createDay(className, date, dayNumber, i) {
-            var dateIsEnabled = isEnabled(date, true), dayElement = createElement("span", "flatpickr-day " + className, date.getDate().toString());
+        function createDay(className, date, _dayNumber, i) {
+            var dateIsEnabled = isEnabled(date, true), dayElement = createElement("span", className, date.getDate().toString());
             dayElement.dateObj = date;
             dayElement.$i = i;
             dayElement.setAttribute("aria-label", self.formatDate(date, self.config.ariaDateFormat));
@@ -1035,7 +1079,7 @@
             if (self.weekNumbers &&
                 self.config.showMonths === 1 &&
                 className !== "prevMonthDay" &&
-                dayNumber % 7 === 1) {
+                i % 7 === 6) {
                 self.weekNumbers.insertAdjacentHTML("beforeend", "<span class='flatpickr-day'>" + self.config.getWeek(date) + "</span>");
             }
             triggerEvent("onDayCreate", dayElement);
@@ -1088,39 +1132,44 @@
             return undefined;
         }
         function focusOnDay(current, offset) {
-            var dayFocused = isInView(document.activeElement || document.body);
+            var activeElement = getClosestActiveElement();
+            var dayFocused = isInView(activeElement || document.body);
             var startElem = current !== undefined
                 ? current
                 : dayFocused
-                    ? document.activeElement
+                    ? activeElement
                     : self.selectedDateElem !== undefined && isInView(self.selectedDateElem)
                         ? self.selectedDateElem
                         : self.todayDateElem !== undefined && isInView(self.todayDateElem)
                             ? self.todayDateElem
                             : getFirstAvailableDay(offset > 0 ? 1 : -1);
-            if (startElem === undefined)
-                return self._input.focus();
-            if (!dayFocused)
-                return focusOnDayElem(startElem);
-            getNextAvailableDay(startElem, offset);
+            if (startElem === undefined) {
+                self._input.focus();
+            }
+            else if (!dayFocused) {
+                focusOnDayElem(startElem);
+            }
+            else {
+                getNextAvailableDay(startElem, offset);
+            }
         }
         function buildMonthDays(year, month) {
             var firstOfMonth = (new Date(year, month, 1).getDay() - self.l10n.firstDayOfWeek + 7) % 7;
-            var prevMonthDays = self.utils.getDaysInMonth((month - 1 + 12) % 12);
-            var daysInMonth = self.utils.getDaysInMonth(month), days = window.document.createDocumentFragment(), isMultiMonth = self.config.showMonths > 1, prevMonthDayClass = isMultiMonth ? "prevMonthDay hidden" : "prevMonthDay", nextMonthDayClass = isMultiMonth ? "nextMonthDay hidden" : "nextMonthDay";
+            var prevMonthDays = self.utils.getDaysInMonth((month - 1 + 12) % 12, year);
+            var daysInMonth = self.utils.getDaysInMonth(month, year), days = window.document.createDocumentFragment(), isMultiMonth = self.config.showMonths > 1, prevMonthDayClass = isMultiMonth ? "prevMonthDay hidden" : "prevMonthDay", nextMonthDayClass = isMultiMonth ? "nextMonthDay hidden" : "nextMonthDay";
             var dayNumber = prevMonthDays + 1 - firstOfMonth, dayIndex = 0;
             // prepend days from the ending of previous month
             for (; dayNumber <= prevMonthDays; dayNumber++, dayIndex++) {
-                days.appendChild(createDay(prevMonthDayClass, new Date(year, month - 1, dayNumber), dayNumber, dayIndex));
+                days.appendChild(createDay("flatpickr-day " + prevMonthDayClass, new Date(year, month - 1, dayNumber), dayNumber, dayIndex));
             }
             // Start at 1 since there is no 0th day
             for (dayNumber = 1; dayNumber <= daysInMonth; dayNumber++, dayIndex++) {
-                days.appendChild(createDay("", new Date(year, month, dayNumber), dayNumber, dayIndex));
+                days.appendChild(createDay("flatpickr-day", new Date(year, month, dayNumber), dayNumber, dayIndex));
             }
             // append days from the next month
             for (var dayNum = daysInMonth + 1; dayNum <= 42 - firstOfMonth &&
                 (self.config.showMonths === 1 || dayIndex % 7 !== 0); dayNum++, dayIndex++) {
-                days.appendChild(createDay(nextMonthDayClass, new Date(year, month + 1, dayNum % daysInMonth), dayNum, dayIndex));
+                days.appendChild(createDay("flatpickr-day " + nextMonthDayClass, new Date(year, month + 1, dayNum % daysInMonth), dayNum, dayIndex));
             }
             //updateNavigationCurrentMonth();
             var dayContainer = createElement("div", "dayContainer");
@@ -1186,8 +1235,9 @@
             }
             else {
                 self.monthsDropdownContainer = createElement("select", "flatpickr-monthDropdown-months");
+                self.monthsDropdownContainer.setAttribute("aria-label", self.l10n.monthAriaLabel);
                 bind(self.monthsDropdownContainer, "change", function (e) {
-                    var target = e.target;
+                    var target = getEventTarget(e);
                     var selectedMonth = parseInt(target.value, 10);
                     self.changeMonth(selectedMonth - self.currentMonth);
                     triggerEvent("onMonthChange");
@@ -1215,7 +1265,7 @@
             return {
                 container: container,
                 yearElement: yearElement,
-                monthElement: monthElement
+                monthElement: monthElement,
             };
         }
         function buildMonths() {
@@ -1249,7 +1299,7 @@
                         toggleClass(self.prevMonthNav, "flatpickr-disabled", bool);
                         self.__hidePrevMonthArrow = bool;
                     }
-                }
+                },
             });
             Object.defineProperty(self, "_hideNextMonthArrow", {
                 get: function () { return self.__hideNextMonthArrow; },
@@ -1258,7 +1308,7 @@
                         toggleClass(self.nextMonthNav, "flatpickr-disabled", bool);
                         self.__hideNextMonthArrow = bool;
                     }
-                }
+                },
             });
             self.currentYearElement = self.yearElements[0];
             updateNavigationCurrentMonth();
@@ -1268,32 +1318,35 @@
             self.calendarContainer.classList.add("hasTime");
             if (self.config.noCalendar)
                 self.calendarContainer.classList.add("noCalendar");
+            var defaults = getDefaultHours(self.config);
             self.timeContainer = createElement("div", "flatpickr-time");
             self.timeContainer.tabIndex = -1;
             var separator = createElement("span", "flatpickr-time-separator", ":");
             var hourInput = createNumberInput("flatpickr-hour", {
-                "aria-label": self.l10n.hourAriaLabel
+                "aria-label": self.l10n.hourAriaLabel,
             });
             self.hourElement = hourInput.getElementsByTagName("input")[0];
             var minuteInput = createNumberInput("flatpickr-minute", {
-                "aria-label": self.l10n.minuteAriaLabel
+                "aria-label": self.l10n.minuteAriaLabel,
             });
             self.minuteElement = minuteInput.getElementsByTagName("input")[0];
             self.hourElement.tabIndex = self.minuteElement.tabIndex = -1;
             self.hourElement.value = pad(self.latestSelectedDateObj
                 ? self.latestSelectedDateObj.getHours()
                 : self.config.time_24hr
-                    ? self.config.defaultHour
-                    : military2ampm(self.config.defaultHour));
+                    ? defaults.hours
+                    : military2ampm(defaults.hours));
             self.minuteElement.value = pad(self.latestSelectedDateObj
                 ? self.latestSelectedDateObj.getMinutes()
-                : self.config.defaultMinute);
+                : defaults.minutes);
             self.hourElement.setAttribute("step", self.config.hourIncrement.toString());
             self.minuteElement.setAttribute("step", self.config.minuteIncrement.toString());
             self.hourElement.setAttribute("min", self.config.time_24hr ? "0" : "1");
             self.hourElement.setAttribute("max", self.config.time_24hr ? "23" : "12");
+            self.hourElement.setAttribute("maxlength", "2");
             self.minuteElement.setAttribute("min", "0");
             self.minuteElement.setAttribute("max", "59");
+            self.minuteElement.setAttribute("maxlength", "2");
             self.timeContainer.appendChild(hourInput);
             self.timeContainer.appendChild(separator);
             self.timeContainer.appendChild(minuteInput);
@@ -1305,10 +1358,11 @@
                 self.secondElement = secondInput.getElementsByTagName("input")[0];
                 self.secondElement.value = pad(self.latestSelectedDateObj
                     ? self.latestSelectedDateObj.getSeconds()
-                    : self.config.defaultSeconds);
+                    : defaults.seconds);
                 self.secondElement.setAttribute("step", self.minuteElement.getAttribute("step"));
                 self.secondElement.setAttribute("min", "0");
                 self.secondElement.setAttribute("max", "59");
+                self.secondElement.setAttribute("maxlength", "2");
                 self.timeContainer.appendChild(createElement("span", "flatpickr-time-separator", ":"));
                 self.timeContainer.appendChild(secondInput);
             }
@@ -1340,9 +1394,9 @@
                 return;
             }
             var firstDayOfWeek = self.l10n.firstDayOfWeek;
-            var weekdays = self.l10n.weekdays.shorthand.slice();
+            var weekdays = __spreadArrays(self.l10n.weekdays.shorthand);
             if (firstDayOfWeek > 0 && firstDayOfWeek < weekdays.length) {
-                weekdays = weekdays.splice(firstDayOfWeek, weekdays.length).concat(weekdays.splice(0, firstDayOfWeek));
+                weekdays = __spreadArrays(weekdays.splice(firstDayOfWeek, weekdays.length), weekdays.splice(0, firstDayOfWeek));
             }
             for (var i = self.config.showMonths; i--;) {
                 self.weekdayContainer.children[i].innerHTML = "\n      <span class='flatpickr-weekday'>\n        " + weekdays.join("</span><span class='flatpickr-weekday'>") + "\n      </span>\n      ";
@@ -1357,7 +1411,7 @@
             weekWrapper.appendChild(weekNumbers);
             return {
                 weekWrapper: weekWrapper,
-                weekNumbers: weekNumbers
+                weekNumbers: weekNumbers,
             };
         }
         function changeMonth(value, isOffset) {
@@ -1391,9 +1445,9 @@
                 self.currentYear = self._initialDate.getFullYear();
                 self.currentMonth = self._initialDate.getMonth();
             }
-            self.showTimeInput = false;
             if (self.config.enableTime === true) {
-                setDefaultHours();
+                var _a = getDefaultHours(self.config), hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;
+                setHours(hours, minutes, seconds);
             }
             self.redraw();
             if (triggerChangeEvent)
@@ -1416,8 +1470,7 @@
             if (self.config !== undefined)
                 triggerEvent("onDestroy");
             for (var i = self._handlers.length; i--;) {
-                var h = self._handlers[i];
-                h.element.removeEventListener(h.event, h.handler, h.options);
+                self._handlers[i].remove();
             }
             self._handlers = [];
             if (self.mobileInput) {
@@ -1448,7 +1501,6 @@
                 self.input.type = self.input._type;
                 self.input.classList.remove("flatpickr-input");
                 self.input.removeAttribute("readonly");
-                self.input.value = "";
             }
             [
                 "_showTimeInput",
@@ -1488,8 +1540,6 @@
             });
         }
         function isCalendarElem(elem) {
-            if (self.config.appendTo && self.config.appendTo.contains(elem))
-                return true;
             return self.calendarContainer.contains(elem);
         }
         function documentClick(e) {
@@ -1505,27 +1555,30 @@
                         e.path.indexOf &&
                         (~e.path.indexOf(self.input) ||
                             ~e.path.indexOf(self.altInput)));
-                var lostFocus = e.type === "blur"
-                    ? isInput &&
-                        e.relatedTarget &&
-                        !isCalendarElem(e.relatedTarget)
-                    : !isInput &&
-                        !isCalendarElement &&
-                        !isCalendarElem(e.relatedTarget);
+                var lostFocus = !isInput &&
+                    !isCalendarElement &&
+                    !isCalendarElem(e.relatedTarget);
                 var isIgnored = !self.config.ignoredFocusElements.some(function (elem) {
                     return elem.contains(eventTarget_1);
                 });
                 if (lostFocus && isIgnored) {
+                    if (self.config.allowInput) {
+                        self.setDate(self._input.value, false, self.config.altInput
+                            ? self.config.altFormat
+                            : self.config.dateFormat);
+                    }
                     if (self.timeContainer !== undefined &&
                         self.minuteElement !== undefined &&
-                        self.hourElement !== undefined) {
+                        self.hourElement !== undefined &&
+                        self.input.value !== "" &&
+                        self.input.value !== undefined) {
                         updateTime();
                     }
                     self.close();
-                    if (self.config.mode === "range" && self.selectedDates.length === 1) {
+                    if (self.config &&
+                        self.config.mode === "range" &&
+                        self.selectedDates.length === 1)
                         self.clear(false);
-                        self.redraw();
-                    }
                 }
             }
         }
@@ -1551,6 +1604,7 @@
             }
         }
         function isEnabled(date, timeless) {
+            var _a;
             if (timeless === void 0) { timeless = true; }
             var dateToCheck = self.parseDate(date, undefined, timeless); // timeless
             if ((self.config.minDate &&
@@ -1560,11 +1614,11 @@
                     dateToCheck &&
                     compareDates(dateToCheck, self.config.maxDate, timeless !== undefined ? timeless : !self.maxDateHasTime) > 0))
                 return false;
-            if (self.config.enable.length === 0 && self.config.disable.length === 0)
+            if (!self.config.enable && self.config.disable.length === 0)
                 return true;
             if (dateToCheck === undefined)
                 return false;
-            var bool = self.config.enable.length > 0, array = bool ? self.config.enable : self.config.disable;
+            var bool = !!self.config.enable, array = (_a = self.config.enable) !== null && _a !== void 0 ? _a : self.config.disable;
             for (var i = 0, d = void 0; i < array.length; i++) {
                 d = array[i];
                 if (typeof d === "function" &&
@@ -1576,7 +1630,7 @@
                     d.getTime() === dateToCheck.getTime())
                     // disabled by date
                     return bool;
-                else if (typeof d === "string" && dateToCheck !== undefined) {
+                else if (typeof d === "string") {
                     // disabled by date string
                     var parsed = self.parseDate(d, undefined, true);
                     return parsed && parsed.getTime() === dateToCheck.getTime()
@@ -1598,9 +1652,21 @@
         function isInView(elem) {
             if (self.daysContainer !== undefined)
                 return (elem.className.indexOf("hidden") === -1 &&
+                    elem.className.indexOf("flatpickr-disabled") === -1 &&
                     self.daysContainer.contains(elem));
             return false;
         }
+        function onBlur(e) {
+            var isInput = e.target === self._input;
+            var valueChanged = self._input.value.trimEnd() !== getDateStr();
+            if (isInput &&
+                valueChanged &&
+                !(e.relatedTarget && isCalendarElem(e.relatedTarget))) {
+                self.setDate(self._input.value, true, e.target === self.altInput
+                    ? self.config.altFormat
+                    : self.config.dateFormat);
+            }
+        }
         function onKeyDown(e) {
             // e.key                      e.keyCode
             // "Backspace"                        8
@@ -1612,26 +1678,30 @@
             // "ArrowRight" (IE "Right")         39
             // "ArrowDown"  (IE "Down")          40
             // "Delete"     (IE "Del")           46
-            var isInput = e.target === self._input;
+            var eventTarget = getEventTarget(e);
+            var isInput = self.config.wrap
+                ? element.contains(eventTarget)
+                : eventTarget === self._input;
             var allowInput = self.config.allowInput;
             var allowKeydown = self.isOpen && (!allowInput || !isInput);
             var allowInlineKeydown = self.config.inline && isInput && !allowInput;
             if (e.keyCode === 13 && isInput) {
                 if (allowInput) {
-                    self.setDate(self._input.value, true, e.target === self.altInput
+                    self.setDate(self._input.value, true, eventTarget === self.altInput
                         ? self.config.altFormat
                         : self.config.dateFormat);
-                    return e.target.blur();
+                    self.close();
+                    return eventTarget.blur();
                 }
                 else {
                     self.open();
                 }
             }
-            else if (isCalendarElem(e.target) ||
+            else if (isCalendarElem(eventTarget) ||
                 allowKeydown ||
                 allowInlineKeydown) {
                 var isTimeObj = !!self.timeContainer &&
-                    self.timeContainer.contains(e.target);
+                    self.timeContainer.contains(eventTarget);
                 switch (e.keyCode) {
                     case 13:
                         if (isTimeObj) {
@@ -1657,9 +1727,10 @@
                     case 39:
                         if (!isTimeObj && !isInput) {
                             e.preventDefault();
+                            var activeElement = getClosestActiveElement();
                             if (self.daysContainer !== undefined &&
                                 (allowInput === false ||
-                                    (document.activeElement && isInView(document.activeElement)))) {
+                                    (activeElement && isInView(activeElement)))) {
                                 var delta_1 = e.keyCode === 39 ? 1 : -1;
                                 if (!e.ctrlKey)
                                     focusOnDay(undefined, delta_1);
@@ -1677,9 +1748,10 @@
                     case 40:
                         e.preventDefault();
                         var delta = e.keyCode === 40 ? 1 : -1;
-                        if ((self.daysContainer && e.target.$i !== undefined) ||
-                            e.target === self.input ||
-                            e.target === self.altInput) {
+                        if ((self.daysContainer &&
+                            eventTarget.$i !== undefined) ||
+                            eventTarget === self.input ||
+                            eventTarget === self.altInput) {
                             if (e.ctrlKey) {
                                 e.stopPropagation();
                                 changeYear(self.currentYear - delta);
@@ -1688,7 +1760,7 @@
                             else if (!isTimeObj)
                                 focusOnDay(undefined, delta * 7);
                         }
-                        else if (e.target === self.currentYearElement) {
+                        else if (eventTarget === self.currentYearElement) {
                             changeYear(self.currentYear - delta);
                         }
                         else if (self.config.enableTime) {
@@ -1708,7 +1780,7 @@
                             ]
                                 .concat(self.pluginElements)
                                 .filter(function (x) { return x; });
-                            var i = elems.indexOf(e.target);
+                            var i = elems.indexOf(eventTarget);
                             if (i !== -1) {
                                 var target = elems[i + (e.shiftKey ? -1 : 1)];
                                 e.preventDefault();
@@ -1717,17 +1789,15 @@
                         }
                         else if (!self.config.noCalendar &&
                             self.daysContainer &&
-                            self.daysContainer.contains(e.target) &&
+                            self.daysContainer.contains(eventTarget) &&
                             e.shiftKey) {
                             e.preventDefault();
                             self._input.focus();
                         }
                         break;
-                    default:
-                        break;
                 }
             }
-            if (self.amPM !== undefined && e.target === self.amPM) {
+            if (self.amPM !== undefined && eventTarget === self.amPM) {
                 switch (e.key) {
                     case self.l10n.amPM[0].charAt(0):
                     case self.l10n.amPM[0].charAt(0).toLowerCase():
@@ -1743,14 +1813,15 @@
                         break;
                 }
             }
-            if (isInput || isCalendarElem(e.target)) {
+            if (isInput || isCalendarElem(eventTarget)) {
                 triggerEvent("onKeyDown", e);
             }
         }
-        function onMouseOver(elem) {
+        function onMouseOver(elem, cellClass) {
+            if (cellClass === void 0) { cellClass = "flatpickr-day"; }
             if (self.selectedDates.length !== 1 ||
                 (elem &&
-                    (!elem.classList.contains("flatpickr-day") ||
+                    (!elem.classList.contains(cellClass) ||
                         elem.classList.contains("flatpickr-disabled"))))
                 return;
             var hoverDate = elem
@@ -1768,61 +1839,52 @@
                         maxRange = t;
                 }
             }
-            for (var m = 0; m < self.config.showMonths; m++) {
-                var month = self.daysContainer.children[m];
-                var _loop_1 = function (i, l) {
-                    var dayElem = month.children[i], date = dayElem.dateObj;
-                    var timestamp = date.getTime();
-                    var outOfRange = (minRange > 0 && timestamp < minRange) ||
-                        (maxRange > 0 && timestamp > maxRange);
-                    if (outOfRange) {
-                        dayElem.classList.add("notAllowed");
-                        ["inRange", "startRange", "endRange"].forEach(function (c) {
-                            dayElem.classList.remove(c);
-                        });
-                        return "continue";
-                    }
-                    else if (containsDisabled && !outOfRange)
-                        return "continue";
-                    ["startRange", "inRange", "endRange", "notAllowed"].forEach(function (c) {
+            var hoverableCells = Array.from(self.rContainer.querySelectorAll("*:nth-child(-n+" + self.config.showMonths + ") > ." + cellClass));
+            hoverableCells.forEach(function (dayElem) {
+                var date = dayElem.dateObj;
+                var timestamp = date.getTime();
+                var outOfRange = (minRange > 0 && timestamp < minRange) ||
+                    (maxRange > 0 && timestamp > maxRange);
+                if (outOfRange) {
+                    dayElem.classList.add("notAllowed");
+                    ["inRange", "startRange", "endRange"].forEach(function (c) {
                         dayElem.classList.remove(c);
                     });
-                    if (elem !== undefined) {
-                        elem.classList.add(hoverDate <= self.selectedDates[0].getTime()
-                            ? "startRange"
-                            : "endRange");
-                        if (initialDate < hoverDate && timestamp === initialDate)
-                            dayElem.classList.add("startRange");
-                        else if (initialDate > hoverDate && timestamp === initialDate)
-                            dayElem.classList.add("endRange");
-                        if (timestamp >= minRange &&
-                            (maxRange === 0 || timestamp <= maxRange) &&
-                            isBetween(timestamp, initialDate, hoverDate))
-                            dayElem.classList.add("inRange");
-                    }
-                };
-                for (var i = 0, l = month.children.length; i < l; i++) {
-                    _loop_1(i, l);
+                    return;
                 }
-            }
+                else if (containsDisabled && !outOfRange)
+                    return;
+                ["startRange", "inRange", "endRange", "notAllowed"].forEach(function (c) {
+                    dayElem.classList.remove(c);
+                });
+                if (elem !== undefined) {
+                    elem.classList.add(hoverDate <= self.selectedDates[0].getTime()
+                        ? "startRange"
+                        : "endRange");
+                    if (initialDate < hoverDate && timestamp === initialDate)
+                        dayElem.classList.add("startRange");
+                    else if (initialDate > hoverDate && timestamp === initialDate)
+                        dayElem.classList.add("endRange");
+                    if (timestamp >= minRange &&
+                        (maxRange === 0 || timestamp <= maxRange) &&
+                        isBetween(timestamp, initialDate, hoverDate))
+                        dayElem.classList.add("inRange");
+                }
+            });
         }
         function onResize() {
             if (self.isOpen && !self.config.static && !self.config.inline)
                 positionCalendar();
         }
-        function setDefaultTime() {
-            self.setDate(self.config.minDate !== undefined
-                ? new Date(self.config.minDate.getTime())
-                : new Date(), true);
-            setDefaultHours();
-            updateValue();
-        }
         function open(e, positionElement) {
             if (positionElement === void 0) { positionElement = self._positionElement; }
             if (self.isMobile === true) {
                 if (e) {
                     e.preventDefault();
-                    e.target && e.target.blur();
+                    var eventTarget = getEventTarget(e);
+                    if (eventTarget) {
+                        eventTarget.blur();
+                    }
                 }
                 if (self.mobileInput !== undefined) {
                     self.mobileInput.focus();
@@ -1831,8 +1893,9 @@
                 triggerEvent("onOpen");
                 return;
             }
-            if (self._input.disabled || self.config.inline)
+            else if (self._input.disabled || self.config.inline) {
                 return;
+            }
             var wasOpen = self.isOpen;
             self.isOpen = true;
             if (!wasOpen) {
@@ -1842,9 +1905,6 @@
                 positionCalendar(positionElement);
             }
             if (self.config.enableTime === true && self.config.noCalendar === true) {
-                if (self.selectedDates.length === 0) {
-                    setDefaultTime();
-                }
                 if (self.config.allowInput === false &&
                     (e === undefined ||
                         !self.timeContainer.contains(e.relatedTarget))) {
@@ -1886,6 +1946,7 @@
                 "wrap",
                 "weekNumbers",
                 "allowInput",
+                "allowInvalidPreload",
                 "clickOpens",
                 "time_24hr",
                 "enableTime",
@@ -1897,7 +1958,7 @@
                 "enableSeconds",
                 "disableMobile",
             ];
-            var userConfig = __assign({}, instanceConfig, JSON.parse(JSON.stringify(element.dataset || {})));
+            var userConfig = __assign(__assign({}, JSON.parse(JSON.stringify(element.dataset || {}))), instanceConfig);
             var formats = {};
             self.config.parseDate = userConfig.parseDate;
             self.config.formatDate = userConfig.formatDate;
@@ -1905,13 +1966,13 @@
                 get: function () { return self.config._enable; },
                 set: function (dates) {
                     self.config._enable = parseDateRules(dates);
-                }
+                },
             });
             Object.defineProperty(self.config, "disable", {
                 get: function () { return self.config._disable; },
                 set: function (dates) {
                     self.config._disable = parseDateRules(dates);
-                }
+                },
             });
             var timeMode = userConfig.mode === "time";
             if (!userConfig.dateFormat && (userConfig.enableTime || timeMode)) {
@@ -1930,28 +1991,24 @@
                         ? "h:i" + (userConfig.enableSeconds ? ":S K" : " K")
                         : defaultAltFormat + (" h:i" + (userConfig.enableSeconds ? ":S" : "") + " K");
             }
-            if (!userConfig.altInputClass) {
-                self.config.altInputClass =
-                    self.input.className + " " + self.config.altInputClass;
-            }
             Object.defineProperty(self.config, "minDate", {
                 get: function () { return self.config._minDate; },
-                set: minMaxDateSetter("min")
+                set: minMaxDateSetter("min"),
             });
             Object.defineProperty(self.config, "maxDate", {
                 get: function () { return self.config._maxDate; },
-                set: minMaxDateSetter("max")
+                set: minMaxDateSetter("max"),
             });
             var minMaxTimeSetter = function (type) { return function (val) {
                 self.config[type === "min" ? "_minTime" : "_maxTime"] = self.parseDate(val, "H:i:S");
             }; };
             Object.defineProperty(self.config, "minTime", {
                 get: function () { return self.config._minTime; },
-                set: minMaxTimeSetter("min")
+                set: minMaxTimeSetter("min"),
             });
             Object.defineProperty(self.config, "maxTime", {
                 get: function () { return self.config._maxTime; },
-                set: minMaxTimeSetter("max")
+                set: minMaxTimeSetter("max"),
             });
             if (userConfig.mode === "time") {
                 self.config.noCalendar = true;
@@ -1959,6 +2016,7 @@
             }
             Object.assign(self.config, formats, userConfig);
             for (var i = 0; i < boolOpts.length; i++)
+                // https://github.com/microsoft/TypeScript/issues/31663
                 self.config[boolOpts[i]] =
                     self.config[boolOpts[i]] === true ||
                         self.config[boolOpts[i]] === "true";
@@ -1970,7 +2028,7 @@
                     !self.config.inline &&
                     self.config.mode === "single" &&
                     !self.config.disable.length &&
-                    !self.config.enable.length &&
+                    !self.config.enable &&
                     !self.config.weekNumbers &&
                     /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
             for (var i = 0; i < self.config.plugins.length; i++) {
@@ -1985,19 +2043,32 @@
                         self.config[key] = pluginConf[key];
                 }
             }
+            if (!userConfig.altInputClass) {
+                self.config.altInputClass =
+                    getInputElem().className + " " + self.config.altInputClass;
+            }
             triggerEvent("onParseConfig");
         }
+        function getInputElem() {
+            return self.config.wrap
+                ? element.querySelector("[data-input]")
+                : element;
+        }
         function setupLocale() {
             if (typeof self.config.locale !== "object" &&
                 typeof flatpickr.l10ns[self.config.locale] === "undefined")
                 self.config.errorHandler(new Error("flatpickr: invalid locale " + self.config.locale));
-            self.l10n = __assign({}, flatpickr.l10ns["default"], (typeof self.config.locale === "object"
+            self.l10n = __assign(__assign({}, flatpickr.l10ns.default), (typeof self.config.locale === "object"
                 ? self.config.locale
                 : self.config.locale !== "default"
                     ? flatpickr.l10ns[self.config.locale]
                     : undefined));
+            tokenRegex.D = "(" + self.l10n.weekdays.shorthand.join("|") + ")";
+            tokenRegex.l = "(" + self.l10n.weekdays.longhand.join("|") + ")";
+            tokenRegex.M = "(" + self.l10n.months.shorthand.join("|") + ")";
+            tokenRegex.F = "(" + self.l10n.months.longhand.join("|") + ")";
             tokenRegex.K = "(" + self.l10n.amPM[0] + "|" + self.l10n.amPM[1] + "|" + self.l10n.amPM[0].toLowerCase() + "|" + self.l10n.amPM[1].toLowerCase() + ")";
-            var userConfig = __assign({}, instanceConfig, JSON.parse(JSON.stringify(element.dataset || {})));
+            var userConfig = __assign(__assign({}, instanceConfig), JSON.parse(JSON.stringify(element.dataset || {})));
             if (userConfig.time_24hr === undefined &&
                 flatpickr.defaultConfig.time_24hr === undefined) {
                 self.config.time_24hr = self.l10n.time_24hr;
@@ -2006,6 +2077,9 @@
             self.parseDate = createDateParser({ config: self.config, l10n: self.l10n });
         }
         function positionCalendar(customPositionElement) {
+            if (typeof self.config.position === "function") {
+                return void self.config.position(self, customPositionElement);
+            }
             if (self.calendarContainer === undefined)
                 return;
             triggerEvent("onPreCalendarPosition");
@@ -2021,12 +2095,22 @@
             toggleClass(self.calendarContainer, "arrowBottom", showOnTop);
             if (self.config.inline)
                 return;
-            var left = window.pageXOffset +
-                inputBounds.left -
-                (configPosHorizontal != null && configPosHorizontal === "center"
-                    ? (calendarWidth - inputBounds.width) / 2
-                    : 0);
-            var right = window.document.body.offsetWidth - (window.pageXOffset + inputBounds.right);
+            var left = window.pageXOffset + inputBounds.left;
+            var isCenter = false;
+            var isRight = false;
+            if (configPosHorizontal === "center") {
+                left -= (calendarWidth - inputBounds.width) / 2;
+                isCenter = true;
+            }
+            else if (configPosHorizontal === "right") {
+                left -= calendarWidth - inputBounds.width;
+                isRight = true;
+            }
+            toggleClass(self.calendarContainer, "arrowLeft", !isCenter && !isRight);
+            toggleClass(self.calendarContainer, "arrowCenter", isCenter);
+            toggleClass(self.calendarContainer, "arrowRight", isRight);
+            var right = window.document.body.offsetWidth -
+                (window.pageXOffset + inputBounds.right);
             var rightMost = left + calendarWidth > window.document.body.offsetWidth;
             var centerMost = right + calendarWidth > window.document.body.offsetWidth;
             toggleClass(self.calendarContainer, "rightMost", rightMost);
@@ -2042,7 +2126,7 @@
                 self.calendarContainer.style.right = right + "px";
             }
             else {
-                var doc = document.styleSheets[0];
+                var doc = getDocumentStyleSheet();
                 // some testing environments don't have css support
                 if (doc === undefined)
                     return;
@@ -2059,9 +2143,32 @@
                 self.calendarContainer.style.right = "auto";
             }
         }
+        function getDocumentStyleSheet() {
+            var editableSheet = null;
+            for (var i = 0; i < document.styleSheets.length; i++) {
+                var sheet = document.styleSheets[i];
+                if (!sheet.cssRules)
+                    continue;
+                try {
+                    sheet.cssRules;
+                }
+                catch (err) {
+                    continue;
+                }
+                editableSheet = sheet;
+                break;
+            }
+            return editableSheet != null ? editableSheet : createStyleSheet();
+        }
+        function createStyleSheet() {
+            var style = document.createElement("style");
+            document.head.appendChild(style);
+            return style.sheet;
+        }
         function redraw() {
             if (self.config.noCalendar || self.isMobile)
                 return;
+            buildMonthSwitch();
             updateNavigationCurrentMonth();
             buildDays();
         }
@@ -2085,7 +2192,7 @@
                     !day.classList.contains("flatpickr-disabled") &&
                     !day.classList.contains("notAllowed");
             };
-            var t = findParent(e.target, isSelectable);
+            var t = findParent(getEventTarget(e), isSelectable);
             if (t === undefined)
                 return;
             var target = t;
@@ -2128,8 +2235,6 @@
             updateNavigationCurrentMonth();
             buildDays();
             updateValue();
-            if (self.config.enableTime)
-                setTimeout(function () { return (self.showTimeInput = true); }, 50);
             // maintain focus
             if (!shouldChangeMonth &&
                 self.config.mode !== "range" &&
@@ -2156,7 +2261,20 @@
             locale: [setupLocale, updateWeekdays],
             showMonths: [buildMonths, setCalendarWidth, buildWeekdays],
             minDate: [jumpToDate],
-            maxDate: [jumpToDate]
+            maxDate: [jumpToDate],
+            positionElement: [updatePositionElement],
+            clickOpens: [
+                function () {
+                    if (self.config.clickOpens === true) {
+                        bind(self._input, "focus", self.open);
+                        bind(self._input, "click", self.open);
+                    }
+                    else {
+                        self._input.removeEventListener("focus", self.open);
+                        self._input.removeEventListener("click", self.open);
+                    }
+                },
+            ],
         };
         function set(option, value) {
             if (option !== null && typeof option === "object") {
@@ -2174,7 +2292,7 @@
                     self.config[option] = arrayify(value);
             }
             self.redraw();
-            updateValue(false);
+            updateValue(true);
         }
         function setSelectedDate(inputDate, format) {
             var dates = [];
@@ -2198,13 +2316,13 @@
                             .split(self.l10n.rangeSeparator)
                             .map(function (date) { return self.parseDate(date, format); });
                         break;
-                    default:
-                        break;
                 }
             }
             else
                 self.config.errorHandler(new Error("Invalid date supplied: " + JSON.stringify(inputDate)));
-            self.selectedDates = dates.filter(function (d) { return d instanceof Date && isEnabled(d, false); });
+            self.selectedDates = (self.config.allowInvalidPreload
+                ? dates
+                : dates.filter(function (d) { return d instanceof Date && isEnabled(d, false); }));
             if (self.config.mode === "range")
                 self.selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });
         }
@@ -2214,11 +2332,10 @@
             if ((date !== 0 && !date) || (date instanceof Array && date.length === 0))
                 return self.clear(triggerChange);
             setSelectedDate(date, format);
-            self.showTimeInput = self.selectedDates.length > 0;
             self.latestSelectedDateObj =
                 self.selectedDates[self.selectedDates.length - 1];
             self.redraw();
-            jumpToDate();
+            jumpToDate(undefined, triggerChange);
             setHoursFromDate();
             if (self.selectedDates.length === 0) {
                 self.clear(false);
@@ -2242,7 +2359,7 @@
                     rule.to)
                     return {
                         from: self.parseDate(rule.from, undefined),
-                        to: self.parseDate(rule.to, undefined)
+                        to: self.parseDate(rule.to, undefined),
                     };
                 return rule;
             })
@@ -2289,20 +2406,9 @@
                     (self.config.maxDate.getHours() > 0 ||
                         self.config.maxDate.getMinutes() > 0 ||
                         self.config.maxDate.getSeconds() > 0);
-            Object.defineProperty(self, "showTimeInput", {
-                get: function () { return self._showTimeInput; },
-                set: function (bool) {
-                    self._showTimeInput = bool;
-                    if (self.calendarContainer)
-                        toggleClass(self.calendarContainer, "showTimeInput", bool);
-                    self.isOpen && positionCalendar();
-                }
-            });
         }
         function setupInputs() {
-            self.input = self.config.wrap
-                ? element.querySelector("[data-input]")
-                : element;
+            self.input = getInputElem();
             /* istanbul ignore next */
             if (!self.input) {
                 self.config.errorHandler(new Error("Invalid input element specified"));
@@ -2328,6 +2434,9 @@
             }
             if (!self.config.allowInput)
                 self._input.setAttribute("readonly", "readonly");
+            updatePositionElement();
+        }
+        function updatePositionElement() {
             self._positionElement = self.config.positionElement || self._input;
         }
         function setupMobile() {
@@ -2337,7 +2446,6 @@
                     : "datetime-local"
                 : "date";
             self.mobileInput = createElement("input", self.input.className + " flatpickr-mobile");
-            self.mobileInput.step = self.input.getAttribute("step") || "any";
             self.mobileInput.tabIndex = 1;
             self.mobileInput.type = inputType;
             self.mobileInput.disabled = self.input.disabled;
@@ -2356,6 +2464,8 @@
                 self.mobileInput.min = self.formatDate(self.config.minDate, "Y-m-d");
             if (self.config.maxDate)
                 self.mobileInput.max = self.formatDate(self.config.maxDate, "Y-m-d");
+            if (self.input.getAttribute("step"))
+                self.mobileInput.step = String(self.input.getAttribute("step"));
             self.input.type = "hidden";
             if (self.altInput !== undefined)
                 self.altInput.type = "hidden";
@@ -2365,7 +2475,7 @@
             }
             catch (_a) { }
             bind(self.mobileInput, "change", function (e) {
-                self.setDate(e.target.value, false, self.mobileFormatStr);
+                self.setDate(getEventTarget(e).value, false, self.mobileFormatStr);
                 triggerEvent("onChange");
                 triggerEvent("onClose");
             });
@@ -2397,7 +2507,9 @@
         }
         function isDateSelected(date) {
             for (var i = 0; i < self.selectedDates.length; i++) {
-                if (compareDates(self.selectedDates[i], date) === 0)
+                var selectedDate = self.selectedDates[i];
+                if (selectedDate instanceof Date &&
+                    compareDates(selectedDate, date) === 0)
                     return "" + i;
             }
             return false;
@@ -2435,7 +2547,9 @@
                         ? self.currentMonth + 1 > self.config.maxDate.getMonth()
                         : self.currentYear > self.config.maxDate.getFullYear());
         }
-        function getDateStr(format) {
+        function getDateStr(specificFormat) {
+            var format = specificFormat ||
+                (self.config.altInput ? self.config.altFormat : self.config.dateFormat);
             return self.selectedDates
                 .map(function (dObj) { return self.formatDate(dObj, format); })
                 .filter(function (d, i, arr) {
@@ -2466,25 +2580,26 @@
                 triggerEvent("onValueUpdate");
         }
         function onMonthNavClick(e) {
-            var isPrevMonth = self.prevMonthNav.contains(e.target);
-            var isNextMonth = self.nextMonthNav.contains(e.target);
+            var eventTarget = getEventTarget(e);
+            var isPrevMonth = self.prevMonthNav.contains(eventTarget);
+            var isNextMonth = self.nextMonthNav.contains(eventTarget);
             if (isPrevMonth || isNextMonth) {
                 changeMonth(isPrevMonth ? -1 : 1);
             }
-            else if (self.yearElements.indexOf(e.target) >= 0) {
-                e.target.select();
+            else if (self.yearElements.indexOf(eventTarget) >= 0) {
+                eventTarget.select();
             }
-            else if (e.target.classList.contains("arrowUp")) {
+            else if (eventTarget.classList.contains("arrowUp")) {
                 self.changeYear(self.currentYear + 1);
             }
-            else if (e.target.classList.contains("arrowDown")) {
+            else if (eventTarget.classList.contains("arrowDown")) {
                 self.changeYear(self.currentYear - 1);
             }
         }
         function timeWrapper(e) {
             e.preventDefault();
-            var isKeyDown = e.type === "keydown", input = e.target;
-            if (self.amPM !== undefined && e.target === self.amPM) {
+            var isKeyDown = e.type === "keydown", eventTarget = getEventTarget(e), input = eventTarget;
+            if (self.amPM !== undefined && eventTarget === self.amPM) {
                 self.amPM.textContent =
                     self.l10n.amPM[int(self.amPM.textContent === self.l10n.amPM[0])];
             }
@@ -2575,13 +2690,13 @@
     flatpickr.defaultConfig = {};
     flatpickr.l10ns = {
         en: __assign({}, english),
-        "default": __assign({}, english)
+        default: __assign({}, english),
     };
     flatpickr.localize = function (l10n) {
-        flatpickr.l10ns["default"] = __assign({}, flatpickr.l10ns["default"], l10n);
+        flatpickr.l10ns.default = __assign(__assign({}, flatpickr.l10ns.default), l10n);
     };
     flatpickr.setDefaults = function (config) {
-        flatpickr.defaultConfig = __assign({}, flatpickr.defaultConfig, config);
+        flatpickr.defaultConfig = __assign(__assign({}, flatpickr.defaultConfig), config);
     };
     flatpickr.parseDate = createDateParser({});
     flatpickr.formatDate = createDateFormatter({});
@@ -2592,7 +2707,6 @@
             return _flatpickr(this, config);
         };
     }
-    // eslint-disable-next-line @typescript-eslint/camelcase
     Date.prototype.fp_incr = function (days) {
         return new Date(this.getFullYear(), this.getMonth(), this.getDate() + (typeof days === "string" ? parseInt(days, 10) : days));
     };
@@ -2602,4 +2716,4 @@
 
     return flatpickr;
 
-}));
+})));