| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185 |
- "use strict";
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
- /*! flatpickr v2.0, @license MIT */
- function Flatpickr(element, config) {
- var self = this;
- function init() {
- self.element = element;
- self.instanceConfig = config || {};
- self.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
- setupFormats();
- parseConfig();
- setupInputs();
- setupDates();
- setupHelperFunctions();
- 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;
- if (self.isMobile && !self.config.disableMobile) {
- bind();
- setupMobile();
- } else {
- build();
- bind();
- }
- if (self.selectedDateObj) updateValue();
- triggerEvent("Ready");
- }
- function updateTime(e) {
- timeWrapper(e);
- updateValue(e);
- }
- function bind() {
- if (self.config.wrap) {
- ["open", "close", "toggle", "clear"].forEach(function (el) {
- try {
- self.element.querySelector("[data-" + el + "]").addEventListener("click", self[el]);
- } catch (e) {
- //
- }
- });
- }
- if (self.isMobile) return;
- document.addEventListener("keydown", onKeyDown);
- window.addEventListener("resize", debounce(onResize, 300));
- 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", function () {
- return changeMonth(-1);
- });
- self.nextMonthNav.addEventListener("click", function () {
- return changeMonth(1);
- });
- self.currentYearElement.addEventListener("wheel", yearScroll);
- self.currentYearElement.addEventListener("focus", function () {
- self.currentYearElement.select();
- });
- self.currentYearElement.addEventListener("input", function (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("wheel", debounce(function () {
- return triggerEvent("Change");
- }, 1000));
- self.timeContainer.addEventListener("input", updateTime);
- self.hourElement.addEventListener("focus", function () {
- return self.hourElement.select();
- });
- self.minuteElement.addEventListener("focus", function () {
- return self.minuteElement.select();
- });
- if (self.secondElement) self.secondElement.addEventListener("focus", function () {
- return self.secondElement.select();
- });
- if (self.amPM) self.amPM.addEventListener("click", updateTime);
- }
- }
- function jumpToDate(jumpDate) {
- jumpDate = jumpDate ? parseDate(jumpDate) : self.selectedDateObj || self.config.defaultDate || self.config.minDate || self.now;
- self.currentYear = jumpDate.getFullYear();
- self.currentMonth = jumpDate.getMonth();
- self.redraw();
- }
- function build() {
- var fragment = document.createDocumentFragment();
- self.calendarContainer = createElement("div", "flatpickr-calendar");
- 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.appendChild(self.calendarContainer);
- } else document.body.appendChild(self.calendarContainer);
- }
- function buildDays() {
- if (!self.days) {
- self.days = createElement("div", "flatpickr-days");
- self.days.tabIndex = -1;
- }
- var firstOfMonth = (new Date(self.currentYear, self.currentMonth, 1).getDay() - Flatpickr.l10n.firstDayOfWeek + 7) % 7,
- daysInMonth = self.utils.getDaysinMonth(),
- prevMonthDays = self.utils.getDaysinMonth((self.currentMonth - 1 + 12) % 12),
- days = document.createDocumentFragment();
- var dayNumber = prevMonthDays + 1 - firstOfMonth,
- currentDate = void 0,
- dateIsDisabled = void 0;
- if (self.config.weekNumbers) self.weekNumbers.innerHTML = "";
- self.days.innerHTML = "";
- // prepend days from the ending of previous month
- for (; dayNumber <= prevMonthDays; dayNumber++) {
- var curDate = new Date(self.currentYear, self.currentMonth - 1, dayNumber, 0, 0, 0, 0, 0),
- dateIsEnabled = isEnabled(curDate),
- dayElem = createElement("span", "flatpickr-day prevMonthDay" + (dateIsEnabled ? "" : " disabled"), dayNumber);
- if (dateIsEnabled) dayElem.tabIndex = 0;
- days.appendChild(dayElem);
- }
- // 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);
- var dayElement = createElement("span", dateIsDisabled ? "flatpickr-day disabled" : "flatpickr-day", dayNumber);
- if (!dateIsDisabled) {
- dayElement.tabIndex = 0;
- if (equalDates(currentDate, new Date())) dayElement.classList.add("today");
- if (self.selectedDateObj && equalDates(currentDate, self.selectedDateObj)) {
- dayElement.classList.add("selected");
- self.selectedDateElem = dayElement;
- }
- }
- days.appendChild(dayElement);
- }
- // append days from the next month
- for (var dayNum = daysInMonth + 1; dayNum <= 42 - firstOfMonth; dayNum++) {
- var _curDate = new Date(self.currentYear, self.currentMonth + 1, dayNum % daysInMonth, 0, 0, 0, 0, 0),
- _dateIsEnabled = isEnabled(_curDate),
- _dayElement = createElement("span", "flatpickr-day nextMonthDay" + (_dateIsEnabled ? "" : " disabled"), 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;
- days.appendChild(_dayElement);
- }
- self.days.appendChild(days);
- return self.days;
- }
- function buildMonthNav() {
- var 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 = "number";
- self.currentYearElement.title = Flatpickr.l10n.scrollTitle;
- 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;
- var 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 = "number";
- self.hourElement.value = self.selectedDateObj ? pad(self.selectedDateObj.getHours()) : 12;
- self.minuteElement.value = self.selectedDateObj ? pad(self.selectedDateObj.getMinutes()) : "00";
- 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 = "number";
- self.secondElement.value = self.selectedDateObj ? pad(self.selectedDateObj.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");
- var firstDayOfWeek = Flatpickr.l10n.firstDayOfWeek;
- var 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();
- (self.config.noCalendar ? self.timeContainer : self.days).focus();
- }
- function clear() {
- self.input.value = "";
- if (self.altInput) self.altInput.value = "";
- self.selectedDateObj = null;
- 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.input.value = "";
- if (self.altInput) {
- self.input.type = "text";
- self.altInput.parentNode.removeChild(self.altInput);
- }
- document.removeEventListener("keydown", onKeyDown);
- window.removeEventListener("resize", onResize);
- document.removeEventListener("click", documentClick);
- document.removeEventListener("blur", documentClick);
- delete self.input._flatpickr;
- }
- function documentClick(e) {
- var isCalendarElement = self.calendarContainer.contains(e.target),
- isInput = self.element.contains(e.target) || e.target === self.altInput;
- if (self.isOpen && !isCalendarElement && !isInput) self.close();
- }
- function formatDate(frmt, dateObj) {
- var chars = frmt.split("");
- return chars.map(function (c, i) {
- return 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
- var bool = self.config.enable.length > 0,
- array = bool ? self.config.enable : self.config.disable;
- var d = void 0;
- for (var i = 0; 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 === "undefined" ? "undefined" : _typeof(d)) === "object" && d.hasOwnProperty("from") && dateToCheck >= parseDate(d.from) && dateToCheck <= parseDate(d.to)) return bool;
- }
- return !bool;
- }
- function onKeyDown(e) {
- if (!self.isOpen) return;
- switch (e.which) {
- case 13:
- if (self.timeContainer && self.timeContainer.contains(e.target)) updateValue(e);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.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.contains(e.target)) updateTime(e);else {
- self.currentYear--;
- self.redraw();
- }
- break;
- default:
- break;
- }
- }
- function onResize() {
- if (self.isOpen && !self.config.inline && !self.config.static) positionCalendar();
- }
- function open(e) {
- if (self.isMobile) {
- e.preventDefault();
- e.target.blur();
- setTimeout(function () {
- 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.selectedDateObj ? 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 = self.instanceConfig;
- Object.keys(self.element.dataset).forEach(function (k) {
- return 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 = Flatpickr.defaultConfig.dateFormat;
- if (self.config.noCalendar) {
- // time picker
- self.config.dateFormat = "H:i" + (self.config.enableSeconds ? ":S" : "");
- self.config.altFormat = "h:i" + (self.config.enableSeconds ? ":S K" : " K");
- } else {
- self.config.dateFormat += " H:i" + (self.config.enableSeconds ? ":S" : "");
- self.config.altFormat = "h:i" + (self.config.enableSeconds ? ":S" : "") + " K";
- }
- }
- Object.keys(Flatpickr.defaultConfig).forEach(function (k) {
- return self.config[k] = typeof self.config[k] !== "undefined" ? self.config[k] : Flatpickr.defaultConfig[k];
- });
- }
- function parseDate(date) {
- var timeless = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
- 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 (/^\d\d:\d\d/.test(date)) {
- // time picker
- var m = date.match(/^(\d{1,2})[:\s]?(\d\d)?[:\s]?(\d\d)?/);
- date = new Date();
- date.setHours(m[1], m[2] || 0, m[2] || 0);
- } else if (/Z$/.test(date) || /GMT$/.test(date)) // datestrings w/ timezone
- date = new Date(date);else if (/(\d+)/g.test(date)) {
- var d = date.match(/(\d+)/g);
- date = new Date(d[0] + "/" + (d[1] || 1) + "/" + (d[2] || 1) + " " + (d[3] || 0) + ":" + (d[4] || 0) + ":" + (d[5] || 0));
- }
- }
- 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() {
- var calendarHeight = self.calendarContainer.offsetHeight,
- input = self.altInput || self.input,
- inputBounds = input.getBoundingClientRect(),
- distanceFromBottom = window.innerHeight - inputBounds.bottom + input.offsetHeight;
- var top = void 0,
- 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.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.target === self.altInput || e.target === self.input) && e.which === 13) self.setDate((self.altInput || self.input).value);else if (e.target.classList.contains("flatpickr-day") && !e.target.classList.contains("disabled")) {
- var isPrevMonthDay = e.target.classList.contains("prevMonthDay"),
- isNextMonthDay = e.target.classList.contains("nextMonthDay");
- if (isPrevMonthDay || isNextMonthDay) changeMonth(+isNextMonthDay - isPrevMonthDay);
- self.selectedDateObj = parseDate(new Date(self.currentYear, self.currentMonth, e.target.innerHTML));
- updateValue(e);
- buildDays();
- triggerEvent("Change");
- if (!self.config.enableTime) self.close();
- }
- }
- function set(option, value) {
- self.config[option] = value;
- jumpToDate();
- }
- function setDate(date, triggerChange) {
- date = parseDate(date);
- if (date instanceof Date && date.getTime()) {
- self.selectedDateObj = date;
- jumpToDate(self.selectedDateObj);
- updateValue(false);
- if (triggerChange) triggerEvent("Change");
- } else (self.altInput || self.input).value = "";
- }
- function setupDates() {
- self.now = new Date();
- if (self.config.defaultDate || self.input.value) self.selectedDateObj = parseDate(self.config.defaultDate || self.input.value);
- if (self.config.minDate) self.config.minDate = parseDate(self.config.minDate, true);
- if (self.config.maxDate) self.config.maxDate = parseDate(self.config.maxDate, true);
- var initialDate = self.selectedDateObj || self.config.defaultDate || self.config.minDate || new Date();
- self.currentYear = initialDate.getFullYear();
- self.currentMonth = initialDate.getMonth();
- }
- function setupFormats() {
- self.formats = {
- // weekday name, short, e.g. Thu
- D: function D(date) {
- return Flatpickr.l10n.weekdays.shorthand[self.formats.w(date)];
- },
- // full month name e.g. January
- F: function F(date) {
- return self.utils.monthToStr(self.formats.n(date) - 1, false);
- },
- // hours with leading zero e.g. 03
- H: function H(date) {
- return pad(date.getHours());
- },
- // day (1-30) with ordinal suffix e.g. 1st, 2nd
- J: function J(date) {
- return date.getDate() + Flatpickr.l10n.ordinal(date.getDate());
- },
- // AM/PM
- K: function K(date) {
- return date.getHours() > 11 ? "PM" : "AM";
- },
- // shorthand month e.g. Jan, Sep, Oct, etc
- M: function M(date) {
- return self.utils.monthToStr(date.getMonth(), true);
- },
- // seconds 00-59
- S: function S(date) {
- return pad(date.getSeconds());
- },
- // unix timestamp
- U: function U(date) {
- return date.getTime() / 1000;
- },
- // full year e.g. 2016
- Y: function Y(date) {
- return date.getFullYear();
- },
- // day in month, padded (01-30)
- d: function d(date) {
- return pad(self.formats.j(date));
- },
- // hour from 1-12 (am/pm)
- h: function h(date) {
- return date.getHours() % 12 ? date.getHours() % 12 : 12;
- },
- // minutes, padded with leading zero e.g. 09
- i: function i(date) {
- return pad(date.getMinutes());
- },
- // day in month (1-30)
- j: function j(date) {
- return date.getDate();
- },
- // weekday name, full, e.g. Thursday
- l: function l(date) {
- return Flatpickr.l10n.weekdays.longhand[self.formats.w(date)];
- },
- // padded month number (01-12)
- m: function m(date) {
- return pad(self.formats.n(date));
- },
- // the month number (1-12)
- n: function n(date) {
- return date.getMonth() + 1;
- },
- // seconds 0-59
- s: function s(date) {
- return date.getSeconds();
- },
- // number of the day of the week
- w: function w(date) {
- return date.getDay();
- },
- // last two digits of year e.g. 16 for 2016
- y: function y(date) {
- return String(self.formats.Y(date)).substring(2);
- }
- };
- }
- function setupHelperFunctions() {
- self.utils = {
- getDaysinMonth: function getDaysinMonth() {
- var month = arguments.length <= 0 || arguments[0] === undefined ? self.currentMonth : arguments[0];
- var yr = arguments.length <= 1 || arguments[1] === undefined ? self.currentYear : arguments[1];
- if (month === 1 && yr % 4 === 0 && yr % 100 !== 0 || yr % 400 === 0) return 29;
- return Flatpickr.l10n.daysInMonth[month];
- },
- monthToStr: function monthToStr(monthNumber) {
- var short = arguments.length <= 1 || arguments[1] === undefined ? self.config.shorthandCurrentMonth : arguments[1];
- return 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() {
- var inputType = self.config.enableTime ? self.config.noCalendar ? "time" : "datetime-local" : "date";
- self.mobileInput = createElement("input", "flatpickr-input");
- self.mobileInput.step = "any";
- self.mobileInput.tabIndex = -1;
- self.mobileInput.type = inputType;
- if (self.selectedDateObj) {
- var formatStr = inputType === "datetime-local" ? "Y-m-d\\TH:i:S" : inputType === "date" ? "Y-m-d" : "H:i:S";
- var mobileFormattedDate = formatDate(formatStr, self.selectedDateObj);
- self.mobileInput.defaultValue = self.mobileInput.value = mobileFormattedDate;
- }
- 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", function (e) {
- self.setDate(e.target.value);
- triggerEvent("Change");
- triggerEvent("Close");
- });
- }
- function toggle() {
- if (self.isOpen) self.close();else self.open();
- }
- function triggerEvent(event) {
- if (self.config["on" + event]) self.config["on" + event](self.selectedDateObj, self.input.value, self);
- }
- function updateNavigationCurrentMonth() {
- self.currentMonthElement.textContent = self.utils.monthToStr(self.currentMonth) + " ";
- self.currentYearElement.value = self.currentYear;
- }
- function updateValue() {
- var readTimeInput = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
- if (self.config.noCalendar && !self.selectedDateObj)
- // picking time only and method triggered from picker
- self.selectedDateObj = new Date();else if (!self.selectedDateObj) return;
- if (self.config.enableTime && !self.isMobile) {
- var hours = void 0,
- minutes = void 0,
- seconds = void 0;
- 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.selectedDateObj.setHours(hours, minutes, seconds || 0, 0);
- } else {
- hours = self.selectedDateObj.getHours();
- minutes = self.selectedDateObj.getMinutes();
- seconds = self.selectedDateObj.getSeconds();
- }
- self.hourElement.value = pad(!self.config.time_24hr ? (12 + hours) % 12 + 12 * (hours % 12 === 0) : hours);
- self.minuteElement.value = pad(minutes);
- if (self.secondElement !== undefined) self.secondElement.value = pad(seconds);
- }
- self.input.value = formatDate(self.config.dateFormat, self.selectedDateObj);
- if (self.altInput) self.altInput.value = formatDate(self.config.altFormat, self.selectedDateObj);
- triggerEvent("ValueUpdate");
- }
- function yearScroll(e) {
- e.preventDefault();
- var 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) {
- var className = arguments.length <= 1 || arguments[1] === undefined ? "" : arguments[1];
- var content = arguments.length <= 2 || arguments[2] === undefined ? "" : arguments[2];
- var e = document.createElement(tag);
- e.className = className;
- if (content) e.textContent = content;
- return e;
- }
- function debounce(func, wait, immediate) {
- var timeout = void 0;
- return function () {
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- var context = this;
- var later = function later() {
- 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) {
- return date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
- }
- function timeWrapper(e) {
- e.preventDefault();
- if (e && e.type !== "keydown") e.target.blur();
- if (e.target.className === "flatpickr-am-pm") {
- e.target.textContent = ["AM", "PM"][e.target.textContent === "AM" | 0];
- e.stopPropagation();
- return;
- }
- var min = parseInt(e.target.min, 10),
- max = parseInt(e.target.max, 10),
- step = parseInt(e.target.step, 10),
- value = parseInt(e.target.value, 10);
- var 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 = {
- /* 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,
- 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,
- // 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
- };
- 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: function ordinal(nth) {
- var 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(function (k) {
- return Flatpickr.l10n[k] = l10n[k];
- });
- };
- function _flatpickr(nodeList, config) {
- var instances = [];
- for (var 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;
- }
- HTMLCollection.prototype.flatpickr = NodeList.prototype.flatpickr = function (config) {
- return _flatpickr(this, config);
- };
- HTMLElement.prototype.flatpickr = function (config) {
- return _flatpickr([this], 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 () {
- var newDate = new Date(this.getTime() + this.getTimezoneOffset() * 60000);
- newDate.fp_isUTC = true;
- return newDate;
- };
- Flatpickr.prototype.getWeek = function (givenDate) {
- var 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.
- var 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 get() {
- var self = this;
- function update(fn) {
- return function (value) {
- var classes = self.className.split(/\s+/),
- index = classes.indexOf(value);
- fn(classes, index, value);
- self.className = classes.join(" ");
- };
- }
- var ret = {
- add: update(function (classes, index, value) {
- ~index || classes.push(value);
- }),
- remove: update(function (classes, index) {
- ~index && classes.splice(index, 1);
- }),
- toggle: update(function (classes, index, value) {
- ~index ? classes.splice(index, 1) : classes.push(value);
- }),
- contains: function contains(value) {
- return !!~self.className.split(/\s+/).indexOf(value);
- },
- item: function item(i) {
- return self.className.split(/\s+/)[i] || null;
- }
- };
- Object.defineProperty(ret, "length", {
- get: function get() {
- return self.className.split(/\s+/).length;
- }
- });
- return ret;
- }
- });
- }
- if (typeof module !== "undefined") module.exports = Flatpickr;
|