date_picker 0.0.8 → 0.0.9

data/test/dummy/vendor/assets/components/flatpickr/site/content/localization.pug

@@ -0,0 +1,58 @@
+#local.example
+    h3#locale Localization
+    p
+        | Flatpickr has been translated to
+        a(href='https://github.com/chmln/flatpickr/tree/gh-pages/src', target='_blank') over 25 languages
+        | .
+    p
+        | Localization involves simply overriding objects below, contained in
+        code Flatpickr.l10n
+        | .
+    p
+        strong Locale:
+
+        select#locales
+            option(value='') English
+    p
+        input#locale_calendar.flatpickr(type='text', data-inline='true', data-min-date='today')
+    table.table
+        thead
+            tr
+                th Property
+                th Type
+                th Default
+                th Description
+        tbody
+            tr
+                td l10n.weekdays.shorthand
+                td array
+                td ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
+                td The shortened version of each weekday, starting with Sunday
+            tr
+                td l10n.weekdays.longhand
+                td array
+                td ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+                td The long version of each weekday, starting with Sunday
+            tr
+                td l10n.months.shorthand
+                td array
+                td
+                    | ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+                td Shortened version of each month, starting with January
+            tr
+                td l10n.months.longhand
+                td array
+                td
+                    | ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
+                td Long version of each month, starting with January
+            tr
+                td l10n.daysInMonth
+                td array
+                td [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
+                td How many days in each month, starting with January
+            tr
+                td l10n.firstDayOfWeek
+                td integer
+                td 0
+                td
+                    | Start the calendar on a different weekday (0 = Sunday, 1 = Monday, 2 = Tuesday, etc.)

data/test/dummy/vendor/assets/components/flatpickr/site/content/options.pug

@@ -0,0 +1,214 @@
+.padding-y-s
+    .wrapper
+        h2 Options
+
+        p
+            strong Protip:
+
+            u all
+            |  of the string/boolean config options can also be supplied using data attributes, e.g. data-min-date, data-default-date, data-date-format etc.
+
+        div(style="max-height: 60vh; overflow-y: auto")
+            table.options
+                thead
+                    tr
+                        th Config Option
+                        th Type
+                        th Default
+                        th Description
+                tbody
+                    tr
+                        td altFormat
+                        td string
+                        td "F j, Y"
+                        td Exactly the same as date format, but for the altInput field
+                    tr
+                        td altInput
+                        td Boolean
+                        td false
+                        td
+                            | Show the user a readable date (as per altFormat), but return something totally different to the server.
+                    tr
+                        td altInputClass
+                        td String
+                        td ""
+                        td
+                            | This class will be added to the input element created by the altInput option. Helpful if input elements are styled using classes. Bootstrap users will want to specify
+                            code form-control
+                            | here.
+                    tr
+                        td allowInput
+                        td boolean
+                        td false
+                        td
+                            | Allows the user to enter a date directly input the input field. By default, direct entry is disabled.
+                    tr
+                        td clickOpens
+                        td boolean
+                        td true
+                        td
+                            | Clicking on the input opens the date (time) picker. Disable this if you wish to open the calendar manually with
+                            code .open()
+                    tr
+                        td dateFormat
+                        td string
+                        td "Y-m-d"
+                        td
+                            | A string of characters which are used to define how the date will be displayed in the input box. The supported characters are defined in the table below.
+                    tr
+                        td defaultDate
+                        td String/Date
+                        td null
+                        td
+                            | Set the initial selected date. Same as preloading a date string into an input's value attribute, but can also handle a Date object.
+                    tr
+                        td disable
+                        td array
+                        td []
+                        td See 
+                            a(href="#disable") Disabling dates
+
+                    tr
+                        td enable
+                        td array
+                        td []
+                        td See 
+                            a(href="#enable") Enabling dates
+
+                    tr
+                        td enableTime
+                        td boolean
+                        td false
+                        td Enables time picker
+                    tr
+                        td enableSeconds
+                        td boolean
+                        td false
+                        td Enables seconds in the time picker.
+
+                    tr
+                        td hourIncrement
+                        td integer
+                        td 1
+                        td Adjusts the step for the hour input (incl. scrolling)
+
+                    tr
+                        td inline
+                        td boolean
+                        td false
+                        td Displays the calendar inline
+
+                    tr
+                        td maxDate
+                        td String/Date
+                        td null
+                        td The maximum date that a user can pick to.
+
+                    tr
+                        td minDate
+                        td String/Date
+                        td null
+                        td The minimum date that a user can start picking from.
+
+
+                    tr
+                        td minuteIncrement
+                        td integer
+                        td 5
+                        td Adjusts the step for the minute input (incl. scrolling)
+
+                    tr
+                        td nextArrow
+                        td string
+                        td
+                            code >
+                        td Code for the arrow icon, used to switch months.
+
+                    tr
+                        td noCalendar
+                        td boolean
+                        td false
+                        td Hides the calendar. For use along with enableTime.
+
+                    tr
+                        td onChange
+                        td function, [functions]
+                        td null
+                        td Function(s) to trigger on every date selection. See 
+                            a(href="#eventsAPI") Events API
+
+                    tr
+                        td onClose
+                        td function, [functions]
+                        td null
+                        td Function(s) to trigger on every time the calendar is closed. See 
+                            a(href="#eventsAPI") Events API
+
+                    tr
+                        td onOpen
+                        td function, [functions]
+                        td null
+                        td Function(s) to trigger on every time the calendar is opened. See 
+                            a(href="#eventsAPI") Events API
+
+                    tr
+                        td onReady
+                        td function, [functions]
+                        td null
+                        td Function to trigger when the calendar is ready. See 
+                            a(href="#eventsAPI") Events API
+
+
+                    tr
+                        td parseDate
+                        td function
+                        td false
+                        td Function that expects a date string and must return a Date object
+
+                    tr
+                        td prevArrow
+                        td string
+                        td
+                            code <
+                        td Code for the left arrow icon.
+
+                    tr
+                        td shorthandCurrentMonth
+                        td boolean
+                        td false
+                        td Show the month using the shorthand version (ie, Sep instead of September).
+
+                    tr
+                        td static
+                        td boolean
+                        td false
+                        td
+                            | Position the calendar inside the wrapper and next to the input element. (Leave
+                            code false
+                            | unless you know what you're doing.
+
+                    tr
+                        td time_24hr
+                        td boolean
+                        td false
+                        td Displays time picker in 24 hour mode without AM/PM selection when enabled.
+
+                    tr
+                        td utc
+                        td boolean
+                        td false
+                        td
+                            | When true, dates will parsed, formatted, and displayed in UTC. It's recommended that date strings contain the timezone, but not necessary.
+
+                    tr
+                        td weekNumbers
+                        td boolean
+                        td false
+                        td Enables display of week numbers in calendar.
+
+                    tr
+                        td wrap
+                        td Boolean
+                        td false
+                        td
+                            a(href='https://chmln.github.io/flatpickr/#strap') Custom elements and input groups

data/test/dummy/vendor/assets/components/flatpickr/site/content/themes.pug

@@ -0,0 +1,6 @@
+.padding-y-s
+	.wrapper
+		label
+			strong Theme
+			select#themes
+				option Default

data/test/dummy/vendor/assets/components/flatpickr/site/index.pug

@@ -0,0 +1,38 @@
+doctype html
+html(lang='en')
+    head
+        title flatpickr - lightweight datetimepicker & calendar
+        meta(charset='utf-8')
+        meta(http-equiv='x-ua-compatible', content='ie=edge')
+        link(rel='icon', type='image/png', href='favicon.png')
+        meta(name='viewport', content='width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes')
+        //script(async, src='assets/js/table-of-contents.js')
+
+        //script#locale_script(async='').
+        //script(async='', src='assets/js/localizr.js')
+        link(rel='stylesheet', type='text/css', href='assets/style.min.css')
+        link#cal_style(rel='stylesheet', type='text/css', href='dist/flatpickr.min.css')
+
+    body
+        header#hero.section
+            .wrapper
+                h1 flatpickr
+                h3.subheading.muted A lightweight & powerful datetimepicker
+
+
+        include content/install_use
+        include content/discover
+
+        .section
+            .wrapper
+                include content/examples
+
+
+        //include content/themes
+        include content/options
+
+        script(src='assets/js/examples.js')
+        script(async, src='dist/flatpickr.js', onload='fp_ready()')
+        script(async, src='assets/js/prettify.js?skin=none')
+        script(async, src='assets/js/themer.js')
+

data/test/dummy/vendor/assets/components/flatpickr/src/flatpickr.js

@@ -0,0 +1,1632 @@
+/*! flatpickr v2.0, @license MIT */
+function Flatpickr(element, config) {
+	const self = this;
+
+	function init() {
+		self.element = element;
+		self.instanceConfig = config || {};
+
+		setupFormats();
+
+		parseConfig();
+		setupInputs();
+		setupDates();
+
+		setupHelperFunctions();
+
+		self.isOpen = self.config.inline;
+		self.changeMonth = changeMonth;
+		self.clear = clear;
+		self.close = close;
+		self.destroy = destroy;
+		self.formatDate = formatDate;
+		self.jumpToDate = jumpToDate;
+		self.open = open;
+		self.parseDate = parseDate;
+		self.redraw = redraw;
+		self.set = set;
+		self.setDate = setDate;
+		self.toggle = toggle;
+
+		self.isMobile = (
+			!self.config.disableMobile &&
+			self.config.mode === "single" &&
+			!self.config.disable.length &&
+			!self.config.enable.length &&
+			/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
+		);
+
+		if (!self.isMobile)
+			build();
+
+		bind();
+
+		if (self.selectedDates.length)
+			updateValue();
+
+		if (self.config.noCalendar && !self.selectedDates.length)
+			// picking time only and method triggered from picker
+			self.selectedDates = [self.now];
+
+		triggerEvent("Ready");
+	}
+
+	function updateTime(e) {
+		timeWrapper(e);
+		updateValue();
+	}
+
+	function bind() {
+		if (self.config.wrap) {
+			["open", "close", "toggle", "clear"].forEach(el => {
+				try {
+					self.element.querySelector(`[data-${el}]`)
+						.addEventListener("click", self[el]);
+				}
+				catch (e) {
+					//
+				}
+			});
+		}
+
+		if (typeof Event !== "undefined")
+			self.changeEvent = new Event("change", { "bubbles": true });
+
+		else {
+			self.changeEvent = document.createEvent("HTMLEvents");
+			self.changeEvent.initEvent("change", true, false);
+		}
+
+		if (self.isMobile)
+			return setupMobile();
+
+		self.debouncedResize = debounce(onResize, 100);
+		self.triggerChange = () => triggerEvent("Change");
+		self.debouncedChange = debounce(self.triggerChange, 1000);
+
+		if (self.config.mode === "range")
+			self.days.addEventListener("mouseover", onMouseOver);
+
+		document.addEventListener("keydown", onKeyDown);
+		window.addEventListener("resize", self.debouncedResize);
+
+		document.addEventListener("click", documentClick);
+		document.addEventListener("blur", documentClick);
+
+		if (self.config.clickOpens)
+			(self.altInput || self.input).addEventListener("focus", open);
+
+		if (!self.config.noCalendar) {
+			self.prevMonthNav.addEventListener("click", () => changeMonth(-1));
+			self.nextMonthNav.addEventListener("click", () => changeMonth(1));
+
+			self.currentYearElement.addEventListener("wheel", yearScroll);
+			self.currentYearElement.addEventListener("focus", () => {
+				self.currentYearElement.select();
+			});
+
+			self.currentYearElement.addEventListener("input", event => {
+				if (event.target.value.length === 4)
+					self.currentYearElement.blur();
+
+				self.currentYear = parseInt(event.target.value, 10) || self.currentYear;
+				self.redraw();
+			});
+
+			self.days.addEventListener("click", selectDate);
+		}
+
+		if (self.config.enableTime) {
+			self.timeContainer.addEventListener("wheel", updateTime);
+			self.timeContainer.addEventListener("input", updateTime);
+
+			self.timeContainer.addEventListener("wheel", self.debouncedChange);
+			self.timeContainer.addEventListener("input", self.triggerChange);
+
+			self.hourElement.addEventListener("focus", () => {
+				self.hourElement.select();
+			});
+			self.minuteElement.addEventListener("focus", () => {
+				self.minuteElement.select();
+			});
+
+			if (self.secondElement) {
+				self.secondElement.addEventListener("focus", () => {
+					self.secondElement.select();
+				});
+			}
+
+			if (self.amPM)
+				self.amPM.addEventListener("click", updateTime);
+		}
+	}
+
+	function jumpToDate(jumpDate) {
+		jumpDate = jumpDate
+			? parseDate(jumpDate)
+			: latestSelectedDateObj() || self.config.defaultDate || self.config.minDate || self.now;
+
+		try {
+			self.currentYear = jumpDate.getFullYear();
+			self.currentMonth = jumpDate.getMonth();
+			self.redraw();
+		}
+
+		catch (e) {
+			console.warn("Invalid date supplied: " + jumpDate);
+		}
+	}
+
+	function build() {
+		const fragment = document.createDocumentFragment();
+		self.calendarContainer = createElement("div", "flatpickr-calendar");
+		self.numInputType = navigator.userAgent.indexOf("MSIE 9.0") > 0 ? "text" : "number";
+
+		if (!self.config.noCalendar) {
+			fragment.appendChild(buildMonthNav());
+
+			if (self.config.weekNumbers)
+				fragment.appendChild(buildWeeks());
+
+			self.rContainer = createElement("div", "flatpickr-rContainer");
+			self.rContainer.appendChild(buildWeekdays());
+			self.rContainer.appendChild(buildDays());
+			fragment.appendChild(self.rContainer);
+		}
+
+		if (self.config.enableTime)
+			fragment.appendChild(buildTime());
+
+		self.calendarContainer.appendChild(fragment);
+
+		if (self.config.inline || self.config.static) {
+			self.calendarContainer.classList.add(self.config.inline ? "inline" : "static");
+			positionCalendar();
+			self.element.parentNode.insertBefore(
+				self.calendarContainer,
+				(self.altInput || self.input).nextSibling
+			);
+		}
+		else
+			document.body.appendChild(self.calendarContainer);
+	}
+
+	function buildDays() {
+		if (!self.days) {
+			self.days = createElement("div", "flatpickr-days");
+			self.days.tabIndex = -1;
+		}
+
+		self.disabledMonthIndexes = [];
+
+		self.firstOfMonth = (
+				new Date(self.currentYear, self.currentMonth, 1).getDay() -
+				Flatpickr.l10n.firstDayOfWeek + 7
+			) % 7;
+
+		self.prevMonthDays = self.utils.getDaysinMonth((self.currentMonth - 1 + 12) % 12);
+
+		const daysInMonth = self.utils.getDaysinMonth(),
+			days = document.createDocumentFragment();
+
+		let	dayNumber = self.prevMonthDays + 1 - self.firstOfMonth,
+			currentDate,
+			dateIsDisabled;
+
+		if (self.config.weekNumbers)
+			self.weekNumbers.innerHTML = "";
+
+
+		self.days.innerHTML = "";
+
+		// prepend days from the ending of previous month
+		for (let i = 0; dayNumber <= self.prevMonthDays; i++, dayNumber++) {
+			const curDate = new Date(self.currentYear, self.currentMonth - 1, dayNumber, 0, 0, 0, 0, 0),
+				dateIsEnabled = isEnabled(curDate),
+				dayElement = createElement(
+					"span",
+					"flatpickr-day prevMonthDay"
+					+ " disabled".repeat(!dateIsEnabled)
+					+ " inRange".repeat(isDateInRange(curDate))
+					+ " selected".repeat(isDateSelected(curDate) !== false),
+					dayNumber
+				);
+
+			if (dateIsEnabled)
+				dayElement.tabIndex = 0;
+			else
+				self.disabledMonthIndexes.push(i);
+
+			triggerEvent("DayCreate", dayElement);
+			days.appendChild(dayElement);
+		}
+
+		// Start at 1 since there is no 0th day
+		for (dayNumber = 1; dayNumber <= daysInMonth; dayNumber++) {
+			currentDate = new Date(self.currentYear, self.currentMonth, dayNumber, 0, 0, 0, 0, 0);
+
+			if (self.config.weekNumbers && dayNumber % 7 === 1) {
+				self.weekNumbers.insertAdjacentHTML(
+					"beforeend",
+					"<span class='disabled flatpickr-day'>" + self.getWeek(currentDate) + "</span>"
+				);
+			}
+
+			dateIsDisabled = !isEnabled(currentDate);
+
+			const dayElement = createElement(
+				"span",
+				dateIsDisabled ? "flatpickr-day disabled" : "flatpickr-day" + " inRange".repeat(isDateInRange(currentDate)),
+				dayNumber
+			);
+
+			if (!dateIsDisabled) {
+				dayElement.tabIndex = 0;
+
+				if (equalDates(currentDate, self.now))
+					dayElement.classList.add("today");
+
+				if (isDateSelected(currentDate)){
+					dayElement.classList.add("selected");
+					self.selectedDateElem = dayElement;
+
+					if (self.config.mode === "range") {
+						dayElement.className +=	equalDates(currentDate, self.selectedDates[0])
+							? " startRange"
+							: self.selectedDates.length > 1
+								? " endRange"
+								: "";
+					}
+				}
+			}
+
+			else
+				self.disabledMonthIndexes.push(dayNumber + self.firstOfMonth - 1);
+
+			triggerEvent("DayCreate", dayElement);
+			days.appendChild(dayElement);
+		}
+
+		// append days from the next month
+		for (let dayNum = daysInMonth + 1; dayNum <= 42 - self.firstOfMonth; dayNum++) {
+			const curDate = new Date(
+				self.currentYear,
+				self.currentMonth + 1,
+				dayNum % daysInMonth,
+				0, 0, 0, 0, 0
+			),
+				dateIsEnabled = isEnabled(curDate),
+				dayElement = createElement(
+					"span",
+					"flatpickr-day nextMonthDay"
+					+ " disabled".repeat(!dateIsEnabled)
+					+ " inRange".repeat(isDateInRange(curDate))
+					+ " selected".repeat(isDateSelected(curDate) !== false),
+					dayNum % daysInMonth
+				);
+
+			if (self.config.weekNumbers && dayNum % 7 === 1) {
+				self.weekNumbers.insertAdjacentHTML(
+					"beforeend",
+					"<span class='disabled flatpickr-day'>" + self.getWeek(curDate) + "</span>"
+				);
+			}
+
+			if (dateIsEnabled)
+				dayElement.tabIndex = 0;
+			else
+				self.disabledMonthIndexes.push(dayNum + self.firstOfMonth);
+
+			triggerEvent("DayCreate", dayElement);
+			days.appendChild(dayElement);
+		}
+		self.days.appendChild(days);
+		return self.days;
+	}
+
+	function buildMonthNav() {
+		const monthNavFragment = document.createDocumentFragment();
+		self.monthNav = createElement("div", "flatpickr-month");
+
+		self.prevMonthNav = createElement("span", "flatpickr-prev-month");
+		self.prevMonthNav.innerHTML = self.config.prevArrow;
+
+		self.currentMonthElement = createElement("span", "cur-month");
+
+		self.currentYearElement = createElement("input", "cur-year");
+		self.currentYearElement.type = self.numInputType;
+		self.currentYearElement.title = Flatpickr.l10n.scrollTitle;
+
+		if (self.config.minDate)
+			self.currentYearElement.min = self.config.minDate.getFullYear();
+
+		if (self.config.maxDate)
+			self.currentYearElement.max = self.config.maxDate.getFullYear();
+
+		self.nextMonthNav = createElement("span", "flatpickr-next-month");
+		self.nextMonthNav.innerHTML = self.config.nextArrow;
+
+		self.navigationCurrentMonth = createElement("span", "flatpickr-current-month");
+		self.navigationCurrentMonth.appendChild(self.currentMonthElement);
+		self.navigationCurrentMonth.appendChild(self.currentYearElement);
+
+		monthNavFragment.appendChild(self.prevMonthNav);
+		monthNavFragment.appendChild(self.navigationCurrentMonth);
+		monthNavFragment.appendChild(self.nextMonthNav);
+		self.monthNav.appendChild(monthNavFragment);
+
+		updateNavigationCurrentMonth();
+
+		return self.monthNav;
+	}
+
+	function buildTime() {
+		self.calendarContainer.classList.add("hasTime");
+		self.timeContainer = createElement("div", "flatpickr-time");
+		self.timeContainer.tabIndex = -1;
+		const separator = createElement("span", "flatpickr-time-separator", ":");
+
+		self.hourElement = createElement("input", "flatpickr-hour");
+		self.minuteElement = createElement("input", "flatpickr-minute");
+
+		self.hourElement.tabIndex = self.minuteElement.tabIndex = 0;
+		self.hourElement.type = self.minuteElement.type = self.numInputType;
+
+		self.hourElement.value = pad(latestSelectedDateObj()
+			? latestSelectedDateObj().getHours()
+			: self.config.defaultHour
+		);
+
+		self.minuteElement.value = pad(latestSelectedDateObj()
+			? latestSelectedDateObj().getMinutes()
+			: self.config.defaultMinute
+		);
+
+		self.hourElement.step = self.config.hourIncrement;
+		self.minuteElement.step = self.config.minuteIncrement;
+
+		self.hourElement.min = -(self.config.time_24hr ? 1 : 0);
+		self.hourElement.max = self.config.time_24hr ? 24 : 13;
+
+		self.minuteElement.min = -self.minuteElement.step;
+		self.minuteElement.max = 60;
+
+		self.hourElement.title = self.minuteElement.title = Flatpickr.l10n.scrollTitle;
+
+		self.timeContainer.appendChild(self.hourElement);
+		self.timeContainer.appendChild(separator);
+		self.timeContainer.appendChild(self.minuteElement);
+
+		if (self.config.enableSeconds) {
+			self.timeContainer.classList.add("has-seconds");
+
+			self.secondElement = createElement("input", "flatpickr-second");
+			self.secondElement.type = self.numInputType;
+			self.secondElement.value =
+				latestSelectedDateObj() ? pad(latestSelectedDateObj().getSeconds()) : "00";
+
+			self.secondElement.step = self.minuteElement.step;
+			self.secondElement.min = self.minuteElement.min;
+			self.secondElement.max = self.minuteElement.max;
+
+			self.timeContainer.appendChild(
+				createElement("span", "flatpickr-time-separator", ":")
+			);
+			self.timeContainer.appendChild(self.secondElement);
+		}
+
+		if (!self.config.time_24hr) { // add self.amPM if appropriate
+			self.amPM = createElement(
+				"span",
+				"flatpickr-am-pm",
+				["AM", "PM"][(self.hourElement.value > 11) | 0]
+			);
+			self.amPM.title = Flatpickr.l10n.toggleTitle;
+			self.amPM.tabIndex = 0;
+			self.timeContainer.appendChild(self.amPM);
+		}
+
+		return self.timeContainer;
+	}
+
+	function buildWeekdays() {
+		if (!self.weekdayContainer)
+			self.weekdayContainer = createElement("div", "flatpickr-weekdays");
+
+		const firstDayOfWeek = Flatpickr.l10n.firstDayOfWeek;
+		let	weekdays = Flatpickr.l10n.weekdays.shorthand.slice();
+
+		if (firstDayOfWeek > 0 && firstDayOfWeek < weekdays.length) {
+			weekdays = [].concat(
+				weekdays.splice(firstDayOfWeek, weekdays.length),
+				weekdays.splice(0, firstDayOfWeek)
+			);
+		}
+
+		self.weekdayContainer.innerHTML = `
+		<span class=flatpickr-weekday>
+			${weekdays.join("</span><span class=flatpickr-weekday>")}
+		</span>
+		`;
+
+		return self.weekdayContainer;
+	}
+
+	function buildWeeks() {
+		self.calendarContainer.classList.add("hasWeeks");
+		self.weekWrapper = createElement("div", "flatpickr-weekwrapper");
+		self.weekWrapper.appendChild(
+			createElement("span", "flatpickr-weekday", Flatpickr.l10n.weekAbbreviation)
+		);
+		self.weekNumbers = createElement("div", "flatpickr-weeks");
+		self.weekWrapper.appendChild(self.weekNumbers);
+		return self.weekWrapper;
+	}
+
+	function changeMonth(offset) {
+		self.currentMonth += offset;
+
+		handleYearChange();
+		updateNavigationCurrentMonth();
+		buildDays();
+		if (!(self.config.noCalendar))
+			self.days.focus();
+	}
+
+	function clear() {
+		self.input.value = "";
+
+		if (self.altInput)
+			self.altInput.value = "";
+
+		if (self.mobileInput)
+			self.mobileInput.value = "";
+
+		self.selectedDates = [];
+
+		triggerEvent("Change");
+		jumpToDate(self.now);
+	}
+
+	function close() {
+		self.isOpen = false;
+		self.calendarContainer.classList.remove("open");
+		(self.altInput || self.input).classList.remove("active");
+
+		triggerEvent("Close");
+	}
+
+	function destroy() {
+		self.calendarContainer.parentNode.removeChild(self.calendarContainer);
+		self.clear();
+
+		if (self.altInput) {
+			self.input.type = "text";
+			self.altInput.parentNode.removeChild(self.altInput);
+		}
+
+		self.input.classList.remove("flatpickr-input");
+		self.input.removeEventListener("focus", open);
+		self.input.removeAttribute("readonly");
+
+		document.removeEventListener("keydown", onKeyDown);
+		window.removeEventListener("resize", self.debouncedResize);
+
+		document.removeEventListener("click", documentClick);
+		document.removeEventListener("blur", documentClick);
+
+		delete self.input._flatpickr;
+		delete self.input;
+	}
+
+	function documentClick(e) {
+		const isCalendarElement = self.calendarContainer.contains(e.target),
+			isInput = self.element.contains(e.target) || e.target === self.altInput;
+
+		if (self.isOpen && !isCalendarElement && !isInput) {
+			self.close();
+
+			if (self.config.mode === "range" && self.selectedDates.length === 1) {
+				self.selectedDates = [];
+				self.redraw();
+			}
+		}
+	}
+
+	function formatDate(frmt, dateObj) {
+		const chars = frmt.split("");
+		return chars.map((c, i) => self.formats[c] && chars[i - 1] !== "\\"
+			? self.formats[c](dateObj)
+			: c !== "\\" ? c : ""
+		).join("");
+	}
+
+	function handleYearChange() {
+		if (self.currentMonth < 0 || self.currentMonth > 11) {
+			self.currentYear += self.currentMonth % 11;
+			self.currentMonth = (self.currentMonth + 12) % 12;
+		}
+	}
+
+	function isEnabled(dateToCheck) {
+		if (
+			(self.config.minDate && dateToCheck < self.config.minDate) ||
+			(self.config.maxDate && dateToCheck > self.config.maxDate)
+		)
+			return false;
+
+		if (!self.config.enable.length && !self.config.disable.length)
+			return true;
+
+
+		dateToCheck = parseDate(dateToCheck, true); // timeless
+
+		const bool = self.config.enable.length > 0,
+			array = bool ? self.config.enable : self.config.disable;
+
+		for (let i = 0, d; i < array.length; i++) {
+			d = array[i];
+
+			if (d instanceof Function && d(dateToCheck)) // disabled by function
+				return bool;
+
+
+			else if ((d instanceof Date || (typeof d === "string")) &&
+				parseDate(d, true).getTime() === dateToCheck.getTime()
+			)
+				// disabled by date string
+				return bool;
+
+			else if ( // disabled by range
+				typeof d === "object" && d.from && d.to &&
+				dateToCheck >= parseDate(d.from) &&	dateToCheck <= parseDate(d.to)
+			)
+				return bool;
+		}
+
+		return !bool;
+	}
+
+	function onKeyDown(e) {
+		if (self.isOpen) {
+			switch (e.which) {
+				case 13:
+					if (self.timeContainer && self.timeContainer.contains(e.target))
+						updateValue();
+
+					else
+						selectDate(e);
+
+					break;
+
+				case 27:
+					self.close();
+					break;
+
+				case 37:
+					if (e.target !== self.input & e.target !== self.altInput)
+						changeMonth(-1);
+					break;
+
+				case 38:
+					e.preventDefault();
+
+					if (self.timeContainer && self.timeContainer.contains(e.target))
+						updateTime(e);
+
+					else {
+						self.currentYear++;
+						self.redraw();
+					}
+
+					break;
+
+				case 39:
+					if (e.target !== self.input & e.target !== self.altInput)
+						changeMonth(1);
+					break;
+
+				case 40:
+					e.preventDefault();
+					if (self.timeContainer && self.timeContainer.contains(e.target))
+						updateTime(e);
+
+					else {
+						self.currentYear--;
+						self.redraw();
+					}
+
+					break;
+
+				default: break;
+			}
+		}
+	}
+
+	function onMouseOver(e) {
+		if (self.selectedDates.length !== 1 || !e.target.classList.contains("flatpickr-day") || e.target.classList.contains("disabled"))
+			return;
+
+		let firstDayIndex = !isPrevMonthDay * (self.firstOfMonth - 1),
+			isPrevMonthDay = e.target.classList.contains("prevMonthDay"),
+			isNextMonthDay = e.target.classList.contains("nextMonthDay"),
+			selectedDate = self.selectedDates[0].getDate(),
+			selectedDateIndex = firstDayIndex + selectedDate,
+			minIndex = null,
+			targetIndex = parseInt(e.target.textContent, 10)
+				+ self.utils.getDaysinMonth() * isNextMonthDay
+				- self.prevMonthDays * isPrevMonthDay,
+			startIndex = firstDayIndex + Math.min(targetIndex, selectedDate),
+			endIndex = firstDayIndex + Math.max(targetIndex, selectedDate);
+
+		if (self.disabledMonthIndexes.length) {
+			for (let i = 0; i < self.disabledMonthIndexes.length; i++) {
+				if (
+					self.disabledMonthIndexes[i] > minIndex &&
+					self.disabledMonthIndexes[i] < selectedDateIndex
+				)
+					minIndex = self.disabledMonthIndexes[i];
+			}
+		}
+
+		for (let i = 0; i < self.days.childNodes.length; i++) {
+			if (minIndex && i < minIndex)
+				self.days.childNodes[i].classList.add("notAllowed");
+			else {
+				self.days.childNodes[i].classList.remove("notAllowed");
+				self.days.childNodes[i].classList[
+					(i < startIndex || i > endIndex) ? "remove" : "add"
+				]("inRange");
+			}
+
+		}
+	}
+
+	function onResize() {
+		if (self.isOpen && !self.config.inline && !self.config.static)
+			positionCalendar();
+	}
+
+	function open(e) {
+		if (self.isMobile) {
+			e.preventDefault();
+			e.target.blur();
+
+			setTimeout(() => {
+				self.mobileInput.click();
+			}, 0);
+
+			triggerEvent("Open");
+			return;
+		}
+
+		else if (self.isOpen || (self.altInput || self.input).disabled || self.config.inline)
+			return;
+
+		self.calendarContainer.classList.add("open");
+
+		if (!self.config.static)
+			positionCalendar();
+
+
+		self.isOpen = true;
+
+		if (!self.config.allowInput) {
+			(self.altInput || self.input).blur();
+			(self.config.noCalendar
+				? self.timeContainer
+				: self.selectedDateElem
+					? self.selectedDateElem
+					: self.days).focus();
+		}
+
+		(self.altInput || self.input).classList.add("active");
+		triggerEvent("Open");
+	}
+
+	function pad(number) {
+		return `0${number}`.slice(-2);
+	}
+
+	function parseConfig() {
+		self.config = {};
+		for (let config in self.instanceConfig)
+			self.config[config] = self.instanceConfig[config];
+
+		for (let k in self.element.dataset || {}) {
+			self.config[k] = typeof Flatpickr.defaultConfig[k] === "boolean"
+				? self.element.dataset[k] !== "false"
+				: self.element.dataset[k]
+		}
+
+		if (!self.config.dateFormat && self.config.enableTime) {
+			self.config.dateFormat = self.config.noCalendar
+				? "H:i" + (self.config.enableSeconds ? ":S" : "")
+				: Flatpickr.defaultConfig.dateFormat + " H:i" + (self.config.enableSeconds ? ":S" : "");
+		}
+
+		if (self.config.altInput && self.config.enableTime && !self.config.altFormat) {
+			self.config.altFormat = self.config.noCalendar
+				? "h:i" + (self.config.enableSeconds ? ":S K" : " K")
+				: Flatpickr.defaultConfig.altFormat + ` h:i${self.config.enableSeconds ? ":S" : ""} K`;
+		}
+
+		for(let k in Flatpickr.defaultConfig) {
+			self.config[k] = typeof self.config[k] !== "undefined"
+				? self.config[k]
+				: Flatpickr.defaultConfig[k];
+		}
+	}
+
+	function parseDate(date, timeless = false) {
+		if (!date)
+			return null;
+
+		const dateTimeRegex = /(\d+)/g,
+			timeRegex = /^(\d{1,2})[:\s](\d\d)?[:\s](\d\d)?\s?(a|p)?/i;
+
+		if (typeof date === "string") {
+			date = date.trim();
+
+			if (date === "today") {
+				date = new Date();
+				timeless = true;
+			}
+
+			else if (self.config.parseDate)
+				date = self.config.parseDate(date);
+
+			else if (timeRegex.test(date)) { // time picker
+				const m = date.match(timeRegex),
+					hours = !m[4]
+						? m[1]  // military time, no conversion needed
+						: (m[1] % 12) + (m[4].toLowerCase() === "p" ? 12 : 0); // am/pm
+
+				date = new Date();
+				date.setHours(hours, m[2] || 0, m[3] || 0);
+			}
+
+			else if (/Z$/.test(date) || /GMT$/.test(date)) // datestrings w/ timezone
+				date = new Date(date);
+
+			else if (dateTimeRegex.test(date) && /^[0-9]/.test(date)) {
+				const d = date.match(dateTimeRegex);
+				date = new Date(
+					`${d[0]}/${d[1] || 1}/${d[2] || 1} ${d[3] || 0}:${d[4] || 0}:${d[5] || 0}`
+				);
+			}
+
+			else // fallback
+				date = new Date(date);
+		}
+
+		if (!(date instanceof Date) || !date.getTime()) {
+			console.warn(`flatpickr: invalid date ${date}`);
+			console.info(self.element);
+			return null;
+		}
+
+		if (self.config.utc && !date.fp_isUTC)
+			date = date.fp_toUTC();
+
+		if (timeless)
+			date.setHours(0, 0, 0, 0);
+
+		return date;
+	}
+
+	function positionCalendar() {
+		const calendarHeight = self.calendarContainer.offsetHeight,
+			input = (self.altInput || self.input),
+			inputBounds = input.getBoundingClientRect(),
+			distanceFromBottom = window.innerHeight - inputBounds.bottom + input.offsetHeight;
+
+		let top,
+			left = (window.pageXOffset + inputBounds.left);
+
+		if (distanceFromBottom < calendarHeight) {
+			top = (window.pageYOffset - calendarHeight + inputBounds.top) - 2;
+			self.calendarContainer.classList.remove("arrowTop");
+			self.calendarContainer.classList.add("arrowBottom");
+		}
+
+		else {
+			top = (window.pageYOffset + input.offsetHeight + inputBounds.top) + 2;
+			self.calendarContainer.classList.remove("arrowBottom");
+			self.calendarContainer.classList.add("arrowTop");
+		}
+
+		if (!self.config.inline && !self.config.static) {
+			self.calendarContainer.style.top = `${top}px`;
+			self.calendarContainer.style.left = `${left}px`;
+		}
+
+	}
+
+	function redraw() {
+		if (self.config.noCalendar || self.isMobile)
+			return;
+
+		buildWeekdays();
+		updateNavigationCurrentMonth();
+		buildDays();
+	}
+
+	function selectDate(e) {
+		e.preventDefault();
+		e.stopPropagation();
+
+		if (self.config.allowInput && e.which === 13 &&
+			(e.target === self.altInput || e.target === self.input)
+		)
+			return self.setDate((self.altInput || self.input).value);
+
+		if (!e.target.classList.contains("flatpickr-day") || e.target.classList.contains("disabled"))
+			return;
+
+		const isPrevMonthDay = e.target.classList.contains("prevMonthDay"),
+			isNextMonthDay = e.target.classList.contains("nextMonthDay"),
+			selectedDate = new Date(self.currentYear, self.currentMonth, e.target.textContent);
+
+		self.selectedDateElem = e.target;
+
+		if (isPrevMonthDay || isNextMonthDay)
+			changeMonth(+isNextMonthDay - isPrevMonthDay);
+
+		if (self.config.mode === "single") {
+			self.selectedDates = [selectedDate];
+			if (!self.config.enableTime)
+				self.close();
+		}
+
+		else if (self.config.mode === "multiple") {
+			const selectedIndex = isDateSelected(selectedDate);
+			if (selectedIndex)
+				self.selectedDates.splice(selectedIndex, 1);
+			else
+				self.selectedDates.push(selectedDate);
+		}
+
+		else if (self.config.mode === "range") {
+			if (self.selectedDates.length === 2)
+				self.clear();
+
+			self.selectedDates.push(selectedDate);
+			self.selectedDates.sort((a,b) => a.getTime() - b.getTime());
+
+			if (self.selectedDates.length === 1)
+				onMouseOver(e);
+		}
+
+		updateValue();
+		buildDays();
+		triggerEvent("Change");
+	}
+
+	function set(option, value) {
+		const isDateOpt = (option === "minDate" || option === "maxDate" || option === "defaultDate");
+		self.config[option] = isDateOpt ? parseDate(value) : value;
+		self.redraw();
+		jumpToDate();
+	}
+
+	function setDate(date, triggerChange) {
+		if (self.config.mode === "single") {
+			date = [parseDate(date)];
+			if (!date[0])
+				return self.clear();
+		}
+
+		else if (Array.isArray(date)) {
+			for (let i = 0; i < date.length; i++) {
+				date[i] = parseDate(date[i]);
+				if (!date[i])
+					return self.clear();
+			}
+		}
+
+		self.selectedDates = date;
+		self.redraw();
+		jumpToDate();
+		updateValue(false);
+
+		if (triggerChange)
+			triggerEvent("Change");
+	}
+
+	function setupDates() {
+		self.selectedDates = [];
+		self.now = new Date();
+		const inputDate = self.config.defaultDate || self.input.value;
+
+		if (Array.isArray(inputDate))
+			self.selectedDates = inputDate.map(parseDate);
+
+		else if (inputDate && parseDate(inputDate)) {
+			switch (self.config.mode) {
+				case "single":
+					self.selectedDates = [parseDate(inputDate)];
+					break;
+
+				case "multiple":
+					self.selectedDates = inputDate.split("; ").map(parseDate);
+					break;
+
+				case "range":
+					self.selectedDates = inputDate.split(" to ").map(parseDate);
+					break;
+
+				default: break;
+			}
+		}
+
+		if (self.config.minDate)
+			self.config.minDate = parseDate(self.config.minDate, true);
+
+		if (self.config.maxDate)
+			self.config.maxDate = parseDate(self.config.maxDate, true);
+
+		const initialDate = (self.selectedDates.length
+			? self.selectedDates[0]
+			: (self.config.defaultDate || self.config.minDate || self.now)
+		);
+
+		self.currentYear = initialDate.getFullYear();
+		self.currentMonth = initialDate.getMonth();
+	}
+
+	function setupFormats() {
+		self.formats = {
+			// weekday name, short, e.g. Thu
+			D: date => Flatpickr.l10n.weekdays.shorthand[self.formats.w(date)],
+
+			// full month name e.g. January
+			F: date => self.utils.monthToStr(self.formats.n(date) - 1, false),
+
+			// hours with leading zero e.g. 03
+			H: date => pad(date.getHours()),
+
+			// day (1-30) with ordinal suffix e.g. 1st, 2nd
+			J: date => date.getDate() + Flatpickr.l10n.ordinal(date.getDate()),
+
+			// AM/PM
+			K: date => date.getHours() > 11 ? "PM" : "AM",
+
+			// shorthand month e.g. Jan, Sep, Oct, etc
+			M: date => self.utils.monthToStr(date.getMonth(), true),
+
+			// seconds 00-59
+			S: date => pad(date.getSeconds()),
+
+			// unix timestamp
+			U: date => date.getTime() / 1000,
+
+			// full year e.g. 2016
+			Y: date => date.getFullYear(),
+
+			// day in month, padded (01-30)
+			d: date => pad(self.formats.j(date)),
+
+			// hour from 1-12 (am/pm)
+			h: date => date.getHours() % 12 ? date.getHours() % 12 : 12,
+
+			// minutes, padded with leading zero e.g. 09
+			i: date => pad(date.getMinutes()),
+
+			// day in month (1-30)
+			j: date => date.getDate(),
+
+			// weekday name, full, e.g. Thursday
+			l: date => Flatpickr.l10n.weekdays.longhand[self.formats.w(date)],
+
+			// padded month number (01-12)
+			m: date => pad(self.formats.n(date)),
+
+			// the month number (1-12)
+			n: date => date.getMonth() + 1,
+
+			// seconds 0-59
+			s: date => date.getSeconds(),
+
+			// number of the day of the week
+			w: date => date.getDay(),
+
+			// last two digits of year e.g. 16 for 2016
+			y: date => String(self.formats.Y(date)).substring(2)
+		};
+	}
+
+	function setupHelperFunctions() {
+		self.utils = {
+			getDaysinMonth: (month = self.currentMonth, yr = self.currentYear) => {
+				if (month === 1 && ((yr % 4 === 0) && (yr % 100 !== 0)) || (yr % 400 === 0))
+					return 29;
+				return Flatpickr.l10n.daysInMonth[month];
+			},
+
+			monthToStr: (monthNumber, short = self.config.shorthandCurrentMonth) =>
+				Flatpickr.l10n.months[(`${short ? "short" : "long"}hand`)][monthNumber],
+		};
+	}
+
+	function setupInputs() {
+		self.input = self.config.wrap ? self.element.querySelector("[data-input]") : self.element;
+
+		self.input.classList.add("flatpickr-input");
+		if (self.config.altInput) {
+			// replicate self.element
+			self.altInput = createElement(
+				self.input.nodeName,
+				"flatpickr-input " + self.config.altInputClass
+			);
+			self.altInput.placeholder = self.input.placeholder;
+			self.altInput.type = "text";
+
+			self.input.type = "hidden";
+			self.input.parentNode.insertBefore(self.altInput, self.input.nextSibling);
+		}
+
+		if (!self.config.allowInput)
+			(self.altInput || self.input).setAttribute("readonly", "readonly");
+	}
+
+	function setupMobile() {
+		const inputType = self.config.enableTime
+			? (self.config.noCalendar ? "time" : "datetime-local")
+			: "date";
+
+		self.mobileInput = createElement("input", "flatpickr-input flatpickr-mobile");
+		self.mobileInput.step = "any";
+		self.mobileInput.tabIndex = -1;
+		self.mobileInput.type = inputType;
+
+		self.mobileFormatStr = inputType === "datetime-local"
+			? "Y-m-d\\TH:i:S"
+			: inputType === "date"
+				? "Y-m-d"
+				: "H:i:S";
+
+		if (self.selectedDates.length) {
+			self.mobileInput.defaultValue =
+			self.mobileInput.value =
+			formatDate(self.mobileFormatStr, self.selectedDates[0]);
+		}
+
+		if (self.config.minDate)
+			self.mobileInput.min = formatDate("Y-m-d", self.config.minDate);
+
+		if (self.config.maxDate)
+			self.mobileInput.max = formatDate("Y-m-d", self.config.maxDate);
+
+		self.input.type = "hidden";
+		if (self.config.altInput)
+			self.altInput.type = "hidden";
+
+		try {
+			self.input.parentNode.insertBefore(self.mobileInput, self.input.nextSibling);
+		}
+		catch (e) {
+			//
+		}
+
+		self.mobileInput.addEventListener("change", e => {
+			self.setDate(e.target.value);
+			triggerEvent("Change");
+			triggerEvent("Close");
+		});
+	}
+
+	function toggle() {
+		if (self.isOpen)
+			self.close();
+		else
+			self.open();
+	}
+
+	function triggerEvent(event, data) {
+		if (self.config["on" + event]) {
+			const hooks = Array.isArray(self.config["on" + event])
+				? self.config["on" + event]
+				: [self.config["on" + event]];
+
+			for (var i = 0; i < hooks.length; i++)
+				hooks[i](self.selectedDates, self.input.value, self, data);
+		}
+
+		if (event === "Change")
+			self.input.dispatchEvent(self.changeEvent);
+	}
+
+	function latestSelectedDateObj() {
+		if (self.selectedDates.length)
+			return self.selectedDates[self.selectedDates.length - 1];
+		return null;
+	}
+
+	function isDateSelected(date) {
+		if (self.selectedDates.length) {
+			for (var i = 0; i < self.selectedDates.length; i++) {
+				if (equalDates(self.selectedDates[i], date))
+					return "" + i;
+			}
+		}
+		return false;
+	}
+
+	function isDateInRange(date){
+		if (self.config.mode !== "range" || self.selectedDates.length < 2)
+			return false;
+		return date > self.selectedDates[0] && date < self.selectedDates[1];
+	}
+
+	function updateNavigationCurrentMonth() {
+		self.currentMonthElement.textContent = self.utils.monthToStr(self.currentMonth) + " ";
+		self.currentYearElement.value = self.currentYear;
+
+		if (self.config.minDate instanceof Date) {
+			self.currentYearElement.min = self.config.minDate.getFullYear();
+			const hidePrevMonthArrow = self.currentYear === self.config.minDate.getFullYear()
+				? (self.currentMonth + 11) % 12 < self.config.minDate.getMonth()
+				: self.currentYear < self.config.minDate.getFullYear();
+
+			self.prevMonthNav.style.display = hidePrevMonthArrow ? "none" : "block";
+		}
+
+		else {
+			self.currentYearElement.removeAttribute("min");
+			self.prevMonthNav.style.display = "block";
+		}
+
+		if (self.config.maxDate instanceof Date) {
+			const hideNextMonthArrow = self.currentYear === self.config.maxDate.getFullYear()
+				? self.currentMonth + 1 > self.config.maxDate.getMonth()
+				: self.currentYear > self.config.maxDate.getFullYear();
+
+			self.nextMonthNav.style.display = hideNextMonthArrow ? "none" : "block";
+			self.currentYearElement.max = self.config.maxDate.getFullYear();
+		}
+
+		else {
+			self.currentYearElement.removeAttribute("max");
+			self.nextMonthNav.style.display = "block";
+		}
+	}
+
+	function updateValue(readTimeInput = true) {
+		if (!self.selectedDates.length)
+			return self.clear();
+
+		if (self.config.enableTime && !self.isMobile) {
+			let hours,
+				minutes,
+				seconds;
+
+			if (readTimeInput) {
+				// update time
+				hours = (parseInt(self.hourElement.value, 10) || 0);
+
+				minutes = (60 + (parseInt(self.minuteElement.value, 10) || 0)) % 60;
+
+				if (self.config.enableSeconds)
+					seconds = (60 + (parseInt(self.secondElement.value, 10)) || 0) % 60;
+
+				if (!self.config.time_24hr)
+					// the real number of hours for the date object
+					hours = hours % 12 + 12 * (self.amPM.innerHTML === "PM");
+
+				self.selectedDates[self.selectedDates.length - 1].setHours(hours, minutes, seconds || 0,	0);
+			}
+
+			else {
+				hours = latestSelectedDateObj().getHours();
+				minutes = latestSelectedDateObj().getMinutes();
+				seconds = latestSelectedDateObj().getSeconds();
+			}
+
+			self.hourElement.value = pad(
+				!self.config.time_24hr ? (12 + hours) % 12 + 12 * (hours % 12 === 0) : hours
+			);
+			self.minuteElement.value = pad(minutes);
+
+			if (!self.config.time_24hr)
+				self.amPM.textContent = hours >= 12 ? "PM" : "AM";
+
+			if (self.config.enableSeconds)
+				self.secondElement.value = pad(seconds);
+		}
+
+		if (self.isMobile) {
+			self.mobileInput.value = self.selectedDates.length
+			? formatDate(self.mobileFormatStr, latestSelectedDateObj())
+			: "";
+		}
+
+		switch (self.config.mode) {
+			case "single":
+				self.input.value = formatDate(self.config.dateFormat, latestSelectedDateObj());
+				if (self.altInput)
+					self.altInput.value = formatDate(self.config.altFormat, latestSelectedDateObj());
+				break;
+
+			case "multiple":
+				self.input.value = self.selectedDates.map(dObj => formatDate(self.config.dateFormat, dObj)).join("; ");
+				if (self.altInput)
+					self.altInput.value = self.selectedDates.map(dObj => formatDate(self.config.altFormat, dObj)).join("; ");
+				break;
+
+			case "range":
+				if (self.selectedDates.length === 2)
+					(self.altInput || self.input).value = self.selectedDates.map(dObj => formatDate(self.config.dateFormat, dObj)).join(" to ");
+
+				else
+					(self.altInput || self.input).value = formatDate(self.config.dateFormat, latestSelectedDateObj());
+				break;
+		}
+
+		triggerEvent("ValueUpdate");
+	}
+
+	function yearScroll(e) {
+		e.preventDefault();
+
+		const delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.deltaY)));
+		self.currentYear = e.target.value = parseInt(e.target.value, 10) + delta;
+		self.redraw();
+	}
+
+	function createElement(tag, className = "", content = "") {
+		const e = document.createElement(tag);
+		e.className = className;
+
+		if (content)
+			e.textContent = content;
+
+		return e;
+	}
+
+	function debounce(func, wait, immediate) {
+		let timeout;
+		return function (...args) {
+			const context = this;
+			const later = function () {
+				timeout = null;
+				if (!immediate)
+					func.apply(context, args);
+			};
+
+			clearTimeout(timeout);
+			timeout = setTimeout(later, wait);
+			if (immediate && !timeout)
+				func.apply(context, args);
+		};
+	}
+
+	function equalDates(date1, date2) {
+		if (!(date1 instanceof Date) || !(date2 instanceof Date))
+			return false;
+		return date1.getDate() === date2.getDate() &&
+		date1.getMonth() === date2.getMonth() &&
+		date1.getFullYear() === date2.getFullYear();
+	}
+
+	function timeWrapper(e) {
+		e.preventDefault();
+		if (e && (
+			(e.target.value || e.target.textContent).length >= 2 ||
+			(e.type !== "keydown" && e.type !== "input")
+		))
+			e.target.blur();
+
+		if (e.target.className === "flatpickr-am-pm") {
+			e.target.textContent = ["AM", "PM"][(e.target.textContent === "AM") | 0];
+			e.stopPropagation();
+			return;
+		}
+
+		const min = parseInt(e.target.min, 10),
+			max = parseInt(e.target.max, 10),
+			step = parseInt(e.target.step, 10),
+			value = parseInt(e.target.value, 10);
+
+		let newValue = value;
+
+		if (e.type === "wheel")
+			newValue = value + step * (Math.max(-1, Math.min(1, (e.wheelDelta || -e.deltaY))));
+
+		else if (e.type === "keydown")
+			newValue = value + step * (e.which === 38 ? 1 : -1);
+
+		if (newValue <= min)
+			newValue = max - step;
+
+		else if (newValue >= max)
+			newValue = min + step;
+
+		e.target.value = pad(newValue);
+	}
+
+	init();
+	return self;
+}
+
+Flatpickr.defaultConfig = {
+
+	mode: "single",
+
+	/* if true, dates will be parsed, formatted, and displayed in UTC.
+	preloading date strings w/ timezones is recommended but not necessary */
+	utc: false,
+
+	// wrap: see https://chmln.github.io/flatpickr/#strap
+	wrap: false,
+
+	// enables week numbers
+	weekNumbers: false,
+
+	// allow manual datetime input
+	allowInput: false,
+
+	/*
+		clicking on input opens the date(time)picker.
+		disable if you wish to open the calendar manually with .open()
+	*/
+	clickOpens: true,
+
+	// display time picker in 24 hour mode
+	time_24hr: false,
+
+	// enables the time picker functionality
+	enableTime: false,
+
+	// noCalendar: true will hide the calendar. use for a time picker along w/ enableTime
+	noCalendar: false,
+
+	// more date format chars at https://chmln.github.io/flatpickr/#dateformat
+	dateFormat: "Y-m-d",
+
+	// altInput - see https://chmln.github.io/flatpickr/#altinput
+	altInput: null,
+
+	// the created altInput element will have this class.
+	altInputClass: "",
+
+	// same as dateFormat, but for altInput
+	altFormat: "F j, Y", // defaults to e.g. June 10, 2016
+
+	// defaultDate - either a datestring or a date object. used for datetimepicker"s initial value
+	defaultDate: null,
+
+	// the minimum date that user can pick (inclusive)
+	minDate: null,
+
+	// the maximum date that user can pick (inclusive)
+	maxDate: null,
+
+	// dateparser that transforms a given string to a date object
+	parseDate: null,
+
+	// see https://chmln.github.io/flatpickr/#disable
+	enable: [],
+
+	// see https://chmln.github.io/flatpickr/#disable
+	disable: [],
+
+	// display the short version of month names - e.g. Sep instead of September
+	shorthandCurrentMonth: false,
+
+	// displays calendar inline. see https://chmln.github.io/flatpickr/#inline-calendar
+	inline: false,
+
+	// position calendar inside wrapper and next to the input element
+	// leave at false unless you know what you"re doing
+	static: false,
+
+	// code for previous/next icons. this is where you put your custom icon code e.g. fontawesome
+	prevArrow: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",
+	nextArrow: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",
+
+
+	// enables seconds in the time picker
+	enableSeconds: false,
+
+	// step size used when scrolling/incrementing the hour element
+	hourIncrement: 1,
+
+	// step size used when scrolling/incrementing the minute element
+	minuteIncrement: 5,
+
+	// initial value in the hour element
+	defaultHour: 12,
+
+	// initial value in the minute element
+	defaultMinute: 0,
+
+	// disable native mobile datetime input support
+	disableMobile: false,
+
+	// onChange callback when user selects a date or time
+	onChange: null, // function (dateObj, dateStr) {}
+
+	// called every time calendar is opened
+	onOpen: null, // function (dateObj, dateStr) {}
+
+	// called every time calendar is closed
+	onClose: null, // function (dateObj, dateStr) {}
+
+	// called after calendar is ready
+	onReady: null, // function (dateObj, dateStr) {}
+
+	onValueUpdate: null,
+
+	onDayCreate: null
+};
+
+Flatpickr.l10n = {
+	weekdays: {
+		shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+		longhand: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
+	},
+	months: {
+		shorthand: [
+			"Jan", "Feb", "Mar", "Apr",
+			"May", "Jun", "Jul", "Aug",
+			"Sep", "Oct", "Nov", "Dec"
+		],
+		longhand: [
+			"January", "February", "March",	"April",
+			"May", "June", "July", "August",
+			"September", "October", "November", "December"
+		]
+	},
+	daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+	firstDayOfWeek: 0,
+	ordinal: (nth) => {
+		const s = nth % 100;
+		if (s > 3 && s < 21) return "th";
+		switch (s % 10) {
+			case 1: return "st";
+			case 2: return "nd";
+			case 3: return "rd";
+			default: return "th";
+		}
+	},
+	weekAbbreviation: "Wk",
+	scrollTitle: "Scroll to increment",
+	toggleTitle: "Click to toggle"
+};
+
+Flatpickr.localize = function (l10n) {
+	Object.keys(l10n).forEach(k => Flatpickr.l10n[k] = l10n[k]);
+};
+
+function _flatpickr(nodeList, config) {
+	let instances = [];
+	for (let i = 0; i < nodeList.length; i++) {
+		if (nodeList[i]._flatpickr)
+			nodeList[i]._flatpickr.destroy();
+
+		try {
+			nodeList[i]._flatpickr = new Flatpickr(nodeList[i], config || {});
+			instances.push(nodeList[i]._flatpickr);
+		}
+
+		catch (e) {
+			console.warn(e, e.stack);
+		}
+	}
+
+	return instances.length === 1 ? instances[0] : instances;
+}
+if (typeof HTMLElement !== "undefined") { // browser env
+	HTMLCollection.prototype.flatpickr = NodeList.prototype.flatpickr = function (config) {
+		return _flatpickr(this, config);
+	};
+
+	HTMLElement.prototype.flatpickr = function (config) {
+		return _flatpickr([this], config);
+	};
+}
+
+function flatpickr(selector, config) {
+	return _flatpickr(document.querySelectorAll(selector), config);
+}
+
+if (typeof jQuery !== "undefined") {
+	jQuery.fn.flatpickr = function (config) {
+		return _flatpickr(this, config);
+	};
+}
+
+Date.prototype.fp_incr = function (days) {
+	return new Date(
+		this.getFullYear(),
+		this.getMonth(),
+		this.getDate() + parseInt(days, 10)
+	);
+};
+
+Date.prototype.fp_isUTC = false;
+Date.prototype.fp_toUTC = function () {
+	const newDate = new Date(
+		this.getUTCFullYear(),
+		this.getUTCMonth(),
+		this.getUTCDate(),
+		this.getUTCHours(),
+		this.getUTCMinutes(),
+		this.getUTCSeconds()
+	);
+
+	newDate.fp_isUTC = true;
+	return newDate;
+};
+
+Flatpickr.prototype.getWeek = function (givenDate) {
+	const date = new Date(givenDate.getTime());
+	date.setHours(0, 0, 0, 0);
+
+	// Thursday in current week decides the year.
+	date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
+	// January 4 is always in week 1.
+	const week1 = new Date(date.getFullYear(), 0, 4);
+	// Adjust to Thursday in week 1 and count number of weeks from date to week1.
+	return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 +
+		(week1.getDay() + 6) % 7) / 7);
+};
+
+// IE9 classList polyfill
+if (
+	!("classList" in document.documentElement) &&
+	Object.defineProperty && typeof HTMLElement !== "undefined"
+) {
+	Object.defineProperty(HTMLElement.prototype, "classList", {
+		get: function () {
+			let self = this;
+			function update(fn) {
+				return function (value) {
+					let classes = self.className.split(/\s+/),
+						index = classes.indexOf(value);
+
+					fn(classes, index, value);
+					self.className = classes.join(" ");
+				};
+			}
+
+			let ret = {
+				add: update((classes, index, value) => {
+					if (!(~index))
+						classes.push(value);
+				}),
+
+				remove: update((classes, index) => {
+					if (~index)
+						classes.splice(index, 1);
+				}),
+
+				toggle: update((classes, index, value) => {
+					if (~index)
+						classes.splice(index, 1);
+					else
+						classes.push(value);
+				}),
+
+				contains: value => !!~self.className.split(/\s+/).indexOf(value),
+
+				item: function (i) {
+					return self.className.split(/\s+/)[i] || null;
+				}
+			};
+
+			Object.defineProperty(ret, "length", {
+				get: function () {
+					return self.className.split(/\s+/).length;
+				}
+			});
+
+			return ret;
+		}
+	});
+}
+
+
+if (typeof module !== "undefined")
+	module.exports = Flatpickr;