decidim-core 0.27.9 → 0.28.0.rc4

data/app/packs/src/decidim/vendor/foundation-datepicker.js

@@ -1,1431 +0,0 @@
-/* eslint-disable */
-
-/* =========================================================
- * foundation-datepicker.js
- * Copyright 2015 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
- * project website http://foundation-datepicker.peterbeno.com
- * ========================================================= */
-
-// This file is a modified version of the original file
-// See
-//  - https://github.com/decidim/decidim/pull/1207
-//  - https://github.com/decidim/decidim/pull/2512
-//  - https://github.com/decidim/decidim/pull/3515
-
-!(function($) {
-
-  function UTCDate() {
-    return new Date(Date.UTC(...arguments));
-  }
-
-  function UTCToday() {
-    let today = new Date();
-    return UTCDate(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate());
-  }
-
-  let Datepicker = function(element, options) {
-    let that = this;
-
-    this.element = $(element);
-    this.autoShow = (options.autoShow == undefined ? true : options.autoShow);
-    this.appendTo = options.appendTo || "body";
-    this.closeButton = options.closeButton;
-    this.language = options.language || this.element.data("date-language") || "en";
-    this.language = this.language in dates ? this.language : this.language.split("-")[0]; // Check if "de-DE" style date is available, if not language should fallback to 2 letter code eg "de"
-    this.language = this.language in dates ? this.language : "en";
-    this.isRTL = dates[this.language].rtl || false;
-    this.format = DPGlobal.parseFormat(options.format || this.element.data("date-format") || dates[this.language].format || "mm/dd/yyyy");
-    this.formatText = options.format || this.element.data("date-format") || dates[this.language].format || "mm/dd/yyyy";
-    this.isInline = false;
-    this.isInput = this.element.is("input");
-    this.component = this.element.is(".date") ? this.element.find(".prefix, .postfix") : false;
-    this.hasInput = this.component && this.element.find("input").length;
-    this.disableDblClickSelection = options.disableDblClickSelection;
-    this.onRender = options.onRender || function() {};
-    if (this.component && this.component.length === 0) {
-      this.component = false;
-    }
-    this.linkField = options.linkField || this.element.data("link-field") || false;
-    this.linkFormat = DPGlobal.parseFormat(options.linkFormat || this.element.data("link-format") || "yyyy-mm-dd hh:ii:ss");
-    this.minuteStep = options.minuteStep || this.element.data("minute-step") || 5;
-    this.pickerPosition = options.pickerPosition || this.element.data("picker-position") || "bottom-right";
-    this.initialDate = options.initialDate || null;
-    this.faCSSprefix = options.faCSSprefix || "fa";
-    this.leftArrow = options.leftArrow || `<i class="${this.faCSSprefix} ${this.faCSSprefix}-chevron-left fi-arrow-left"/>`;
-    this.rightArrow = options.rightArrow || `<i class="${this.faCSSprefix} ${this.faCSSprefix}-chevron-right fi-arrow-right"/>`;
-    this.closeIcon = options.closeIcon || `<i class="${this.faCSSprefix} ${this.faCSSprefix}-remove ${this.faCSSprefix}-times fi-x"></i>`;
-
-
-    this.minView = 0;
-    if ("minView" in options) {
-      this.minView = options.minView;
-    } else if ("minView" in this.element.data()) {
-      this.minView = this.element.data("min-view");
-    }
-    this.minView = DPGlobal.convertViewMode(this.minView);
-
-    this.maxView = DPGlobal.modes.length - 1;
-    if ("maxView" in options) {
-      this.maxView = options.maxView;
-    } else if ("maxView" in this.element.data()) {
-      this.maxView = this.element.data("max-view");
-    }
-    this.maxView = DPGlobal.convertViewMode(this.maxView);
-
-    this.startViewMode = "month";
-    if ("startView" in options) {
-      this.startViewMode = options.startView;
-    } else if ("startView" in this.element.data()) {
-      this.startViewMode = this.element.data("start-view");
-    }
-    this.startViewMode = DPGlobal.convertViewMode(this.startViewMode);
-    this.viewMode = this.startViewMode;
-
-    if (!("minView" in options) && !("maxView" in options) && !(this.element.data("min-view")) && !(this.element.data("max-view"))) {
-      this.pickTime = false;
-      if ("pickTime" in options) {
-        this.pickTime = options.pickTime;
-      }
-      if (this.pickTime == true) {
-        this.minView = 0;
-        this.maxView = 4;
-      } else {
-        this.minView = 2;
-        this.maxView = 4;
-      }
-    }
-
-    this.forceParse = true;
-    if ("forceParse" in options) {
-      this.forceParse = options.forceParse;
-    } else if ("dateForceParse" in this.element.data()) {
-      this.forceParse = this.element.data("date-force-parse");
-    }
-
-
-    this.picker = $(DPGlobal.template(this.leftArrow, this.rightArrow, this.closeIcon)).
-      appendTo(this.isInline ? this.element : this.appendTo).
-      on({
-        click: $.proxy(this.click, this),
-        mousedown: $.proxy(this.mousedown, this)
-      });
-    if (this.closeButton) {
-      this.picker.find("a.datepicker-close").show();
-    } else {
-      this.picker.find("a.datepicker-close").hide();
-    }
-
-    if (this.isInline) {
-      this.picker.addClass("datepicker-inline");
-    } else {
-      this.picker.addClass("datepicker-dropdown dropdown-menu");
-    }
-    if (this.isRTL) {
-      this.picker.addClass("datepicker-rtl");
-
-      this.picker.find(".date-switch").each(function() {
-        $(this).parent().prepend($(this).siblings(".next"));
-        $(this).parent().append($(this).siblings(".prev"));
-      })
-      this.picker.find(".prev, .next").toggleClass("prev next");
-
-    }
-    $(document).on("mousedown", function(e) {
-      if (that.isInput && e.target === that.element[0]) {
-        return;
-      }
-
-      // Clicked outside the datepicker, hide it
-      if ($(e.target).closest(".datepicker.datepicker-inline, .datepicker.datepicker-dropdown").length === 0) {
-        that.hide();
-      }
-    });
-
-    this.autoclose = true;
-    if ("autoclose" in options) {
-      this.autoclose = options.autoclose;
-    } else if ("dateAutoclose" in this.element.data()) {
-      this.autoclose = this.element.data("date-autoclose");
-    }
-
-    this.keyboardNavigation = true;
-    if ("keyboardNavigation" in options) {
-      this.keyboardNavigation = options.keyboardNavigation;
-    } else if ("dateKeyboardNavigation" in this.element.data()) {
-      this.keyboardNavigation = this.element.data("date-keyboard-navigation");
-    }
-
-    this.todayBtn = (options.todayBtn || this.element.data("date-today-btn") || false);
-    this.todayHighlight = (options.todayHighlight || this.element.data("date-today-highlight") || false);
-
-    this.calendarWeeks = false;
-    if ("calendarWeeks" in options) {
-      this.calendarWeeks = options.calendarWeeks;
-    } else if ("dateCalendarWeeks" in this.element.data()) {
-      this.calendarWeeks = this.element.data("date-calendar-weeks");
-    }
-    if (this.calendarWeeks)
-    {this.picker.find("tfoot th.today").
-      attr("colspan", function(i, val) {
-        return parseInt(val) + 1;
-      });}
-
-    this.weekStart = ((options.weekStart || this.element.data("date-weekstart") || dates[this.language].weekStart || 0) % 7);
-    this.weekEnd = ((this.weekStart + 6) % 7);
-    this.startDate = -Infinity;
-    this.endDate = Infinity;
-    this.daysOfWeekDisabled = [];
-    this.datesDisabled = [];
-    this.setStartDate(options.startDate || this.element.data("date-startdate"));
-    this.setEndDate(options.endDate || this.element.data("date-enddate"));
-    this.setDaysOfWeekDisabled(options.daysOfWeekDisabled || this.element.data("date-days-of-week-disabled"));
-    this.setDatesDisabled(options.datesDisabled || this.element.data("dates-disabled"));
-
-    if (this.initialDate != null) {
-      this.date = this.viewDate = DPGlobal.parseDate(this.initialDate, this.format, this.language);
-      this.setValue();
-    }
-
-    this.fillDow();
-    this.fillMonths();
-    this.update();
-
-    this.showMode();
-
-    if (this.isInline) {
-      this.show();
-    }
-
-    this._attachEvents();
-  };
-
-  Datepicker.prototype = {
-    constructor: Datepicker,
-
-    _events: [],
-    _attachEvents: function() {
-      this._detachEvents();
-      if (this.isInput) { // single input
-        if (!this.keyboardNavigation) {
-          this._events = [
-            [this.element, {
-              focus: (this.autoShow) ? $.proxy(this.show, this) : function() {}
-            }]
-          ];
-        } else {
-          this._events = [
-            [this.element, {
-              focus: (this.autoShow) ? $.proxy(this.show, this) : function() {},
-              keyup: $.proxy(this.update, this),
-              keydown: $.proxy(this.keydown, this),
-              click: (this.element.attr("readonly")) ? $.proxy(this.show, this) : function() {}
-            }]
-          ];
-        }
-      }
-      else if (this.component && this.hasInput) { // component: input + button
-        this._events = [
-          // For components that are not readonly, allow keyboard nav
-          [this.element.find("input"), {
-            focus: (this.autoShow) ? $.proxy(this.show, this) : function() {},
-            keyup: $.proxy(this.update, this),
-            keydown: $.proxy(this.keydown, this)
-          }],
-          [this.component, {
-            click: $.proxy(this.show, this)
-          }]
-        ];
-      } else if (this.element.is("div")) { // inline datepicker
-        this.isInline = true;
-      } else {
-        this._events = [
-          [this.element, {
-            click: $.proxy(this.show, this)
-          }]
-        ];
-      }
-
-      if (this.disableDblClickSelection) {
-        this._events[this._events.length] = [
-          this.element, {
-            dblclick: function(e) {
-              e.preventDefault();
-              e.stopPropagation();
-              $(this).blur()
-            }
-          }
-        ];
-      }
-
-      for (var el, ev, i = 0; i < this._events.length; i++) {
-        el = this._events[i][0];
-        ev = this._events[i][1];
-        el.on(ev);
-      }
-    },
-    _detachEvents: function() {
-      for (var el, ev, i = 0; i < this._events.length; i++) {
-        el = this._events[i][0];
-        ev = this._events[i][1];
-        el.off(ev);
-      }
-      this._events = [];
-    },
-
-    show: function(e) {
-      this.picker.show();
-      this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
-      this.update();
-      this.place();
-      $(window).on("resize", $.proxy(this.place, this));
-      if (e) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-      this.element.trigger({
-        type: "show",
-        date: this.date
-      });
-    },
-
-    hide: function(e) {
-      if (this.isInline) {return;}
-      if (!this.picker.is(":visible")) {return;}
-      this.picker.hide();
-      $(window).off("resize", this.place);
-      this.viewMode = this.startViewMode;
-      this.showMode();
-      if (!this.isInput) {
-        $(document).off("mousedown", this.hide);
-      }
-
-      if (
-        this.forceParse &&
-                (
-                  this.isInput && this.element.val() ||
-                    this.hasInput && this.element.find("input").val()
-                )
-      )
-      {this.setValue();}
-      this.element.trigger({
-        type: "hide",
-        date: this.date
-      });
-    },
-
-    remove: function() {
-      this._detachEvents();
-      this.picker.remove();
-      delete this.element.data().datepicker;
-    },
-
-    getDate: function() {
-      let d = this.getUTCDate();
-      return new Date(d.getTime() + (d.getTimezoneOffset() * 60000));
-    },
-
-    getUTCDate: function() {
-      return this.date;
-    },
-
-    setDate: function(d) {
-      this.setUTCDate(new Date(d.getTime() - (d.getTimezoneOffset() * 60000)));
-    },
-
-    setUTCDate: function(d) {
-      this.date = d;
-      this.setValue();
-    },
-
-    setValue: function() {
-      let formatted = this.getFormattedDate();
-      if (!this.isInput) {
-        if (this.component) {
-          this.element.find("input").val(formatted);
-        }
-        this.element.data("date", formatted);
-      } else {
-        this.element.val(formatted);
-      }
-    },
-
-    getFormattedDate: function(format) {
-      if (format === undefined)
-      {format = this.format;}
-      return DPGlobal.formatDate(this.date, format, this.language);
-    },
-
-    setStartDate: function(startDate) {
-      this.startDate = startDate || -Infinity;
-      if (this.startDate !== -Infinity) {
-        this.startDate = DPGlobal.parseDate(this.startDate, this.format, this.language);
-      }
-      this.update();
-      this.updateNavArrows();
-    },
-
-    setEndDate: function(endDate) {
-      this.endDate = endDate || Infinity;
-      if (this.endDate !== Infinity) {
-        this.endDate = DPGlobal.parseDate(this.endDate, this.format, this.language);
-      }
-      this.update();
-      this.updateNavArrows();
-    },
-
-    setDaysOfWeekDisabled: function(daysOfWeekDisabled) {
-      this.daysOfWeekDisabled = daysOfWeekDisabled || [];
-      if (!$.isArray(this.daysOfWeekDisabled)) {
-        this.daysOfWeekDisabled = this.daysOfWeekDisabled.split(/,\s*/);
-      }
-      this.daysOfWeekDisabled = $.map(this.daysOfWeekDisabled, function(d) {
-        return parseInt(d, 10);
-      });
-      this.update();
-      this.updateNavArrows();
-    },
-
-    setDatesDisabled: function(datesDisabled) {
-      this.datesDisabled = datesDisabled || [];
-      if (!$.isArray(this.datesDisabled)) {
-        this.datesDisabled = this.datesDisabled.split(/,\s*/);
-      }
-      this.datesDisabled = $.map(this.datesDisabled, function(d) {
-        return DPGlobal.parseDate(d, this.format, this.language).valueOf();
-      });
-      this.update();
-      this.updateNavArrows();
-    },
-
-    place: function() {
-      if (this.isInline) {return;}
-      let zIndexes = [];
-      this.element.parents().map(function() {
-        if ($(this).css("z-index") != "auto") {
-          zIndexes.push(parseInt($(this).css("z-index")));
-        }
-      });
-      let zIndex = zIndexes.sort(function(a, b) { return a - b; }).pop() + 10;
-      let textbox = this.component ? this.component : this.element;
-      let offset = textbox.offset();
-      let height = textbox.outerHeight() + parseInt(textbox.css("margin-top"));
-      let width = textbox.outerWidth() + parseInt(textbox.css("margin-left"));
-      let fullOffsetTop = offset.top + height;
-      let offsetLeft = offset.left;
-      this.picker.removeClass("datepicker-top datepicker-bottom");
-      // can we show it on top?
-      let canShowTop = ($(window).scrollTop() < offset.top - this.picker.outerHeight());
-      let canShowBottom = (fullOffsetTop + this.picker.outerHeight()) < $(window).scrollTop() + $(window).height();
-      // If the datepicker is going to be below the window, show it on top of the input if it fits
-      if (!canShowBottom && canShowTop) {
-        fullOffsetTop = offset.top - this.picker.outerHeight();
-        this.picker.addClass("datepicker-top");
-      }
-      else {
-        // Scroll up if we cannot show it on bottom or top (for mobile devices)
-        if (!canShowBottom) {$(window).scrollTop(offset.top);}
-        this.picker.addClass("datepicker-bottom");
-      }
-
-      // if the datepicker is going to go past the right side of the window, we want
-      // to set the right position so the datepicker lines up with the textbox
-      if (offset.left + this.picker.width() >= $(window).width()) {
-        offsetLeft = (offset.left + width) - this.picker.width();
-      }
-      this.picker.css({
-        top: fullOffsetTop,
-        left: offsetLeft,
-        zIndex: zIndex
-      });
-    },
-
-    update: function() {
-      let date,
-          fromArgs = false;
-      let currentVal = this.isInput ? this.element.val() : this.element.data("date") || this.element.find("input").val();
-      if (arguments && arguments.length && (typeof arguments[0] === "string" || arguments[0] instanceof Date)) {
-        date = arguments[0];
-        fromArgs = true;
-      }
-      else {
-        date = this.isInput ? this.element.val() : this.element.data("date") || this.element.find("input").val();
-      }
-
-      this.date = DPGlobal.parseDate(date, this.format, this.language);
-
-      if (fromArgs) {
-        this.setValue();
-      } else if (currentVal == "") {
-        this.element.trigger({
-          type: "changeDate",
-          date: null
-        });
-      }
-
-      if (this.date < this.startDate) {
-        this.viewDate = new Date(this.startDate.valueOf());
-      } else if (this.date > this.endDate) {
-        this.viewDate = new Date(this.endDate.valueOf());
-      } else {
-        this.viewDate = new Date(this.date.valueOf());
-      }
-      this.fill();
-    },
-
-    fillDow: function() {
-      let dowCnt = this.weekStart,
-          html = "<tr>";
-      if (this.calendarWeeks) {
-        let cell = '<th class="cw">&nbsp;</th>';
-        html += cell;
-        this.picker.find(".datepicker-days thead tr:first-child").prepend(cell);
-      }
-      while (dowCnt < this.weekStart + 7) {
-        html += `<th class="dow">${dates[this.language].daysMin[(dowCnt++) % 7]}</th>`;
-      }
-      html += "</tr>";
-      this.picker.find(".datepicker-days thead").append(html);
-    },
-
-    fillMonths: function() {
-      let html = "",
-          i = 0;
-      while (i < 12) {
-        html += `<span class="month">${dates[this.language].monthsShort[i++]}</span>`;
-      }
-      this.picker.find(".datepicker-months td").html(html);
-    },
-
-    fill: function() {
-      if (this.date == null || this.viewDate == null) {
-        return;
-      }
-
-      let d = new Date(this.viewDate.valueOf()),
-          year = d.getUTCFullYear(),
-          month = d.getUTCMonth(),
-          dayMonth = d.getUTCDate(),
-          hours = d.getUTCHours(),
-          minutes = d.getUTCMinutes(),
-          startYear = this.startDate !== -Infinity ? this.startDate.getUTCFullYear() : -Infinity,
-          startMonth = this.startDate !== -Infinity ? this.startDate.getUTCMonth() : -Infinity,
-          endYear = this.endDate !== Infinity ? this.endDate.getUTCFullYear() : Infinity,
-          endMonth = this.endDate !== Infinity ? this.endDate.getUTCMonth() : Infinity,
-          currentDate = this.date && UTCDate(this.date.getUTCFullYear(), this.date.getUTCMonth(), this.date.getUTCDate()).valueOf(),
-          today = new Date(),
-          titleFormat = dates[this.language].titleFormat || dates.en.titleFormat;
-      // this.picker.find('.datepicker-days thead th.date-switch')
-      //          .text(DPGlobal.formatDate(new UTCDate(year, month), titleFormat, this.language));
-
-      this.picker.find(".datepicker-days thead th:eq(1)").
-        text(`${dates[this.language].months[month]} ${year}`);
-      this.picker.find(".datepicker-hours thead th:eq(1)").
-        text(`${dayMonth} ${dates[this.language].months[month]} ${year}`);
-      this.picker.find(".datepicker-minutes thead th:eq(1)").
-        text(`${dayMonth} ${dates[this.language].months[month]} ${year}`);
-
-
-      this.picker.find("tfoot th.today").
-        text(dates[this.language].today).
-        toggle(this.todayBtn !== false);
-      this.updateNavArrows();
-      this.fillMonths();
-      let prevMonth = UTCDate(year, month - 1, 28, 0, 0, 0, 0),
-          day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth());
-      prevMonth.setUTCDate(day);
-      prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.weekStart + 7) % 7);
-      let nextMonth = new Date(prevMonth.valueOf());
-      nextMonth.setUTCDate(nextMonth.getUTCDate() + 42);
-      nextMonth = nextMonth.valueOf();
-      let html = [];
-      let clsName;
-      while (prevMonth.valueOf() < nextMonth) {
-        if (prevMonth.getUTCDay() == this.weekStart) {
-          html.push("<tr>");
-          if (this.calendarWeeks) {
-            // adapted from https://github.com/timrwood/moment/blob/master/moment.js#L128
-            let a = new Date(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth(), prevMonth.getUTCDate() - prevMonth.getDay() + 10 - (this.weekStart && this.weekStart % 7 < 5 && 7)),
-                b = new Date(a.getFullYear(), 0, 4),
-                calWeek = ~~((a - b) / 864e5 / 7 + 1.5);
-            html.push(`<td class="cw">${calWeek}</td>`);
-          }
-        }
-        clsName = ` ${this.onRender(prevMonth)} `;
-        if (prevMonth.getUTCFullYear() < year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() < month)) {
-          clsName += " old";
-        } else if (prevMonth.getUTCFullYear() > year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() > month)) {
-          clsName += " new";
-        }
-        // Compare internal UTC date with local today, not UTC today
-        if (this.todayHighlight &&
-                    prevMonth.getUTCFullYear() == today.getFullYear() &&
-                    prevMonth.getUTCMonth() == today.getMonth() &&
-                    prevMonth.getUTCDate() == today.getDate()) {
-          clsName += " today";
-        }
-        if (currentDate && prevMonth.valueOf() == currentDate) {
-          clsName += " active";
-        }
-        if (prevMonth.valueOf() < this.startDate || prevMonth.valueOf() > this.endDate ||
-                    $.inArray(prevMonth.getUTCDay(), this.daysOfWeekDisabled) !== -1 ||
-                    $.inArray(prevMonth.valueOf(), this.datesDisabled) !== -1) {
-          clsName += " disabled";
-        }
-        html.push(`<td class="day${clsName}">${prevMonth.getUTCDate()}</td>`);
-        if (prevMonth.getUTCDay() == this.weekEnd) {
-          html.push("</tr>");
-        }
-        prevMonth.setUTCDate(prevMonth.getUTCDate() + 1);
-      }
-      this.picker.find(".datepicker-days tbody").empty().append(html.join(""));
-
-      html = [];
-      for (var i = 0; i < 24; i++) {
-        var actual = UTCDate(year, month, dayMonth, i);
-        clsName = "";
-        // We want the previous hour for the startDate
-        if ((actual.valueOf() + 3600000) < this.startDate || actual.valueOf() > this.endDate) {
-          clsName += " disabled";
-        } else if (hours == i) {
-          clsName += " active";
-        }
-        html.push(`<span class="hour${clsName}">${i}:00</span>`);
-      }
-      this.picker.find(".datepicker-hours td").html(html.join(""));
-
-      html = [];
-      for (var i = 0; i < 60; i += this.minuteStep) {
-        var actual = UTCDate(year, month, dayMonth, hours, i);
-        clsName = "";
-        if (actual.valueOf() < this.startDate || actual.valueOf() > this.endDate) {
-          clsName += " disabled";
-        } else if (Math.floor(minutes / this.minuteStep) == Math.floor(i / this.minuteStep)) {
-          clsName += " active";
-        }
-        html.push(`<span class="minute${clsName}">${hours}:${i < 10 ? `0${i}` : i}</span>`);
-      }
-      this.picker.find(".datepicker-minutes td").html(html.join(""));
-
-
-      let currentYear = this.date && this.date.getUTCFullYear();
-      let months = this.picker.find(".datepicker-months").
-        find("th:eq(1)").
-        text(year).
-        end().
-        find("span").removeClass("active");
-      if (currentYear && currentYear == year) {
-        months.eq(this.date.getUTCMonth()).addClass("active");
-      }
-      if (year < startYear || year > endYear) {
-        months.addClass("disabled");
-      }
-      if (year == startYear) {
-        months.slice(0, startMonth).addClass("disabled");
-      }
-      if (year == endYear) {
-        months.slice(endMonth + 1).addClass("disabled");
-      }
-
-      html = "";
-      year = parseInt(year / 10, 10) * 10;
-      let yearCont = this.picker.find(".datepicker-years").
-        find("th:eq(1)").
-        text(`${year}-${year + 9}`).
-        end().
-        find("td");
-      year -= 1;
-      for (var i = -1; i < 11; i++) {
-        html += `<span class="year${i == -1 || i == 10 ? " old" : ""}${currentYear == year ? " active" : ""}${year < startYear || year > endYear ? " disabled" : ""}">${year}</span>`;
-        year += 1;
-      }
-      yearCont.html(html);
-    },
-
-    updateNavArrows: function() {
-      let d = new Date(this.viewDate),
-          year = d.getUTCFullYear(),
-          month = d.getUTCMonth(),
-          day = d.getUTCDate(),
-          hour = d.getUTCHours();
-      switch (this.viewMode) {
-      case 0:
-        if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth() && day <= this.startDate.getUTCDate() && hour <= this.startDate.getUTCHours()) {
-          this.picker.find(".prev").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".prev").css({
-            visibility: "visible"
-          });
-        }
-        if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth() && day >= this.endDate.getUTCDate() && hour >= this.endDate.getUTCHours()) {
-          this.picker.find(".next").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".next").css({
-            visibility: "visible"
-          });
-        }
-        break;
-      case 1:
-        if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth() && day <= this.startDate.getUTCDate()) {
-          this.picker.find(".prev").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".prev").css({
-            visibility: "visible"
-          });
-        }
-        if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth() && day >= this.endDate.getUTCDate()) {
-          this.picker.find(".next").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".next").css({
-            visibility: "visible"
-          });
-        }
-        break;
-      case 2:
-        if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth()) {
-          this.picker.find(".prev").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".prev").css({
-            visibility: "visible"
-          });
-        }
-        if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth()) {
-          this.picker.find(".next").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".next").css({
-            visibility: "visible"
-          });
-        }
-        break;
-      case 3:
-      case 4:
-        if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear()) {
-          this.picker.find(".prev").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".prev").css({
-            visibility: "visible"
-          });
-        }
-        if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear()) {
-          this.picker.find(".next").css({
-            visibility: "hidden"
-          });
-        } else {
-          this.picker.find(".next").css({
-            visibility: "visible"
-          });
-        }
-        break;
-      }
-    },
-
-    click: function(e) {
-      e.stopPropagation();
-      e.preventDefault();
-
-      if ($(e.target).hasClass("datepicker-close") || $(e.target).parent().hasClass("datepicker-close")) {
-        this.hide();
-      }
-
-      let target = $(e.target).closest("span, td, th");
-      if (target.length == 1) {
-        if (target.is(".disabled")) {
-          this.element.trigger({
-            type: "outOfRange",
-            date: this.viewDate,
-            startDate: this.startDate,
-            endDate: this.endDate
-          });
-          return;
-        }
-
-        switch (target[0].nodeName.toLowerCase()) {
-        case "th":
-          switch (target[0].className) {
-          case "date-switch":
-            this.showMode(1);
-            break;
-          case "prev":
-          case "next":
-            var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className == "prev" ? -1 : 1);
-            switch (this.viewMode) {
-            case 0:
-              this.viewDate = this.moveHour(this.viewDate, dir);
-              break;
-            case 1:
-              this.viewDate = this.moveDate(this.viewDate, dir);
-              break;
-            case 2:
-              this.viewDate = this.moveMonth(this.viewDate, dir);
-              break;
-            case 3:
-            case 4:
-              this.viewDate = this.moveYear(this.viewDate, dir);
-              break;
-            }
-            this.fill();
-            break;
-          case "today":
-            var date = new Date();
-            date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
-
-            this.viewMode = this.startViewMode;
-            this.showMode(0);
-            this._setDate(date);
-            break;
-          }
-          break;
-        case "span":
-          if (!target.is(".disabled")) {
-            if (target.is(".month")) {
-              if (this.minView === 3) {
-                var month = target.parent().find("span").index(target) || 0;
-                var year = this.viewDate.getUTCFullYear(),
-                    day = 1,
-                    hours = this.viewDate.getUTCHours(),
-                    minutes = this.viewDate.getUTCMinutes(),
-                    seconds = this.viewDate.getUTCSeconds();
-                this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
-              } else {
-                this.viewDate.setUTCDate(1);
-                var month = target.parent().find("span").index(target);
-                this.viewDate.setUTCMonth(month);
-                this.element.trigger({
-                  type: "changeMonth",
-                  date: this.viewDate
-                });
-              }
-            } else if (target.is(".year")) {
-              if (this.minView === 4) {
-                var year = parseInt(target.text(), 10) || 0;
-                var month = 0,
-                    day = 1,
-                    hours = this.viewDate.getUTCHours(),
-                    minutes = this.viewDate.getUTCMinutes(),
-                    seconds = this.viewDate.getUTCSeconds();
-                this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
-              } else {
-                this.viewDate.setUTCDate(1);
-                var year = parseInt(target.text(), 10) || 0;
-                this.viewDate.setUTCFullYear(year);
-                this.element.trigger({
-                  type: "changeYear",
-                  date: this.viewDate
-                });
-              }
-            } else if (target.is(".hour")) {
-              var hours = parseInt(target.text(), 10) || 0;
-              var year = this.viewDate.getUTCFullYear(),
-                  month = this.viewDate.getUTCMonth(),
-                  day = this.viewDate.getUTCDate(),
-                  minutes = this.viewDate.getUTCMinutes(),
-                  seconds = this.viewDate.getUTCSeconds();
-              this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
-            } else if (target.is(".minute")) {
-              var minutes = parseInt(target.text().substr(target.text().indexOf(":") + 1), 10) || 0;
-              var year = this.viewDate.getUTCFullYear(),
-                  month = this.viewDate.getUTCMonth(),
-                  day = this.viewDate.getUTCDate(),
-                  hours = this.viewDate.getUTCHours(),
-                  seconds = this.viewDate.getUTCSeconds();
-              this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
-            }
-
-
-            if (this.viewMode != 0) {
-
-
-              var oldViewMode = this.viewMode;
-              this.showMode(-1);
-              this.fill();
-              if (oldViewMode == this.viewMode && this.autoclose) {
-                this.hide();
-              }
-            } else {
-              this.fill();
-              if (this.autoclose) {
-                this.hide();
-              }
-            }
-          }
-          break;
-        case "td":
-
-
-          if (target.is(".day") && !target.is(".disabled")) {
-            var day = parseInt(target.text(), 10) || 1;
-            var year = this.viewDate.getUTCFullYear(),
-                month = this.viewDate.getUTCMonth(),
-                hours = this.viewDate.getUTCHours(),
-                minutes = this.viewDate.getUTCMinutes(),
-                seconds = this.viewDate.getUTCSeconds();
-            if (target.is(".old")) {
-              if (month === 0) {
-                month = 11;
-                year -= 1;
-              } else {
-                month -= 1;
-              }
-            } else if (target.is(".new")) {
-              if (month == 11) {
-                month = 0;
-                year += 1;
-              } else {
-                month += 1;
-              }
-            }
-            this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
-          }
-
-
-          var oldViewMode = this.viewMode;
-
-
-          this.showMode(-1);
-
-
-          this.fill();
-          if (oldViewMode == this.viewMode && this.autoclose) {
-            this.hide();
-          }
-          break;
-        }
-      }
-    },
-
-    _setDate: function(date, which) {
-
-      if (!which || which == "date")
-      {this.date = date;}
-      if (!which || which == "view")
-      {this.viewDate = date;}
-      this.fill();
-      this.setValue();
-      this.element.trigger({
-        type: "changeDate",
-        date: this.date
-      });
-      let element;
-      if (this.isInput) {
-        element = this.element;
-      } else if (this.component) {
-        element = this.element.find("input");
-      }
-      if (element) {
-        element.change();
-        if (this.autoclose && (!which || which == "date")) {
-          // this.hide();
-        }
-      }
-    },
-
-    moveHour: function(date, dir) {
-      if (!dir) {return date;}
-      let new_date = new Date(date.valueOf());
-      dir = dir > 0 ? 1 : -1;
-      new_date.setUTCHours(new_date.getUTCHours() + dir);
-      return new_date;
-    },
-
-    moveDate: function(date, dir) {
-      if (!dir) {return date;}
-      let new_date = new Date(date.valueOf());
-      dir = dir > 0 ? 1 : -1;
-      new_date.setUTCDate(new_date.getUTCDate() + dir);
-      return new_date;
-    },
-
-    moveMonth: function(date, dir) {
-      if (!dir) {return date;}
-      let new_date = new Date(date.valueOf()),
-          day = new_date.getUTCDate(),
-          month = new_date.getUTCMonth(),
-          mag = Math.abs(dir),
-          new_month, test;
-      dir = dir > 0 ? 1 : -1;
-      if (mag == 1) {
-        test = dir == -1
-        // If going back one month, make sure month is not current month
-        // (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02)
-          ? function() {
-            return new_date.getUTCMonth() == month;
-          }
-        // If going forward one month, make sure month is as expected
-        // (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02)
-          : function() {
-            return new_date.getUTCMonth() != new_month;
-          };
-        new_month = month + dir;
-        new_date.setUTCMonth(new_month);
-        // Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11
-        if (new_month < 0 || new_month > 11)
-        {new_month = (new_month + 12) % 12;}
-      } else {
-        // For magnitudes >1, move one month at a time...
-        for (let i = 0; i < mag; i++)
-        // ...which might decrease the day (eg, Jan 31 to Feb 28, etc)...
-        {new_date = this.moveMonth(new_date, dir);}
-        // ...then reset the day, keeping it in the new month
-        new_month = new_date.getUTCMonth();
-        new_date.setUTCDate(day);
-        test = function() {
-          return new_month != new_date.getUTCMonth();
-        };
-      }
-      // Common date-resetting loop -- if date is beyond end of month, make it
-      // end of month
-      while (test()) {
-        new_date.setUTCDate(--day);
-        new_date.setUTCMonth(new_month);
-      }
-      return new_date;
-    },
-
-    moveYear: function(date, dir) {
-      return this.moveMonth(date, dir * 12);
-    },
-
-    dateWithinRange: function(date) {
-      return date >= this.startDate && date <= this.endDate;
-    },
-
-    keydown: function(e) {
-      if (!this.keyboardNavigation) {
-        return true;
-      }
-      if (this.picker.is(":not(:visible)")) {
-        if (e.keyCode == 27) // allow escape to hide and re-show picker
-        {this.show();}
-        return;
-      }
-      let dateChanged = false,
-          day, dir, month,
-          newDate, newViewDate;
-      switch (e.keyCode) {
-      case 27: // escape
-        this.hide();
-        e.preventDefault();
-        break;
-      case 37: // left
-      case 39: // right
-        if (!this.keyboardNavigation) {break;}
-        dir = e.keyCode == 37 ? -1 : 1;
-        if (e.ctrlKey) {
-          newDate = this.moveYear(this.date, dir);
-          newViewDate = this.moveYear(this.viewDate, dir);
-        } else if (e.shiftKey) {
-          newDate = this.moveMonth(this.date, dir);
-          newViewDate = this.moveMonth(this.viewDate, dir);
-        } else {
-          newDate = new Date(this.date.valueOf());
-          newDate.setUTCDate(this.date.getUTCDate() + dir);
-          newViewDate = new Date(this.viewDate.valueOf());
-          newViewDate.setUTCDate(this.viewDate.getUTCDate() + dir);
-        }
-        if (this.dateWithinRange(newDate)) {
-          this.date = newDate;
-          this.viewDate = newViewDate;
-          this.setValue();
-          this.update();
-          e.preventDefault();
-          dateChanged = true;
-        }
-        break;
-      case 38: // up
-      case 40: // down
-        if (!this.keyboardNavigation) {break;}
-        dir = e.keyCode == 38 ? -1 : 1;
-        if (e.ctrlKey) {
-          newDate = this.moveYear(this.date, dir);
-          newViewDate = this.moveYear(this.viewDate, dir);
-        } else if (e.shiftKey) {
-          newDate = this.moveMonth(this.date, dir);
-          newViewDate = this.moveMonth(this.viewDate, dir);
-        } else {
-          newDate = new Date(this.date.valueOf());
-          newDate.setUTCDate(this.date.getUTCDate() + dir * 7);
-          newViewDate = new Date(this.viewDate.valueOf());
-          newViewDate.setUTCDate(this.viewDate.getUTCDate() + dir * 7);
-        }
-        if (this.dateWithinRange(newDate)) {
-          this.date = newDate;
-          this.viewDate = newViewDate;
-          this.setValue();
-          this.update();
-          e.preventDefault();
-          dateChanged = true;
-        }
-        break;
-      case 13: // enter
-        this.hide();
-        e.preventDefault();
-        break;
-      case 9: // tab
-        this.hide();
-        break;
-      }
-      if (dateChanged) {
-        this.element.trigger({
-          type: "changeDate",
-          date: this.date
-        });
-        let element;
-        if (this.isInput) {
-          element = this.element;
-        } else if (this.component) {
-          element = this.element.find("input");
-        }
-        if (element) {
-          element.change();
-        }
-      }
-    },
-
-    showMode: function(dir) {
-
-      if (dir) {
-        let newViewMode = Math.max(0, Math.min(DPGlobal.modes.length - 1, this.viewMode + dir));
-        if (newViewMode >= this.minView && newViewMode <= this.maxView) {
-          this.viewMode = newViewMode;
-        }
-      }
-
-      /*
-                vitalets: fixing bug of very special conditions:
-                jquery 1.7.1 + webkit + show inline datepicker in bootstrap popover.
-                Method show() does not set display css correctly and datepicker is not shown.
-                Changed to .css('display', 'block') solve the problem.
-                See https://github.com/vitalets/x-editable/issues/37
-
-                In jquery 1.7.2+ everything works fine.
-            */
-      // this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).show();
-      this.picker.find(">div").hide().filter(`.datepicker-${DPGlobal.modes[this.viewMode].clsName}`).css("display", "block");
-      this.updateNavArrows();
-    },
-
-    changeViewDate: function(date) {
-      this.date = date;
-      this.viewDate = date;
-      this.fill();
-    },
-
-    reset: function(e) {
-      this._setDate(null, "date");
-    }
-  };
-
-  $.fn.fdatepicker = function(option) {
-    let args = Array(...arguments);
-    args.shift();
-    return this.each(function() {
-      let $this = $(this),
-          data = $this.data("datepicker"),
-          options = typeof option === "object" && option;
-      if (!data) {
-        $this.data("datepicker", (data = new Datepicker(this, $.extend({}, $.fn.fdatepicker.defaults, options))));
-      }
-      if (typeof option === "string" && typeof data[option] === "function") {
-        data[option](...args);
-      }
-    });
-  };
-
-  $.fn.fdatepicker.defaults = {
-    onRender: function(date) {
-      return "";
-    }
-  };
-  $.fn.fdatepicker.Constructor = Datepicker;
-  var dates = $.fn.fdatepicker.dates = {
-    "en": {
-      days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
-      daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-      daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
-      months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
-      monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-      today: "Today",
-      titleFormat: "MM yyyy"
-    }
-  };
-
-  var DPGlobal = {
-    modes: [{
-      clsName: "minutes",
-      navFnc: "Hours",
-      navStep: 1
-    }, {
-      clsName: "hours",
-      navFnc: "Date",
-      navStep: 1
-    }, {
-      clsName: "days",
-      navFnc: "Month",
-      navStep: 1
-    }, {
-      clsName: "months",
-      navFnc: "FullYear",
-      navStep: 1
-    }, {
-      clsName: "years",
-      navFnc: "FullYear",
-      navStep: 10
-    }],
-    isLeapYear: function(year) {
-      return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0));
-    },
-    getDaysInMonth: function(year, month) {
-      return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
-    },
-    validParts: /hh?|ii?|ss?|dd?|mm?|MM?|yy(?:yy)?/g,
-    nonpunctuation: /[^ -\/:-@\[\u3400-\u9fff-`{-~\t\n\r]+/g,
-    parseFormat: function(format) {
-      // IE treats \0 as a string end in inputs (truncating the value),
-      // so it's a bad format delimiter, anyway
-      let separators = format.replace(this.validParts, "\0").split("\0"),
-          parts = format.match(this.validParts);
-      if (!separators || !separators.length || !parts || parts.length === 0) {
-        throw new Error("Invalid date format.");
-      }
-      this.formatText = format;
-      return {
-        separators: separators,
-        parts: parts
-      };
-    },
-    parseDate: function(date, format, language) {
-      if (date instanceof Date) {return new Date(date.valueOf() - date.getTimezoneOffset() * 60000);}
-      if (/^\d{4}\-\d{1,2}\-\d{1,2}$/.test(date)) {
-        format = this.parseFormat("yyyy-mm-dd");
-      }
-      if (/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}$/.test(date)) {
-        format = this.parseFormat("yyyy-mm-dd hh:ii");
-      }
-      if (/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}\:\d{1,2}[Z]{0,1}$/.test(date)) {
-        format = this.parseFormat("yyyy-mm-dd hh:ii:ss");
-      }
-      if (/^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$/.test(date)) {
-        var part_re = /([-+]\d+)([dmwy])/,
-            parts = date.match(/([-+]\d+)([dmwy])/g),
-            part, dir;
-        date = new Date();
-        for (var i = 0; i < parts.length; i++) {
-          part = part_re.exec(parts[i]);
-          dir = parseInt(part[1]);
-          switch (part[2]) {
-          case "d":
-            date.setUTCDate(date.getUTCDate() + dir);
-            break;
-          case "m":
-            date = Datetimepicker.prototype.moveMonth.call(Datetimepicker.prototype, date, dir);
-            break;
-          case "w":
-            date.setUTCDate(date.getUTCDate() + dir * 7);
-            break;
-          case "y":
-            date = Datetimepicker.prototype.moveYear.call(Datetimepicker.prototype, date, dir);
-            break;
-          }
-        }
-        return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
-      }
-      var parts = date && date.match(this.nonpunctuation) || [],
-          date = new Date(),
-          parsed = {},
-          setters_order = ["hh", "h", "ii", "i", "ss", "s", "yyyy", "yy", "M", "MM", "m", "mm", "d", "dd"],
-          setters_map = {
-            hh: function(d, v) {
-              return d.setUTCHours(v);
-            },
-            h: function(d, v) {
-              return d.setUTCHours(v);
-            },
-            ii: function(d, v) {
-              return d.setUTCMinutes(v);
-            },
-            i: function(d, v) {
-              return d.setUTCMinutes(v);
-            },
-            ss: function(d, v) {
-              return d.setUTCSeconds(v);
-            },
-            s: function(d, v) {
-              return d.setUTCSeconds(v);
-            },
-            yyyy: function(d, v) {
-              return d.setUTCFullYear(v);
-            },
-            yy: function(d, v) {
-              return d.setUTCFullYear(2000 + v);
-            },
-            m: function(d, v) {
-              v -= 1;
-              while (v < 0) {v += 12;}
-              v %= 12;
-              d.setUTCMonth(v);
-              while (d.getUTCMonth() != v)
-              {d.setUTCDate(d.getUTCDate() - 1);}
-              return d;
-            },
-            d: function(d, v) {
-              return d.setUTCDate(v);
-            }
-          },
-          val, filtered, part;
-      setters_map.M = setters_map.MM = setters_map.mm = setters_map.m;
-      setters_map.dd = setters_map.d;
-      date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); // date.getHours(), date.getMinutes(), date.getSeconds());
-      if (parts.length == format.parts.length) {
-        for (var i = 0, cnt = format.parts.length; i < cnt; i++) {
-          val = parseInt(parts[i], 10);
-          part = format.parts[i];
-          if (isNaN(val)) {
-            switch (part) {
-            case "MM":
-              filtered = $(dates[language].months).filter(function() {
-                let m = this.slice(0, parts[i].length),
-                    p = parts[i].slice(0, m.length);
-                return m == p;
-              });
-              val = $.inArray(filtered[0], dates[language].months) + 1;
-              break;
-            case "M":
-              filtered = $(dates[language].monthsShort).filter(function() {
-                let m = this.slice(0, parts[i].length),
-                    p = parts[i].slice(0, m.length);
-                return m == p;
-              });
-              val = $.inArray(filtered[0], dates[language].monthsShort) + 1;
-              break;
-            }
-          }
-          parsed[part] = val;
-        }
-        for (var i = 0, s; i < setters_order.length; i++) {
-          s = setters_order[i];
-          if (s in parsed && !isNaN(parsed[s]))
-          {setters_map[s](date, parsed[s])}
-        }
-      }
-      return date;
-    },
-    formatDate: function(date, format, language) {
-      if (date == null) {
-        return "";
-      }
-      let val = {
-        h: date.getUTCHours(),
-        i: date.getUTCMinutes(),
-        s: date.getUTCSeconds(),
-        d: date.getUTCDate(),
-        m: date.getUTCMonth() + 1,
-        M: dates[language].monthsShort[date.getUTCMonth()],
-        MM: dates[language].months[date.getUTCMonth()],
-        yy: date.getUTCFullYear().toString().substring(2),
-        yyyy: date.getUTCFullYear()
-      };
-      val.hh = (val.h < 10 ? "0" : "") + val.h;
-      val.ii = (val.i < 10 ? "0" : "") + val.i;
-      val.ss = (val.s < 10 ? "0" : "") + val.s;
-      val.dd = (val.d < 10 ? "0" : "") + val.d;
-      val.mm = (val.m < 10 ? "0" : "") + val.m;
-      var date = [],
-          seps = $.extend([], format.separators);
-      for (let i = 0, cnt = format.parts.length; i < cnt; i++) {
-        if (seps.length)
-        {date.push(seps.shift())}
-        date.push(val[format.parts[i]]);
-      }
-      return date.join("");
-    },
-    convertViewMode: function(viewMode) {
-      switch (viewMode) {
-      case 4:
-      case "decade":
-        viewMode = 4;
-        break;
-      case 3:
-      case "year":
-        viewMode = 3;
-        break;
-      case 2:
-      case "month":
-        viewMode = 2;
-        break;
-      case 1:
-      case "day":
-        viewMode = 1;
-        break;
-      case 0:
-      case "hour":
-        viewMode = 0;
-        break;
-      }
-
-      return viewMode;
-    },
-    headTemplate: function(leftArrow, rightArrow) {return (`${"<thead>" +
-            "<tr>" +
-            '<th class="prev">'}${leftArrow}</th>` +
-            "<th colspan=\"5\" class=\"date-switch\"></th>" +
-            `<th class="next">${rightArrow}</th>` +
-            "</tr>" +
-            "</thead>")},
-    contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>',
-    footTemplate: '<tfoot><tr><th colspan="7" class="today"></th></tr></tfoot>'
-  };
-  DPGlobal.template = function(leftArrow, rightArrow, closeIcon) {return (`${'<div class="datepicker">' +
-        '<div class="datepicker-minutes">' +
-        '<table class=" table-condensed">'}${
-    DPGlobal.headTemplate(leftArrow, rightArrow)
-  }${DPGlobal.contTemplate
-  }${DPGlobal.footTemplate
-  }</table>` +
-        "</div>" +
-        "<div class=\"datepicker-hours\">" +
-        `<table class=" table-condensed">${
-          DPGlobal.headTemplate(leftArrow, rightArrow)
-        }${DPGlobal.contTemplate
-        }${DPGlobal.footTemplate
-        }</table>` +
-        "</div>" +
-        "<div class=\"datepicker-days\">" +
-        `<table class=" table-condensed">${
-          DPGlobal.headTemplate(leftArrow, rightArrow)
-        }<tbody></tbody>${
-          DPGlobal.footTemplate
-        }</table>` +
-        "</div>" +
-        "<div class=\"datepicker-months\">" +
-        `<table class="table-condensed">${
-          DPGlobal.headTemplate(leftArrow, rightArrow)
-        }${DPGlobal.contTemplate
-        }${DPGlobal.footTemplate
-        }</table>` +
-        "</div>" +
-        "<div class=\"datepicker-years\">" +
-        `<table class="table-condensed">${
-          DPGlobal.headTemplate(leftArrow, rightArrow)
-        }${DPGlobal.contTemplate
-        }${DPGlobal.footTemplate
-        }</table>` +
-        "</div>" +
-        `<a class="button datepicker-close tiny alert right" style="width:auto;">${closeIcon}</a>` +
-        "</div>")};
-
-  $.fn.fdatepicker.DPGlobal = DPGlobal;
-
-}(window.jQuery));