fomantic-ui 2.10.0-beta.6 → 2.10.0-beta.8

package/dist/components/calendar.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.6+42a411a - Calendar
+ * # Fomantic-UI 2.10.0-beta.8+62e258f - Calendar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20,61 +20,57 @@
         : globalThis;
 
     $.fn.calendar = function (parameters) {
-        var
-            $allModules    = $(this),
-            $document      = $(document),
-
-            time           = Date.now(),
-            performance    = [],
-
-            query          = arguments[0],
-            methodInvoked  = typeof query === 'string',
-            queryArguments = [].slice.call(arguments, 1),
-            returnedValue,
-            timeGapTable = {
-                5: { row: 4, column: 3 },
-                10: { row: 3, column: 2 },
-                15: { row: 2, column: 2 },
-                20: { row: 3, column: 1 },
-                30: { row: 2, column: 1 },
-            },
-            numberText = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight']
-        ;
+        let $allModules = $(this);
+        let $document = $(document);
+
+        let time = Date.now();
+        let performance = [];
+
+        let query = arguments[0];
+        let methodInvoked = typeof query === 'string';
+        let queryArguments = [].slice.call(arguments, 1);
+        let returnedValue;
+        let timeGapTable = {
+            5: { row: 4, column: 3 },
+            10: { row: 3, column: 2 },
+            15: { row: 2, column: 2 },
+            20: { row: 3, column: 1 },
+            30: { row: 2, column: 1 },
+        };
+        let numberText = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight'];
 
         $allModules.each(function () {
-            var
-                settings = $.isPlainObject(parameters)
-                    ? $.extend(true, {}, $.fn.calendar.settings, parameters)
-                    : $.extend({}, $.fn.calendar.settings),
-
-                className = settings.className,
-                namespace = settings.namespace,
-                selector = settings.selector,
-                formatter = settings.formatter,
-                parser = settings.parser,
-                metadata = settings.metadata,
-                timeGap = timeGapTable[settings.minTimeGap],
-                error = settings.error,
-
-                eventNamespace = '.' + namespace,
-                moduleNamespace = 'module-' + namespace,
-
-                $module = $(this),
-                $input = $module.find(selector.input),
-                $activator = $module.find(selector.activator),
-
-                element = this,
-                instance = $module.data(moduleNamespace),
-                $container = instance && instance.popupId ? $document.find('#' + instance.popupId) : $module.find(selector.popup),
-
-                isTouch,
-                isTouchDown = false,
-                isInverted = $module.hasClass(className.inverted),
-                focusDateUsedForRange = false,
-                selectionComplete = false,
-                classObserver,
-                module
-            ;
+            let settings = $.isPlainObject(parameters)
+                ? $.extend(true, {}, $.fn.calendar.settings, parameters)
+                : $.extend({}, $.fn.calendar.settings);
+
+            let className = settings.className;
+            let namespace = settings.namespace;
+            let selector = settings.selector;
+            let formatter = settings.formatter;
+            let parser = settings.parser;
+            let metadata = settings.metadata;
+            let timeGap = timeGapTable[settings.minTimeGap];
+            let error = settings.error;
+
+            let eventNamespace = '.' + namespace;
+            let moduleNamespace = 'module-' + namespace;
+
+            let $module = $(this);
+            let $input = $module.find(selector.input);
+            let $activator = $module.find(selector.activator);
+
+            let element = this;
+            let instance = $module.data(moduleNamespace);
+            let $container = instance && instance.popupId ? $document.find('#' + instance.popupId) : $module.find(selector.popup);
+
+            let isTouch;
+            let isTouchDown = false;
+            let isInverted = $module.hasClass(className.inverted);
+            let focusDateUsedForRange = false;
+            let selectionComplete = false;
+            let classObserver;
+            let module;
 
             module = {
 
@@ -150,10 +146,8 @@
                             } else {
                                 // prepend the popup element to the activator's parent so that it has less chance of messing with
                                 // the styling (e.g., input action button needs to be the last child to have the correct border radius)
-                                var
-                                    $activatorParent = $activator.parent(),
-                                    domPositionFunction = $activatorParent.closest(selector.append).length > 0 ? 'appendTo' : 'prependTo'
-                                ;
+                                let $activatorParent = $activator.parent();
+                                let domPositionFunction = $activatorParent.closest(selector.append).length > 0 ? 'appendTo' : 'prependTo';
                                 $container = $('<div/>').addClass(className.popup)[domPositionFunction]($activatorParent);
                             }
                         }
@@ -161,12 +155,12 @@
                         if (isInverted) {
                             $container.addClass(className.inverted);
                         }
-                        var onVisible = function () {
+                        let onVisible = function () {
                             module.refreshTooltips();
 
                             return settings.onVisible.apply($container, arguments);
                         };
-                        var onHidden = function () {
+                        let onHidden = function () {
                             module.blur();
 
                             return settings.onHidden.apply($container, arguments);
@@ -181,15 +175,15 @@
                                 return settings.onVisible.apply($container, arguments);
                             };
                         }
-                        var onShow = function () {
+                        let onShow = function () {
                             // reset the focus date onShow
                             module.set.focusDate(module.get.date());
                             module.set.mode(module.get.validatedMode(settings.startMode));
 
                             return settings.onShow.apply($container, arguments);
                         };
-                        var on = module.setting('on');
-                        var options = $.extend({}, settings.popupOptions, {
+                        let on = module.setting('on');
+                        let options = $.extend({}, settings.popupOptions, {
                             popup: $container,
                             movePopup: !settings.context,
                             on: on,
@@ -219,7 +213,7 @@
                         module.check.disabled();
                     },
                     date: function () {
-                        var date;
+                        let date;
                         if (settings.initialDate) {
                             date = parser.date(settings.initialDate, settings);
                         } else if ($module.data(metadata.date) !== undefined) {
@@ -234,11 +228,9 @@
 
                 trigger: {
                     change: function () {
-                        var
-                            inputElement = $input[0]
-                        ;
+                        let inputElement = $input[0];
                         if (inputElement) {
-                            var events = document.createEvent('HTMLEvents');
+                            let events = document.createEvent('HTMLEvents');
                             module.verbose('Triggering native change event');
                             events.initEvent('change', true, false);
                             inputElement.dispatchEvent(events);
@@ -248,57 +240,49 @@
 
                 create: {
                     calendar: function () {
-                        var
-                            i,
-                            r,
-                            c,
-                            p,
-                            row,
-                            cell,
-                            pageGrid
-                        ;
-
-                        var
-                            mode = module.get.mode(),
-                            today = new Date(),
-                            date = module.get.date(),
-                            focusDate = module.get.focusDate(),
-                            display = module.helper.dateInRange(focusDate || date || parser.date(settings.initialDate, settings) || today)
-                        ;
+                        let i;
+                        let r;
+                        let c;
+                        let p;
+                        let row;
+                        let cell;
+                        let pageGrid;
+
+                        let mode = module.get.mode();
+                        let today = new Date();
+                        let date = module.get.date();
+                        let focusDate = module.get.focusDate();
+                        let display = module.helper.dateInRange(focusDate || date || parser.date(settings.initialDate, settings) || today);
 
                         if (!focusDate) {
                             focusDate = display;
                             module.set.focusDate(focusDate, false, false);
                         }
 
-                        var
-                            isYear = mode === 'year',
-                            isMonth = mode === 'month',
-                            isDay = mode === 'day',
-                            isHour = mode === 'hour',
-                            isMinute = mode === 'minute',
-                            isTimeOnly = settings.type === 'time'
-                        ;
+                        let isYear = mode === 'year';
+                        let isMonth = mode === 'month';
+                        let isDay = mode === 'day';
+                        let isHour = mode === 'hour';
+                        let isMinute = mode === 'minute';
+                        let isTimeOnly = settings.type === 'time';
 
-                        var multiMonth = Math.max(settings.multiMonth, 1);
-                        var monthOffset = !isDay ? 0 : module.get.monthOffset();
+                        let multiMonth = Math.max(settings.multiMonth, 1);
+                        let monthOffset = !isDay ? 0 : module.get.monthOffset();
 
-                        var
-                            minute = display.getMinutes(),
-                            hour = display.getHours(),
-                            day = display.getDate(),
-                            startMonth = display.getMonth() + monthOffset,
-                            year = display.getFullYear()
-                        ;
+                        let minute = display.getMinutes();
+                        let hour = display.getHours();
+                        let day = display.getDate();
+                        let startMonth = display.getMonth() + monthOffset;
+                        let year = display.getFullYear();
 
-                        var columns = isDay
+                        let columns = isDay
                             ? (settings.showWeekNumbers ? 8 : 7)
                             : (isHour ? 4 : timeGap.column);
-                        var rows = isDay || isHour ? 6 : timeGap.row;
-                        var pages = isDay ? multiMonth : 1;
+                        let rows = isDay || isHour ? 6 : timeGap.row;
+                        let pages = isDay ? multiMonth : 1;
 
-                        var container = $container;
-                        var tooltipPosition = container.hasClass('left') ? 'right center' : 'left center';
+                        let container = $container;
+                        let tooltipPosition = container.hasClass('left') ? 'right center' : 'left center';
                         container.empty();
                         if (pages > 1) {
                             pageGrid = $('<div/>').addClass(className.grid).appendTo(container);
@@ -306,65 +290,63 @@
 
                         for (p = 0; p < pages; p++) {
                             if (pages > 1) {
-                                var pageColumn = $('<div/>').addClass(className.column).appendTo(pageGrid);
+                                let pageColumn = $('<div/>').addClass(className.column).appendTo(pageGrid);
                                 container = pageColumn;
                             }
 
-                            var month = startMonth + p;
-                            var firstMonthDayColumn = (new Date(year, month, 1).getDay() - (settings.firstDayOfWeek % 7) + 7) % 7;
+                            let month = startMonth + p;
+                            let firstMonthDayColumn = (new Date(year, month, 1).getDay() - (settings.firstDayOfWeek % 7) + 7) % 7;
                             if (!settings.constantHeight && isDay) {
-                                var requiredCells = new Date(year, month + 1, 0).getDate() + firstMonthDayColumn;
+                                let requiredCells = new Date(year, month + 1, 0).getDate() + firstMonthDayColumn;
                                 rows = Math.ceil(requiredCells / 7);
                             }
 
-                            var
-                                yearChange = isYear ? 10 : (isMonth ? 1 : 0),
-                                monthChange = isDay ? 1 : 0,
-                                dayChange = isHour || isMinute ? 1 : 0,
-                                prevNextDay = isHour || isMinute ? day : 1,
-                                prevDate = new Date(year - yearChange, month - monthChange, prevNextDay - dayChange, hour),
-                                nextDate = new Date(year + yearChange, month + monthChange, prevNextDay + dayChange, hour),
-                                prevLast = isYear
-                                    ? new Date(Math.ceil(year / 10) * 10 - 9, 0, 0)
-                                    : (isMonth
-                                        ? new Date(year, 0, 0)
-                                        : (isDay // eslint-disable-line unicorn/no-nested-ternary
-                                            ? new Date(year, month, 0)
-                                            : new Date(year, month, day, -1))),
-                                nextFirst = isYear
-                                    ? new Date(Math.ceil(year / 10) * 10 + 1, 0, 1)
-                                    : (isMonth
-                                        ? new Date(year + 1, 0, 1)
-                                        : (isDay // eslint-disable-line unicorn/no-nested-ternary
-                                            ? new Date(year, month + 1, 1)
-                                            : new Date(year, month, day + 1)))
-                            ;
-
-                            var tempMode = mode;
+                            let yearChange = isYear ? 10 : (isMonth ? 1 : 0);
+                            let monthChange = isDay ? 1 : 0;
+                            let dayChange = isHour || isMinute ? 1 : 0;
+                            let prevNextDay = isHour || isMinute ? day : 1;
+                            let prevDate = new Date(year - yearChange, month - monthChange, prevNextDay - dayChange, hour);
+                            let nextDate = new Date(year + yearChange, month + monthChange, prevNextDay + dayChange, hour);
+                            let prevLast = isYear
+                                ? new Date(Math.ceil(year / 10) * 10 - 9, 0, 0)
+                                : (isMonth
+                                    ? new Date(year, 0, 0)
+                                    : (isDay // eslint-disable-line unicorn/no-nested-ternary
+                                        ? new Date(year, month, 0)
+                                        : new Date(year, month, day, -1)));
+                            let nextFirst = isYear
+                                ? new Date(Math.ceil(year / 10) * 10 + 1, 0, 1)
+                                : (isMonth
+                                    ? new Date(year + 1, 0, 1)
+                                    : (isDay // eslint-disable-line unicorn/no-nested-ternary
+                                        ? new Date(year, month + 1, 1)
+                                        : new Date(year, month, day + 1)));
+
+                            let tempMode = mode;
                             if (isDay && settings.showWeekNumbers) {
                                 tempMode += ' andweek';
                             }
-                            var table = $('<table/>').addClass(className.table).addClass(tempMode).addClass(numberText[columns] + ' column')
+                            let table = $('<table/>').addClass(className.table).addClass(tempMode).addClass(numberText[columns] + ' column')
                                 .appendTo(container);
                             if (isInverted) {
                                 table.addClass(className.inverted);
                             }
-                            var textColumns = columns;
+                            let textColumns = columns;
                             // no header for time-only mode
                             if (!isTimeOnly) {
-                                var thead = $('<thead/>').appendTo(table);
+                                let thead = $('<thead/>').appendTo(table);
 
                                 row = $('<tr/>').appendTo(thead);
                                 cell = $('<th/>').attr('colspan', '' + columns).appendTo(row);
 
-                                var headerDate = isYear || isMonth
+                                let headerDate = isYear || isMonth
                                     ? new Date(year, 0, 1)
                                     : (isDay
                                         ? new Date(year, month, 1)
                                         : new Date(year, month, day, hour, minute));
-                                var headerText = $('<span/>').addClass(className.link).appendTo(cell);
+                                let headerText = $('<span/>').addClass(className.link).appendTo(cell);
                                 headerText.text(module.helper.dateFormat(formatter[mode + 'Header'], headerDate));
-                                var newMode = isMonth
+                                let newMode = isMonth
                                     ? (settings.disableYear ? 'day' : 'year')
                                     : (isDay
                                         ? (settings.disableMonth ? 'year' : 'month') // eslint-disable-line unicorn/no-nested-ternary
@@ -372,14 +354,14 @@
                                 headerText.data(metadata.mode, newMode);
 
                                 if (p === 0) {
-                                    var prev = $('<span/>').addClass(className.prev).appendTo(cell);
+                                    let prev = $('<span/>').addClass(className.prev).appendTo(cell);
                                     prev.data(metadata.focusDate, prevDate);
                                     prev.toggleClass(className.disabledCell, !module.helper.isDateInRange(prevLast, mode));
                                     $('<i/>').addClass(className.prevIcon).appendTo(prev);
                                 }
 
                                 if (p === pages - 1) {
-                                    var next = $('<span/>').addClass(className.next).appendTo(cell);
+                                    let next = $('<span/>').addClass(className.next).appendTo(cell);
                                     next.data(metadata.focusDate, nextDate);
                                     next.toggleClass(className.disabledCell, !module.helper.isDateInRange(nextFirst, mode));
                                     $('<i/>').addClass(className.nextIcon).appendTo(next);
@@ -399,7 +381,7 @@
                                 }
                             }
 
-                            var tbody = $('<tbody/>').appendTo(table);
+                            let tbody = $('<tbody/>').appendTo(table);
                             i = isYear
                                 ? Math.ceil(year / 10) * 10 - 9
                                 : (isDay ? 1 - firstMonthDayColumn : 0);
@@ -411,7 +393,7 @@
                                     cell.addClass(className.weekCell);
                                 }
                                 for (c = 0; c < textColumns; c++, i++) {
-                                    var cellDate = isYear
+                                    let cellDate = isYear
                                         ? new Date(i, month, 1, hour, minute)
                                         : (isMonth
                                             ? new Date(year, i, 1, hour, minute)
@@ -420,7 +402,7 @@
                                                 : (isHour
                                                     ? new Date(year, month, day, i)
                                                     : new Date(year, month, day, hour, i * settings.minTimeGap))));
-                                    var cellText = isYear
+                                    let cellText = isYear
                                         ? i
                                         : (isMonth
                                             ? settings.text.monthsShort[i]
@@ -430,11 +412,11 @@
                                     cell = $('<td/>').addClass(className.cell).appendTo(row);
                                     cell.text(cellText);
                                     cell.data(metadata.date, cellDate);
-                                    var adjacent = isDay && cellDate.getMonth() !== ((month + 12) % 12);
-                                    var disabled = (!settings.selectAdjacentDays && adjacent) || !module.helper.isDateInRange(cellDate, mode) || settings.isDisabled(cellDate, mode) || module.helper.isDisabled(cellDate, mode) || !module.helper.isEnabled(cellDate, mode);
-                                    var eventDate;
+                                    let adjacent = isDay && cellDate.getMonth() !== ((month + 12) % 12);
+                                    let disabled = (!settings.selectAdjacentDays && adjacent) || !module.helper.isDateInRange(cellDate, mode) || settings.isDisabled(cellDate, mode) || module.helper.isDisabled(cellDate, mode) || !module.helper.isEnabled(cellDate, mode);
+                                    let eventDate;
                                     if (disabled) {
-                                        var disabledDate = module.helper.findDayAsObject(cellDate, mode, settings.disabledDates);
+                                        let disabledDate = module.helper.findDayAsObject(cellDate, mode, settings.disabledDates);
                                         if (disabledDate !== null && disabledDate[metadata.message]) {
                                             cell.attr('data-tooltip', disabledDate[metadata.message]);
                                             cell.attr('data-position', disabledDate[metadata.position] || tooltipPosition);
@@ -446,7 +428,7 @@
                                             }
                                         }
                                         if (mode === 'hour') {
-                                            var disabledHour = module.helper.findHourAsObject(cellDate, mode, settings.disabledHours);
+                                            let disabledHour = module.helper.findHourAsObject(cellDate, mode, settings.disabledHours);
                                             if (disabledHour !== null && disabledHour[metadata.message]) {
                                                 cell.attr('data-tooltip', disabledHour[metadata.message]);
                                                 cell.attr('data-position', disabledHour[metadata.position] || tooltipPosition);
@@ -474,8 +456,8 @@
                                             }
                                         }
                                     }
-                                    var active = module.helper.dateEqual(cellDate, date, mode);
-                                    var isToday = module.helper.dateEqual(cellDate, today, mode);
+                                    let active = module.helper.dateEqual(cellDate, date, mode);
+                                    let isToday = module.helper.dateEqual(cellDate, today, mode);
                                     cell.toggleClass(className.adjacentCell, adjacent && !eventDate);
                                     cell.toggleClass(className.disabledCell, disabled);
                                     cell.toggleClass(className.activeCell, active && !(adjacent && disabled));
@@ -484,7 +466,7 @@
                                     }
 
                                     // Allow for external modifications of each cell
-                                    var cellOptions = {
+                                    let cellOptions = {
                                         mode: mode,
                                         adjacent: adjacent,
                                         disabled: disabled,
@@ -502,8 +484,8 @@
                             }
 
                             if (settings.today) {
-                                var todayRow = $('<tr/>').appendTo(tbody);
-                                var todayButton = $('<td/>').attr('colspan', '' + columns).addClass(className.today).appendTo(todayRow);
+                                let todayRow = $('<tr/>').appendTo(tbody);
+                                let todayButton = $('<td/>').attr('colspan', '' + columns).addClass(className.today).appendTo(todayRow);
                                 todayButton.text(formatter.today(settings));
                                 todayButton.data(metadata.date, today);
                             }
@@ -520,24 +502,24 @@
                 update: {
                     focus: function (updateRange, container) {
                         container = container || $container;
-                        var mode = module.get.mode();
-                        var date = module.get.date();
-                        var focusDate = module.get.focusDate();
-                        var startDate = module.get.startDate();
-                        var endDate = module.get.endDate();
-                        var rangeDate = (updateRange ? focusDate : null) || date || (!isTouch ? focusDate : null);
+                        let mode = module.get.mode();
+                        let date = module.get.date();
+                        let focusDate = module.get.focusDate();
+                        let startDate = module.get.startDate();
+                        let endDate = module.get.endDate();
+                        let rangeDate = (updateRange ? focusDate : null) || date || (!isTouch ? focusDate : null);
 
                         container.find('td').each(function () {
-                            var $cell = $(this);
-                            var cellDate = $cell.data(metadata.date);
+                            let $cell = $(this);
+                            let cellDate = $cell.data(metadata.date);
                             if (!cellDate) {
                                 return;
                             }
-                            var disabled = $cell.hasClass(className.disabledCell);
-                            var active = $cell.hasClass(className.activeCell);
-                            var adjacent = $cell.hasClass(className.adjacentCell);
-                            var focused = module.helper.dateEqual(cellDate, focusDate, mode);
-                            var inRange = !rangeDate
+                            let disabled = $cell.hasClass(className.disabledCell);
+                            let active = $cell.hasClass(className.activeCell);
+                            let adjacent = $cell.hasClass(className.adjacentCell);
+                            let focused = module.helper.dateEqual(cellDate, focusDate, mode);
+                            let inRange = !rangeDate
                                 ? false
                                 : (!!startDate && module.helper.isDateInRange(cellDate, mode, startDate, rangeDate))
                                     || (!!endDate && module.helper.isDateInRange(cellDate, mode, rangeDate, endDate));
@@ -556,13 +538,13 @@
                 },
 
                 refreshTooltips: function () {
-                    var winWidth = $(window).width();
+                    let winWidth = $(window).width();
                     $container.find('td[data-position]').each(function () {
-                        var $cell = $(this);
-                        var tooltipWidth = window.getComputedStyle($cell[0], '::after').width.replace(/[^\d.]/g, '');
-                        var tooltipPosition = $cell.attr('data-position');
+                        let $cell = $(this);
+                        let tooltipWidth = window.getComputedStyle($cell[0], '::after').width.replace(/[^\d.]/g, '');
+                        let tooltipPosition = $cell.attr('data-position');
                         // use a fallback width of 250 (calendar width) for IE/Edge (which return "auto")
-                        var calcPosition = (winWidth - $cell.width() - (parseInt(tooltipWidth, 10) || 250)) > $cell.offset().left ? 'right' : 'left';
+                        let calcPosition = (winWidth - $cell.width() - (parseInt(tooltipWidth, 10) || 250)) > $cell.offset().left ? 'right' : 'left';
                         if (tooltipPosition.indexOf(calcPosition) === -1) {
                             $cell.attr('data-position', tooltipPosition.replace(/(left|right)/, calcPosition));
                         }
@@ -600,9 +582,9 @@
 
                 event: {
                     mouseover: function (event) {
-                        var target = $(event.target);
-                        var date = target.data(metadata.date);
-                        var mousedown = event.buttons === 1;
+                        let target = $(event.target);
+                        let date = target.data(metadata.date);
+                        let mousedown = event.buttons === 1;
                         if (date) {
                             module.set.focusDate(date, false, true, mousedown);
                         }
@@ -613,8 +595,8 @@
                             event.preventDefault();
                         }
                         isTouchDown = event.type.indexOf('touch') >= 0;
-                        var target = $(event.target);
-                        var date = target.data(metadata.date);
+                        let target = $(event.target);
+                        let date = target.data(metadata.date);
                         if (date) {
                             module.set.focusDate(date, false, true, true);
                         }
@@ -625,20 +607,20 @@
                         event.preventDefault();
                         event.stopPropagation();
                         isTouchDown = false;
-                        var target = $(event.target);
+                        let target = $(event.target);
                         if (target.hasClass('disabled')) {
                             return;
                         }
-                        var parent = target.parent();
+                        let parent = target.parent();
                         if (parent.data(metadata.date) || parent.data(metadata.focusDate) || parent.data(metadata.mode)) {
                             // clicked on a child element, switch to parent (used when clicking directly on the prev/next <i> icon element)
                             target = parent;
                         }
-                        var date = target.data(metadata.date);
-                        var focusDate = target.data(metadata.focusDate);
-                        var mode = target.data(metadata.mode);
+                        let date = target.data(metadata.date);
+                        let focusDate = target.data(metadata.focusDate);
+                        let mode = target.data(metadata.mode);
                         if (date && settings.onSelect.call(element, date, module.get.mode()) !== false) {
-                            var forceSet = target.hasClass(className.today);
+                            let forceSet = target.hasClass(className.today);
                             module.selectDate(date, forceSet);
                         } else if (focusDate) {
                             module.set.focusDate(focusDate);
@@ -647,38 +629,38 @@
                         }
                     },
                     keydown: function (event) {
-                        var keyCode = event.which;
+                        let keyCode = event.which;
                         if (keyCode === 9) {
                             // tab
                             module.popup('hide');
                         }
 
                         if (module.popup('is visible')) {
-                            var mode = module.get.mode();
+                            let mode = module.get.mode();
                             switch (keyCode) {
                                 // arrow keys
                                 case 37:
                                 case 38:
                                 case 39:
                                 case 40: {
-                                    var bigIncrement = mode === 'day'
+                                    let bigIncrement = mode === 'day'
                                         ? 7
                                         : (mode === 'hour'
                                             ? 4
                                             : (mode === 'minute' ? timeGap.column : 3)); // eslint-disable-line unicorn/no-nested-ternary
-                                    var increment = keyCode === 37
+                                    let increment = keyCode === 37
                                         ? -1
                                         : (keyCode === 38
                                             ? -bigIncrement
                                             : (keyCode === 39 ? 1 : bigIncrement)); // eslint-disable-line unicorn/no-nested-ternary
                                     increment *= mode === 'minute' ? settings.minTimeGap : 1;
-                                    var focusDate = module.get.focusDate() || module.get.date() || new Date();
-                                    var year = focusDate.getFullYear() + (mode === 'year' ? increment : 0);
-                                    var month = focusDate.getMonth() + (mode === 'month' ? increment : 0);
-                                    var day = focusDate.getDate() + (mode === 'day' ? increment : 0);
-                                    var hour = focusDate.getHours() + (mode === 'hour' ? increment : 0);
-                                    var minute = focusDate.getMinutes() + (mode === 'minute' ? increment : 0);
-                                    var newFocusDate = new Date(year, month, day, hour, minute);
+                                    let focusDate = module.get.focusDate() || module.get.date() || new Date();
+                                    let year = focusDate.getFullYear() + (mode === 'year' ? increment : 0);
+                                    let month = focusDate.getMonth() + (mode === 'month' ? increment : 0);
+                                    let day = focusDate.getDate() + (mode === 'day' ? increment : 0);
+                                    let hour = focusDate.getHours() + (mode === 'hour' ? increment : 0);
+                                    let minute = focusDate.getMinutes() + (mode === 'minute' ? increment : 0);
+                                    let newFocusDate = new Date(year, month, day, hour, minute);
                                     if (settings.type === 'time') {
                                         newFocusDate = module.helper.mergeDateTime(focusDate, newFocusDate);
                                     }
@@ -690,7 +672,7 @@
                                 }
                                 // enter key
                                 case 13: {
-                                    var date = module.get.focusDate();
+                                    let date = module.get.focusDate();
                                     if (date && !settings.isDisabled(date, mode) && !module.helper.isDisabled(date, mode) && module.helper.isEnabled(date, mode)) {
                                         if (settings.onSelect.call(element, date, module.get.mode()) !== false) {
                                             module.selectDate(date);
@@ -719,8 +701,8 @@
                         }
                     },
                     inputChange: function () {
-                        var val = $input.val();
-                        var date = parser.date(val, settings);
+                        let val = $input.val();
+                        let date = parser.date(val, settings);
                         module.set.date(date, false);
                     },
                     inputFocus: function () {
@@ -729,8 +711,8 @@
                     inputBlur: function () {
                         $container.removeClass(className.active);
                         if (settings.formatInput) {
-                            var date = module.get.date();
-                            var text = module.helper.dateFormat(formatter[settings.type], date);
+                            let date = module.get.date();
+                            let text = module.helper.dateFormat(formatter[settings.type], date);
                             $input.val(text);
                         }
                         if (selectionComplete) {
@@ -790,12 +772,11 @@
                 get: {
                     weekOfYear: function (weekYear, weekMonth, weekDay) {
                         // adapted from http://www.merlyn.demon.co.uk/weekcalc.htm
-                        var ms1d = 24 * 3600 * 1000,
-                            ms7d = 7 * ms1d,
-                            DC3 = Date.UTC(weekYear, weekMonth, weekDay + 3) / ms1d, // an absolute day number
-                            AWN = Math.floor(DC3 / 7), // an absolute week number
-                            Wyr = new Date(AWN * ms7d).getUTCFullYear()
-                        ;
+                        let ms1d = 24 * 3600 * 1000;
+                        let ms7d = 7 * ms1d;
+                        let DC3 = Date.UTC(weekYear, weekMonth, weekDay + 3) / ms1d; // an absolute day number
+                        let AWN = Math.floor(DC3 / 7); // an absolute week number
+                        let Wyr = new Date(AWN * ms7d).getUTCFullYear();
 
                         return AWN - Math.floor(Date.UTC(Wyr, 0, 7) / ms7d) + 1;
                     },
@@ -812,7 +793,7 @@
                         return module.helper.dateObjectOrFormatted(format, $module.data(metadata.focusDate));
                     },
                     startDate: function (format) {
-                        var startModule = module.get.calendarModule(settings.startCalendar);
+                        let startModule = module.get.calendarModule(settings.startCalendar);
 
                         if (startModule) {
                             return startModule.get.date(format);
@@ -821,7 +802,7 @@
                         return module.helper.dateObjectOrFormatted(format, $module.data(metadata.startDate));
                     },
                     endDate: function (format) {
-                        var endModule = module.get.calendarModule(settings.endCalendar);
+                        let endModule = module.get.calendarModule(settings.endCalendar);
 
                         if (endModule) {
                             return endModule.get.date(format);
@@ -840,12 +821,12 @@
                     },
                     mode: function () {
                         // only returns valid modes for the current settings
-                        var mode = $module.data(metadata.mode) || settings.startMode;
+                        let mode = $module.data(metadata.mode) || settings.startMode;
 
                         return module.get.validatedMode(mode);
                     },
                     validatedMode: function (mode) {
-                        var validModes = module.get.validModes();
+                        let validModes = module.get.validModes();
                         if ($.inArray(mode, validModes) >= 0) {
                             return mode;
                         }
@@ -860,7 +841,7 @@
                         return $module.data(metadata.type) || settings.type;
                     },
                     validModes: function () {
-                        var validModes = [];
+                        let validModes = [];
                         if (settings.type !== 'time') {
                             if (!settings.disableYear || settings.type === 'year') {
                                 validModes.push('year');
@@ -910,8 +891,8 @@
                         date = module.helper.sanitiseDate(date);
                         date = module.helper.dateInRange(date);
 
-                        var mode = module.get.mode();
-                        var text = module.helper.dateFormat(formatter[settings.type], date);
+                        let mode = module.get.mode();
+                        let text = module.helper.dateFormat(formatter[settings.type], date);
 
                         if (fireChange && settings.onBeforeChange.call(element, date, text, mode) === false) {
                             return false;
@@ -923,7 +904,7 @@
                             return false;
                         }
 
-                        var endDate = module.get.endDate();
+                        let endDate = module.get.endDate();
                         if (!!endDate && !!date && date > endDate) {
                             // selected date is greater than end date in range, so clear end date
                             module.set.endDate();
@@ -940,7 +921,7 @@
                     },
                     startDate: function (date, refreshCalendar) {
                         date = module.helper.sanitiseDate(date);
-                        var startModule = module.get.calendarModule(settings.startCalendar);
+                        let startModule = module.get.calendarModule(settings.startCalendar);
                         if (startModule) {
                             startModule.set.date(date);
                         }
@@ -948,7 +929,7 @@
                     },
                     endDate: function (date, refreshCalendar) {
                         date = module.helper.sanitiseDate(date);
-                        var endModule = module.get.calendarModule(settings.endCalendar);
+                        let endModule = module.get.calendarModule(settings.endCalendar);
                         if (endModule) {
                             endModule.set.date(date);
                         }
@@ -957,17 +938,17 @@
                     focusDate: function (date, refreshCalendar, updateFocus, updateRange) {
                         date = module.helper.sanitiseDate(date);
                         date = module.helper.dateInRange(date);
-                        var isDay = module.get.mode() === 'day';
-                        var oldFocusDate = module.get.focusDate();
+                        let isDay = module.get.mode() === 'day';
+                        let oldFocusDate = module.get.focusDate();
                         if (isDay && date && oldFocusDate) {
-                            var yearDelta = date.getFullYear() - oldFocusDate.getFullYear();
-                            var monthDelta = yearDelta * 12 + date.getMonth() - oldFocusDate.getMonth();
+                            let yearDelta = date.getFullYear() - oldFocusDate.getFullYear();
+                            let monthDelta = yearDelta * 12 + date.getMonth() - oldFocusDate.getMonth();
                             if (monthDelta) {
-                                var monthOffset = module.get.monthOffset() - monthDelta;
+                                let monthOffset = module.get.monthOffset() - monthDelta;
                                 module.set.monthOffset(monthOffset, false);
                             }
                         }
-                        var changed = module.set.dataKeyValue(metadata.focusDate, date, !!date && refreshCalendar);
+                        let changed = module.set.dataKeyValue(metadata.focusDate, date, !!date && refreshCalendar);
                         updateFocus = (updateFocus !== false && changed && refreshCalendar === false) || focusDateUsedForRange != updateRange;
                         focusDateUsedForRange = updateRange;
                         if (updateFocus) {
@@ -993,7 +974,7 @@
                         }
                     },
                     monthOffset: function (monthOffset, refreshCalendar) {
-                        var multiMonth = Math.max(settings.multiMonth, 1);
+                        let multiMonth = Math.max(settings.multiMonth, 1);
                         monthOffset = Math.max(1 - multiMonth, Math.min(0, monthOffset));
                         module.set.dataKeyValue(metadata.monthOffset, monthOffset, refreshCalendar);
                     },
@@ -1001,8 +982,8 @@
                         module.set.dataKeyValue(metadata.mode, mode, refreshCalendar);
                     },
                     dataKeyValue: function (key, value, refreshCalendar) {
-                        var oldValue = $module.data(key);
-                        var equal = oldValue === value || (oldValue <= value && oldValue >= value); // equality test for dates and string objects
+                        let oldValue = $module.data(key);
+                        let equal = oldValue === value || (oldValue <= value && oldValue >= value); // equality test for dates and string objects
                         if (value) {
                             $module.data(key, value);
                         } else {
@@ -1019,20 +1000,20 @@
 
                 selectDate: function (date, forceSet) {
                     module.verbose('New date selection', date);
-                    var mode = module.get.mode();
-                    var complete = forceSet || mode === 'minute'
+                    let mode = module.get.mode();
+                    let complete = forceSet || mode === 'minute'
                         || (settings.disableMinute && mode === 'hour')
                         || (settings.type === 'date' && mode === 'day')
                         || (settings.type === 'month' && mode === 'month')
                         || (settings.type === 'year' && mode === 'year');
                     if (complete) {
-                        var canceled = module.set.date(date) === false;
+                        let canceled = module.set.date(date) === false;
                         if (!canceled) {
                             selectionComplete = true;
                             if (settings.closable) {
                                 module.popup('hide');
                                 // if this is a range calendar, focus the container or input. This will open the popup from its event listeners.
-                                var endModule = module.get.calendarModule(settings.endCalendar);
+                                let endModule = module.get.calendarModule(settings.endCalendar);
                                 if (endModule) {
                                     endModule.refresh();
                                     if (endModule.setting('on') !== 'focus') {
@@ -1043,7 +1024,7 @@
                             }
                         }
                     } else {
-                        var newMode = mode === 'year'
+                        let newMode = mode === 'year'
                             ? (!settings.disableMonth ? 'month' : 'day')
                             : (mode === 'month'
                                 ? 'day'
@@ -1094,46 +1075,44 @@
                             return format.call(module, date, settings);
                         }
 
-                        var
-                            D = date.getDate(),
-                            M = date.getMonth(),
-                            Y = date.getFullYear(),
-                            d = date.getDay(),
-                            H = date.getHours(),
-                            m = date.getMinutes(),
-                            s = date.getSeconds(),
-                            w = module.get.weekOfYear(Y, M, D + 1 - settings.firstDayOfWeek),
-                            h = H % 12 || 12,
-                            a = H < 12 ? settings.text.am.toLowerCase() : settings.text.pm.toLowerCase(),
-                            tokens = {
-                                D: D,
-                                DD: ('0' + D).slice(-2),
-                                M: M + 1,
-                                MM: ('0' + (M + 1)).slice(-2),
-                                MMM: settings.text.monthsShort[M],
-                                MMMM: settings.text.months[M],
-                                Y: Y,
-                                YY: String(Y).slice(2),
-                                YYYY: Y,
-                                d: d,
-                                dd: settings.text.dayNamesShort[d].slice(0, 2),
-                                ddd: settings.text.dayNamesShort[d],
-                                dddd: settings.text.dayNames[d],
-                                h: h,
-                                hh: ('0' + h).slice(-2),
-                                H: H,
-                                HH: ('0' + H).slice(-2),
-                                m: m,
-                                mm: ('0' + m).slice(-2),
-                                s: s,
-                                ss: ('0' + s).slice(-2),
-                                a: a,
-                                A: a.toUpperCase(),
-                                S: ['th', 'st', 'nd', 'rd'][(D % 10) > 3 ? 0 : ((D % 100) - (D % 10) === 10 ? 0 : D % 10)],
-                                w: w,
-                                ww: ('0' + w).slice(-2),
-                            }
-                        ;
+                        let D = date.getDate();
+                        let M = date.getMonth();
+                        let Y = date.getFullYear();
+                        let d = date.getDay();
+                        let H = date.getHours();
+                        let m = date.getMinutes();
+                        let s = date.getSeconds();
+                        let w = module.get.weekOfYear(Y, M, D + 1 - settings.firstDayOfWeek);
+                        let h = H % 12 || 12;
+                        let a = H < 12 ? settings.text.am.toLowerCase() : settings.text.pm.toLowerCase();
+                        let tokens = {
+                            D: D,
+                            DD: ('0' + D).slice(-2),
+                            M: M + 1,
+                            MM: ('0' + (M + 1)).slice(-2),
+                            MMM: settings.text.monthsShort[M],
+                            MMMM: settings.text.months[M],
+                            Y: Y,
+                            YY: String(Y).slice(2),
+                            YYYY: Y,
+                            d: d,
+                            dd: settings.text.dayNamesShort[d].slice(0, 2),
+                            ddd: settings.text.dayNamesShort[d],
+                            dddd: settings.text.dayNames[d],
+                            h: h,
+                            hh: ('0' + h).slice(-2),
+                            H: H,
+                            HH: ('0' + H).slice(-2),
+                            m: m,
+                            mm: ('0' + m).slice(-2),
+                            s: s,
+                            ss: ('0' + s).slice(-2),
+                            a: a,
+                            A: a.toUpperCase(),
+                            S: ['th', 'st', 'nd', 'rd'][(D % 10) > 3 ? 0 : ((D % 100) - (D % 10) === 10 ? 0 : D % 10)],
+                            w: w,
+                            ww: ('0' + w).slice(-2),
+                        };
 
                         return format.replace(settings.regExp.token, function (match) {
                             if (match in tokens) {
@@ -1159,7 +1138,7 @@
                     },
                     isDisabled: function (date, mode) {
                         return (mode === 'day' || mode === 'month' || mode === 'year' || mode === 'hour') && (((mode === 'day' && settings.disabledDaysOfWeek.indexOf(date.getDay()) !== -1) || settings.disabledDates.some(function (d) {
-                            var blocked = false;
+                            let blocked = false;
 
                             if (typeof d === 'string') {
                                 d = module.helper.sanitiseDate(d);
@@ -1179,7 +1158,7 @@
                                     } else if (Array.isArray(d[metadata.month])) {
                                         blocked = d[metadata.month].indexOf(date.getMonth()) > -1;
                                     } else if (d[metadata.month] instanceof Date) {
-                                        var sdate = module.helper.sanitiseDate(d[metadata.month]);
+                                        let sdate = module.helper.sanitiseDate(d[metadata.month]);
 
                                         blocked = (date.getMonth() === sdate.getMonth()) && (date.getFullYear() === sdate.getFullYear());
                                     }
@@ -1196,7 +1175,7 @@
 
                             return blocked;
                         })) || (mode === 'hour' && settings.disabledHours.some(function (d) {
-                            var blocked = false;
+                            let blocked = false;
 
                             if (typeof d === 'string') {
                                 d = module.helper.sanitiseDate(d);
@@ -1239,7 +1218,7 @@
                     isEnabled: function (date, mode) {
                         if (mode === 'day') {
                             return settings.enabledDates.length === 0 || settings.enabledDates.some(function (d) {
-                                var enabled = false;
+                                let enabled = false;
 
                                 if (typeof d === 'string') {
                                     d = module.helper.sanitiseDate(d);
@@ -1258,14 +1237,14 @@
                     },
                     findDayAsObject: function (date, mode, dates) {
                         if (mode === 'day' || mode === 'month' || mode === 'year') {
-                            var d;
-                            for (var i = 0; i < dates.length; i++) {
+                            let d;
+                            for (let i = 0; i < dates.length; i++) {
                                 d = dates[i];
                                 if (typeof d === 'string') {
                                     d = module.helper.sanitiseDate(d);
                                 }
                                 if (d instanceof Date && module.helper.dateEqual(date, d, mode)) {
-                                    var dateObject = {};
+                                    let dateObject = {};
                                     dateObject[metadata.date] = d;
 
                                     return dateObject;
@@ -1289,7 +1268,7 @@
                                                 return d;
                                             }
                                         } else if (d[metadata.month] instanceof Date) {
-                                            var sdate = module.helper.sanitiseDate(d[metadata.month]);
+                                            let sdate = module.helper.sanitiseDate(d[metadata.month]);
                                             if ((date.getMonth() === sdate.getMonth()) && (date.getFullYear() === sdate.getFullYear())) {
                                                 return d;
                                             }
@@ -1314,8 +1293,8 @@
                     },
                     findHourAsObject: function (date, mode, hours) {
                         if (mode === 'hour') {
-                            var d;
-                            var hourCheck = function (date, d) {
+                            let d;
+                            let hourCheck = function (date, d) {
                                 if (d[metadata.hours]) {
                                     if (typeof d[metadata.hours] === 'number' && date.getHours() === d[metadata.hours]) {
                                         return d;
@@ -1327,7 +1306,7 @@
                                     }
                                 }
                             };
-                            for (var i = 0; i < hours.length; i++) {
+                            for (let i = 0; i < hours.length; i++) {
                                 d = hours[i];
                                 if (typeof d === 'number' && date.getHours() === d) {
                                     return null;
@@ -1377,11 +1356,11 @@
                             mode = 'day';
                         }
 
-                        var isTimeOnly = settings.type === 'time';
-                        var isYear = mode === 'year';
-                        var isYearOrMonth = isYear || mode === 'month';
-                        var isMinute = mode === 'minute';
-                        var isHourOrMinute = isMinute || mode === 'hour';
+                        let isTimeOnly = settings.type === 'time';
+                        let isYear = mode === 'year';
+                        let isYearOrMonth = isYear || mode === 'month';
+                        let isMinute = mode === 'minute';
+                        let isHourOrMinute = isMinute || mode === 'hour';
                         // only care about a minute accuracy of settings.minTimeGap
                         date1 = new Date(
                             isTimeOnly ? 2000 : date1.getFullYear(),
@@ -1405,7 +1384,7 @@
                     },
                     isDateInRange: function (date, mode, minDate, maxDate) {
                         if (!minDate && !maxDate) {
-                            var startDate = module.get.startDate();
+                            let startDate = module.get.startDate();
                             minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate;
                             maxDate = settings.maxDate;
                         }
@@ -1417,12 +1396,12 @@
                     },
                     dateInRange: function (date, minDate, maxDate) {
                         if (!minDate && !maxDate) {
-                            var startDate = module.get.startDate();
+                            let startDate = module.get.startDate();
                             minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate;
                             maxDate = settings.maxDate;
                         }
                         minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap));
-                        var isTimeOnly = settings.type === 'time';
+                        let isTimeOnly = settings.type === 'time';
 
                         return !date
                             ? date
@@ -1493,11 +1472,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -1516,10 +1493,8 @@
                         }, 500);
                     },
                     display: function () {
-                        var
-                            title = settings.name + ':',
-                            totalTime = 0
-                        ;
+                        let title = settings.name + ':';
+                        let totalTime = 0;
                         time = false;
                         clearTimeout(module.performance.timer);
                         $.each(performance, function (index, data) {
@@ -1541,22 +1516,19 @@
                     },
                 },
                 invoke: function (query, passedArguments, context) {
-                    var
-                        object = instance,
-                        maxDepth,
-                        found,
-                        response
-                    ;
+                    let object = instance;
+                    let maxDepth;
+                    let found;
+                    let response;
                     passedArguments = passedArguments || queryArguments;
                     context = context || element;
                     if (typeof query === 'string' && object !== undefined) {
                         query = query.split(/[ .]/);
                         maxDepth = query.length - 1;
                         $.each(query, function (depth, value) {
-                            var camelCaseValue = depth !== maxDepth
+                            let camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
-                                : query
-                            ;
+                                : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
                                 object = object[camelCaseValue];
                             } else if (object[camelCaseValue] !== undefined) {
@@ -1678,7 +1650,7 @@
 
         formatter: {
             yearHeader: function (date, settings) {
-                var decadeYear = Math.ceil(date.getFullYear() / 10) * 10;
+                let decadeYear = Math.ceil(date.getFullYear() / 10) * 10;
 
                 return (decadeYear - 9) + ' - ' + (decadeYear + 2);
             },
@@ -1719,42 +1691,34 @@
                 }
                 // Reverse date and month in some cases
                 text = settings.monthFirst || !/^\d{1,2}[./-]/.test(text) ? text : text.replace(/[./-]/g, '/').replace(/(\d+)\/(\d+)/, '$2/$1');
-                var textDate = new Date(text);
-                var numberOnly = text.match(/^\d+$/) !== null;
-                var isShortYear = text.match(/^(?:\d{1,2}[./-]){2}\d{1,2}$/) !== null;
+                let textDate = new Date(text);
+                let numberOnly = text.match(/^\d+$/) !== null;
+                let isShortYear = text.match(/^(?:\d{1,2}[./-]){2}\d{1,2}$/) !== null;
                 if (!isShortYear && !numberOnly && !isNaN(textDate.getDate())) {
                     return textDate;
                 }
                 text = text.toLowerCase();
 
-                var
-                    i,
-                    j,
-                    k
-                ;
-                var
-                    minute = -1,
-                    hour = -1,
-                    day = -1,
-                    month = -1,
-                    year = -1
-                ;
-                var isAm;
-
-                var isTimeOnly = settings.type === 'time';
-                var isDateOnly = settings.type.indexOf('time') < 0;
-
-                var
-                    words = text.split(settings.regExp.dateWords),
-                    word
-                ;
-                var
-                    numbers = text.split(settings.regExp.dateNumbers),
-                    number
-                ;
-
-                var parts;
-                var monthString;
+                let i;
+                let j;
+                let k;
+                let minute = -1;
+                let hour = -1;
+                let day = -1;
+                let month = -1;
+                let year = -1;
+                let isAm;
+
+                let isTimeOnly = settings.type === 'time';
+                let isDateOnly = settings.type.indexOf('time') < 0;
+
+                let words = text.split(settings.regExp.dateWords);
+                let word;
+                let numbers = text.split(settings.regExp.dateNumbers);
+                let number;
+
+                let parts;
+                let monthString;
 
                 if (!isDateOnly) {
                     // am/pm
@@ -1938,7 +1902,7 @@
                     }
                 }
 
-                var date = new Date(year, month - 1, day, hour, minute);
+                let date = new Date(year, month - 1, day, hour, minute);
                 if (date.getMonth() !== month - 1 || date.getFullYear() !== year) {
                     // month or year don't match up, switch to the last day of the month
                     date = new Date(year, month, 0, hour, minute);