flowbite-datepicker
Version:
A Tailwind CSS powered datepicker built with vanilla JavaScript and Flowbite
1 lines • 37.4 kB
JavaScript
var Datepicker=function(){"use strict";function e(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function t(e){return e[e.length-1]}function i(e,...t){return t.forEach(t=>{e.includes(t)||e.push(t)}),e}function a(e,t){return e?e.split(t):[]}function r(e,t,i){return(void 0===t||e>=t)&&(void 0===i||e<=i)}function s(e,t,i){return e<t?t:e>i?i:e}function n(e,t,i={},a=0,r=""){r+=`<${Object.keys(i).reduce((e,t)=>{let r=i[t];return"function"==typeof r&&(r=r(a)),`${e} ${t}="${r}"`},e)}></${e}>`;const s=a+1;return s<t?n(e,t,i,s,r):r}function d(e){return e.replace(/>\s+/g,">").replace(/\s+</,"<")}function o(e){return new Date(e).setHours(0,0,0,0)}function c(){return(new Date).setHours(0,0,0,0)}function l(...e){switch(e.length){case 0:return c();case 1:return o(e[0])}const t=new Date(0);return t.setFullYear(...e),t.setHours(0,0,0,0)}function h(e,t){const i=new Date(e);return i.setDate(i.getDate()+t)}function u(e,t){const i=new Date(e),a=i.getMonth()+t;let r=a%12;r<0&&(r+=12);const s=i.setMonth(a);return i.getMonth()!==r?i.setDate(0):s}function g(e,t){const i=new Date(e),a=i.getMonth(),r=i.setFullYear(i.getFullYear()+t);return 1===a&&2===i.getMonth()?i.setDate(0):r}function f(e,t){return(e-t+7)%7}function m(e,t,i=0){const a=new Date(e).getDay();return h(e,f(t,i)-f(a,i))}function p(e,t){const i=new Date(e).getFullYear();return Math.floor(i/t)*t}const b=/dd?|DD?|mm?|MM?|yy?(?:yy)?/,y=/[\s!-/:-@[-`{-~年月日]+/;let w={};const k={y:(e,t)=>new Date(e).setFullYear(parseInt(t,10)),m(e,t,i){const a=new Date(e);let r=parseInt(t,10)-1;if(isNaN(r)){if(!t)return NaN;const e=t.toLowerCase(),a=t=>t.toLowerCase().startsWith(e);if((r=i.monthsShort.findIndex(a))<0&&(r=i.months.findIndex(a)),r<0)return NaN}return a.setMonth(r),a.getMonth()!==function e(t){return t>-1?t%12:e(t+12)}(r)?a.setDate(0):a.getTime()},d:(e,t)=>new Date(e).setDate(parseInt(t,10))},v={d:e=>e.getDate(),dd:e=>x(e.getDate(),2),D:(e,t)=>t.daysShort[e.getDay()],DD:(e,t)=>t.days[e.getDay()],m:e=>e.getMonth()+1,mm:e=>x(e.getMonth()+1,2),M:(e,t)=>t.monthsShort[e.getMonth()],MM:(e,t)=>t.months[e.getMonth()],y:e=>e.getFullYear(),yy:e=>x(e.getFullYear(),2).slice(-2),yyyy:e=>x(e.getFullYear(),4)};function x(e,t){return e.toString().padStart(t,"0")}function D(e){if("string"!=typeof e)throw new Error("Invalid date format.");if(e in w)return w[e];const i=e.split(b),a=e.match(new RegExp(b,"g"));if(0===i.length||!a)throw new Error("Invalid date format.");const r=a.map(e=>v[e]),s=Object.keys(k).reduce((e,t)=>{return a.find(e=>"D"!==e[0]&&e[0].toLowerCase()===t)&&e.push(t),e},[]);return w[e]={parser(e,t){const i=e.split(y).reduce((e,t,i)=>{if(t.length>0&&a[i]){const r=a[i][0];"M"===r?e.m=t:"D"!==r&&(e[r]=t)}return e},{});return s.reduce((e,a)=>{const r=k[a](e,i[a],t);return isNaN(r)?e:r},c())},formatter:(e,a)=>r.reduce((t,r,s)=>t+`${i[s]}${r(e,a)}`,"")+t(i)}}function M(e,t,i){if(e instanceof Date||"number"==typeof e){const t=o(e);return isNaN(t)?void 0:t}if(e){if("today"===e)return c();if(t&&t.toValue){const a=t.toValue(e,t,i);return isNaN(a)?void 0:o(a)}return D(t).parser(e,i)}}function S(e,t,i){if(isNaN(e)||!e&&0!==e)return"";const a="number"==typeof e?new Date(e):e;return t.toDisplay?t.toDisplay(a,t,i):D(t).formatter(a,i)}const C=new WeakMap,{addEventListener:O,removeEventListener:E}=EventTarget.prototype;function F(e,t){let i=C.get(e);i||(i=[],C.set(e,i)),t.forEach(e=>{O.call(...e),i.push(e)})}if(!Event.prototype.composedPath){const e=(t,i=[])=>{let a;return i.push(t),t.parentNode?a=t.parentNode:t.host?a=t.host:t.defaultView&&(a=t.defaultView),a?e(a,i):i};Event.prototype.composedPath=function(){return e(this.target)}}function V(e,t){const i="function"==typeof t?t:e=>e.matches(t);return function e(t,i,a,r=0){const s=t[r];return i(s)?s:s!==a&&s.parentElement?e(t,i,a,r+1):void 0}(e.composedPath(),i,e.currentTarget)}const L={en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",clear:"Clear",titleFormat:"MM y"}},N={autohide:!1,beforeShowDay:null,beforeShowDecade:null,beforeShowMonth:null,beforeShowYear:null,calendarWeeks:!1,clearBtn:!1,dateDelimiter:",",datesDisabled:[],daysOfWeekDisabled:[],daysOfWeekHighlighted:[],defaultViewDate:void 0,disableTouchKeyboard:!1,format:"mm/dd/yyyy",language:"en",maxDate:null,maxNumberOfDates:1,maxView:3,minDate:null,nextArrow:'<svg class="w-4 h-4 rtl:rotate-180 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/></svg>',orientation:"auto",pickLevel:0,prevArrow:'<svg class="w-4 h-4 rtl:rotate-180 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5H1m0 0 4 4M1 5l4-4"/></svg>',showDaysOfWeek:!0,showOnClick:!0,showOnFocus:!0,startView:0,title:"",todayBtn:!1,todayBtnMode:0,todayHighlight:!1,updateOnBlur:!0,weekStart:0},B=document.createRange();function A(e){return B.createContextualFragment(e)}function Y(e){"none"!==e.style.display&&(e.style.display&&(e.dataset.styleDisplay=e.style.display),e.style.display="none")}function W(e){"none"===e.style.display&&(e.dataset.styleDisplay?(e.style.display=e.dataset.styleDisplay,delete e.dataset.styleDisplay):e.style.display="")}function K(e){e.firstChild&&(e.removeChild(e.firstChild),K(e))}const{language:H,format:T,weekStart:j}=N;function $(e,t){return e.length<6&&t>=0&&t<7?i(e,t):e}function _(e){return(e+6)%7}function I(e,t,i,a){const r=M(e,t,i);return void 0!==r?r:a}function P(e,t,i=3){const a=parseInt(e,10);return a>=0&&a<=i?a:t}function q(t,a){const r=Object.assign({},t),s={},n=a.constructor.locales;let{format:d,language:o,locale:c,maxDate:h,maxView:u,minDate:g,pickLevel:f,startView:m,weekStart:p}=a.config||{};if(r.language){let e;if(r.language!==o&&(n[r.language]?e=r.language:void 0===n[e=r.language.split("-")[0]]&&(e=!1)),delete r.language,e){o=s.language=e;const t=c||n[H];c=Object.assign({format:T,weekStart:j},n[H]),o!==H&&Object.assign(c,n[o]),s.locale=c,d===t.format&&(d=s.format=c.format),p===t.weekStart&&(p=s.weekStart=c.weekStart,s.weekEnd=_(c.weekStart))}}if(r.format){const e="function"==typeof r.format.toDisplay,t="function"==typeof r.format.toValue,i=b.test(r.format);(e&&t||i)&&(d=s.format=r.format),delete r.format}let y=g,w=h;if(void 0!==r.minDate&&(y=null===r.minDate?l(0,0,1):I(r.minDate,d,c,y),delete r.minDate),void 0!==r.maxDate&&(w=null===r.maxDate?void 0:I(r.maxDate,d,c,w),delete r.maxDate),w<y?(g=s.minDate=w,h=s.maxDate=y):(g!==y&&(g=s.minDate=y),h!==w&&(h=s.maxDate=w)),r.datesDisabled&&(s.datesDisabled=r.datesDisabled.reduce((e,t)=>{const a=M(t,d,c);return void 0!==a?i(e,a):e},[]),delete r.datesDisabled),void 0!==r.defaultViewDate){const e=M(r.defaultViewDate,d,c);void 0!==e&&(s.defaultViewDate=e),delete r.defaultViewDate}if(void 0!==r.weekStart){const e=Number(r.weekStart)%7;isNaN(e)||(p=s.weekStart=e,s.weekEnd=_(e)),delete r.weekStart}if(r.daysOfWeekDisabled&&(s.daysOfWeekDisabled=r.daysOfWeekDisabled.reduce($,[]),delete r.daysOfWeekDisabled),r.daysOfWeekHighlighted&&(s.daysOfWeekHighlighted=r.daysOfWeekHighlighted.reduce($,[]),delete r.daysOfWeekHighlighted),void 0!==r.maxNumberOfDates){const e=parseInt(r.maxNumberOfDates,10);e>=0&&(s.maxNumberOfDates=e,s.multidate=1!==e),delete r.maxNumberOfDates}r.dateDelimiter&&(s.dateDelimiter=String(r.dateDelimiter),delete r.dateDelimiter);let k=f;void 0!==r.pickLevel&&(k=P(r.pickLevel,2),delete r.pickLevel),k!==f&&(f=s.pickLevel=k);let v=u;void 0!==r.maxView&&(v=P(r.maxView,u),delete r.maxView),(v=f>v?f:v)!==u&&(u=s.maxView=v);let x=m;if(void 0!==r.startView&&(x=P(r.startView,x),delete r.startView),x<f?x=f:x>u&&(x=u),x!==m&&(s.startView=x),r.prevArrow){const e=A(r.prevArrow);e.childNodes.length>0&&(s.prevArrow=e.childNodes),delete r.prevArrow}if(r.nextArrow){const e=A(r.nextArrow);e.childNodes.length>0&&(s.nextArrow=e.childNodes),delete r.nextArrow}if(void 0!==r.disableTouchKeyboard&&(s.disableTouchKeyboard="ontouchstart"in document&&!!r.disableTouchKeyboard,delete r.disableTouchKeyboard),r.orientation){const e=r.orientation.toLowerCase().split(/\s+/g);s.orientation={x:e.find(e=>"left"===e||"right"===e)||"auto",y:e.find(e=>"top"===e||"bottom"===e)||"auto"},delete r.orientation}if(void 0!==r.todayBtnMode){switch(r.todayBtnMode){case 0:case 1:s.todayBtnMode=r.todayBtnMode}delete r.todayBtnMode}return Object.keys(r).forEach(t=>{void 0!==r[t]&&e(N,t)&&(s[t]=r[t])}),s}const J=d('<div class="datepicker hidden">\n <div class="datepicker-picker inline-block rounded-base bg-white dark:bg-gray-700 shadow-lg p-4">\n <div class="datepicker-header">\n <div class="datepicker-title bg-white dark:bg-gray-700 dark:text-white px-2 py-3 text-center font-medium"></div>\n <div class="datepicker-controls flex justify-between mb-2">\n <button type="button" class="bg-white dark:bg-gray-700 rounded-base text-fg-disabled hover:bg-neutral-tertiary-medium hover:text-body dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-neutral-tertiary prev-btn"></button>\n <button type="button" class="text-sm rounded-base text-body bg-white dark:bg-gray-700 font-medium py-2.5 px-5 hover:bg-neutral-tertiary-medium focus:outline-none focus:ring-2 focus:ring-neutral-tertiary view-switch"></button>\n <button type="button" class="bg-white dark:bg-gray-700 rounded-base text-fg-disabled hover:bg-neutral-tertiary-medium hover:text-body dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-neutral-tertiary next-btn"></button>\n </div>\n </div>\n <div class="datepicker-main p-1"></div>\n <div class="datepicker-footer">\n <div class="datepicker-controls flex space-x-2 rtl:space-x-reverse mt-2">\n <button type="button" class="%buttonClass% today-btn text-white bg-blue-700 !bg-primary-700 dark:bg-blue-600 dark:!bg-primary-600 hover:bg-blue-800 hover:!bg-primary-800 dark:hover:bg-blue-700 dark:hover:!bg-primary-700 focus:ring-4 focus:ring-brand-medium font-medium rounded-base text-sm px-5 py-2 text-center w-1/2"></button>\n <button type="button" class="%buttonClass% clear-btn text-body bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 hover:bg-neutral-tertiary-medium focus:ring-4 focus:ring-brand-medium font-medium rounded-base text-sm px-5 py-2 text-center w-1/2"></button>\n </div>\n </div>\n </div>\n</div>'),R=d(`<div class="days">\n <div class="days-of-week grid grid-cols-7 mb-1">${n("span",7,{class:"dow block flex-1 leading-9 border-0 rounded-base cursor-default text-center text-body font-medium text-sm"})}</div>\n <div class="datepicker-grid w-64 grid grid-cols-7">${n("span",42,{class:"block flex-1 leading-9 border-0 rounded-base cursor-default text-center text-body font-medium text-sm h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400"})}</div>\n</div>`),U=d(`<div class="calendar-weeks">\n <div class="days-of-week flex"><span class="dow h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400"></span></div>\n <div class="weeks">${n("span",6,{class:"week block flex-1 leading-9 border-0 rounded-base cursor-default text-center text-body font-medium text-sm"})}</div>\n</div>`);class z{constructor(e,t){Object.assign(this,t,{picker:e,element:A('<div class="datepicker-view flex"></div>').firstChild,selected:[]}),this.init(this.picker.datepicker.config)}init(e){void 0!==e.pickLevel&&(this.isMinView=this.id===e.pickLevel),this.setOptions(e),this.updateFocus(),this.updateSelection()}performBeforeHook(e,t,a){let r=this.beforeShow(new Date(a));switch(typeof r){case"boolean":r={enabled:r};break;case"string":r={classes:r}}if(r){if(!1===r.enabled&&(e.classList.add("disabled"),i(this.disabled,t)),r.classes){const a=r.classes.split(/\s+/);e.classList.add(...a),a.includes("disabled")&&i(this.disabled,t)}r.content&&function(e,t){K(e),t instanceof DocumentFragment?e.appendChild(t):"string"==typeof t?e.appendChild(A(t)):"function"==typeof t.forEach&&t.forEach(t=>{e.appendChild(t)})}(e,r.content)}}}class X extends z{constructor(e){super(e,{id:0,name:"days",cellClass:"day"})}init(e,t=!0){if(t){const e=A(R).firstChild;this.dow=e.firstChild,this.grid=e.lastChild,this.element.appendChild(e)}super.init(e)}setOptions(t){let i;if(e(t,"minDate")&&(this.minDate=t.minDate),e(t,"maxDate")&&(this.maxDate=t.maxDate),t.datesDisabled&&(this.datesDisabled=t.datesDisabled),t.daysOfWeekDisabled&&(this.daysOfWeekDisabled=t.daysOfWeekDisabled,i=!0),t.daysOfWeekHighlighted&&(this.daysOfWeekHighlighted=t.daysOfWeekHighlighted),void 0!==t.todayHighlight&&(this.todayHighlight=t.todayHighlight),void 0!==t.weekStart&&(this.weekStart=t.weekStart,this.weekEnd=t.weekEnd,i=!0),t.locale){const e=this.locale=t.locale;this.dayNames=e.daysMin,this.switchLabelFormat=e.titleFormat,i=!0}if(void 0!==t.beforeShowDay&&(this.beforeShow="function"==typeof t.beforeShowDay?t.beforeShowDay:void 0),void 0!==t.calendarWeeks)if(t.calendarWeeks&&!this.calendarWeeks){const e=A(U).firstChild;this.calendarWeeks={element:e,dow:e.firstChild,weeks:e.lastChild},this.element.insertBefore(e,this.element.firstChild)}else this.calendarWeeks&&!t.calendarWeeks&&(this.element.removeChild(this.calendarWeeks.element),this.calendarWeeks=null);void 0!==t.showDaysOfWeek&&(t.showDaysOfWeek?(W(this.dow),this.calendarWeeks&&W(this.calendarWeeks.dow)):(Y(this.dow),this.calendarWeeks&&Y(this.calendarWeeks.dow))),i&&Array.from(this.dow.children).forEach((e,t)=>{const i=(this.weekStart+t)%7;e.textContent=this.dayNames[i],e.className=this.daysOfWeekDisabled.includes(i)?"dow disabled text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400 cursor-not-allowed":"dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400"})}updateFocus(){const e=new Date(this.picker.viewDate),t=e.getFullYear(),i=e.getMonth(),a=l(t,i,1),r=m(a,this.weekStart,this.weekStart);this.first=a,this.last=l(t,i+1,0),this.start=r,this.focused=this.picker.viewDate}updateSelection(){const{dates:e,rangepicker:t}=this.picker.datepicker;this.selected=e,t&&(this.range=t.dates)}render(){this.today=this.todayHighlight?c():void 0,this.disabled=[...this.datesDisabled];const e=S(this.focused,this.switchLabelFormat,this.locale);if(this.picker.setViewSwitchLabel(e),this.picker.setPrevBtnDisabled(this.first<=this.minDate),this.picker.setNextBtnDisabled(this.last>=this.maxDate),this.calendarWeeks){const e=m(this.first,1,1);Array.from(this.calendarWeeks.weeks.children).forEach((t,i)=>{t.textContent=function(e){const t=m(e,4,1),i=m(new Date(t).setMonth(0,4),4,1);return Math.round((t-i)/6048e5)+1}(h(e,7*i))})}Array.from(this.grid.children).forEach((e,t)=>{const a=e.classList,r=h(this.start,t),s=new Date(r),n=s.getDay();if(e.className=`datepicker-cell hover:bg-neutral-tertiary-medium block flex-1 leading-9 border-0 rounded-base cursor-pointer text-center text-body font-medium text-sm ${this.cellClass}`,e.dataset.date=r,e.textContent=s.getDate(),r<this.first?a.add("prev","text-gray-500","dark:text-white"):r>this.last&&a.add("next","text-gray-500","dark:text-white"),this.today===r&&a.add("today","bg-gray-100","dark:bg-gray-600"),(r<this.minDate||r>this.maxDate||this.disabled.includes(r))&&(a.add("disabled","cursor-not-allowed","text-gray-400","dark:text-gray-500"),a.remove("hover:bg-neutral-tertiary-medium","text-body","dark:text-white","cursor-pointer")),this.daysOfWeekDisabled.includes(n)&&(a.add("disabled","cursor-not-allowed","text-gray-400","dark:text-gray-500"),a.remove("hover:bg-neutral-tertiary-medium","text-body","dark:text-white","cursor-pointer"),i(this.disabled,r)),this.daysOfWeekHighlighted.includes(n)&&a.add("highlighted"),this.range){const[e,t]=this.range;r>e&&r<t&&(a.add("range","bg-gray-200","dark:bg-gray-600"),a.remove("rounded-base","rounded-s-base","rounded-e-base")),r===e&&(a.add("range-start","bg-gray-100","dark:bg-gray-600","rounded-s-base"),a.remove("rounded-base","rounded-e-base")),r===t&&(a.add("range-end","bg-gray-100","dark:bg-gray-600","rounded-e-base"),a.remove("rounded-base","rounded-s-base"))}this.selected.includes(r)&&(a.add("selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white"),a.remove("text-body","text-gray-500","hover:bg-neutral-tertiary-medium","dark:text-white","dark:bg-gray-600","bg-gray-100","bg-gray-200")),r===this.focused&&a.add("focused"),this.beforeShow&&this.performBeforeHook(e,r,r)})}refresh(){const[e,t]=this.range||[];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach(e=>{e.classList.remove("range","range-start","range-end","selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white","focused"),e.classList.add("text-body","rounded-base","dark:text-white")}),Array.from(this.grid.children).forEach(i=>{const a=Number(i.dataset.date),r=i.classList;r.remove("bg-gray-200","dark:bg-gray-600","rounded-s-base","rounded-e-base"),a>e&&a<t&&(r.add("range","bg-gray-200","dark:bg-gray-600"),r.remove("rounded-base")),a===e&&(r.add("range-start","bg-gray-200","dark:bg-gray-600","rounded-s-base"),r.remove("rounded-base")),a===t&&(r.add("range-end","bg-gray-200","dark:bg-gray-600","rounded-e-base"),r.remove("rounded-base")),this.selected.includes(a)&&(r.add("selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white"),r.remove("text-body","hover:bg-neutral-tertiary-medium","dark:text-white","bg-gray-100","bg-gray-200","dark:bg-gray-600")),a===this.focused&&r.add("focused")})}refreshFocus(){const e=Math.round((this.focused-this.start)/864e5);this.grid.querySelectorAll(".focused").forEach(e=>{e.classList.remove("focused")}),this.grid.children[e].classList.add("focused")}}function G(e,t){if(!e||!e[0]||!e[1])return;const[[i,a],[r,s]]=e;return i>t||r<t?void 0:[i===t?a:-1,r===t?s:12]}class Q extends z{constructor(e){super(e,{id:1,name:"months",cellClass:"month"})}init(e,t=!0){t&&(this.grid=this.element,this.element.classList.add("months","datepicker-grid","w-64","grid","grid-cols-4"),this.grid.appendChild(A(n("span",12,{"data-month":e=>e})))),super.init(e)}setOptions(t){if(t.locale&&(this.monthNames=t.locale.monthsShort),e(t,"minDate"))if(void 0===t.minDate)this.minYear=this.minMonth=this.minDate=void 0;else{const e=new Date(t.minDate);this.minYear=e.getFullYear(),this.minMonth=e.getMonth(),this.minDate=e.setDate(1)}if(e(t,"maxDate"))if(void 0===t.maxDate)this.maxYear=this.maxMonth=this.maxDate=void 0;else{const e=new Date(t.maxDate);this.maxYear=e.getFullYear(),this.maxMonth=e.getMonth(),this.maxDate=l(this.maxYear,this.maxMonth+1,0)}void 0!==t.beforeShowMonth&&(this.beforeShow="function"==typeof t.beforeShowMonth?t.beforeShowMonth:void 0)}updateFocus(){const e=new Date(this.picker.viewDate);this.year=e.getFullYear(),this.focused=e.getMonth()}updateSelection(){const{dates:e,rangepicker:t}=this.picker.datepicker;this.selected=e.reduce((e,t)=>{const a=new Date(t),r=a.getFullYear(),s=a.getMonth();return void 0===e[r]?e[r]=[s]:i(e[r],s),e},{}),t&&t.dates&&(this.range=t.dates.map(e=>{const t=new Date(e);return isNaN(t)?void 0:[t.getFullYear(),t.getMonth()]}))}render(){this.disabled=[],this.picker.setViewSwitchLabel(this.year),this.picker.setPrevBtnDisabled(this.year<=this.minYear),this.picker.setNextBtnDisabled(this.year>=this.maxYear);const e=this.selected[this.year]||[],t=this.year<this.minYear||this.year>this.maxYear,i=this.year===this.minYear,a=this.year===this.maxYear,r=G(this.range,this.year);Array.from(this.grid.children).forEach((s,n)=>{const d=s.classList,o=l(this.year,n,1);if(s.className=`datepicker-cell hover:bg-neutral-tertiary-medium block flex-1 leading-9 border-0 rounded-base cursor-pointer text-center text-body font-medium text-sm ${this.cellClass}`,this.isMinView&&(s.dataset.date=o),s.textContent=this.monthNames[n],(t||i&&n<this.minMonth||a&&n>this.maxMonth)&&d.add("disabled"),r){const[e,t]=r;n>e&&n<t&&d.add("range"),n===e&&d.add("range-start"),n===t&&d.add("range-end")}e.includes(n)&&(d.add("selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white"),d.remove("text-body","hover:bg-neutral-tertiary-medium","dark:text-white")),n===this.focused&&d.add("focused"),this.beforeShow&&this.performBeforeHook(s,n,o)})}refresh(){const e=this.selected[this.year]||[],[t,i]=G(this.range,this.year)||[];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach(e=>{e.classList.remove("range","range-start","range-end","selected","bg-blue-700","!bg-primary-700","dark:bg-blue-600","dark:!bg-primary-700","dark:text-white","text-white","focused"),e.classList.add("text-body","hover:bg-neutral-tertiary-medium","dark:text-white")}),Array.from(this.grid.children).forEach((a,r)=>{const s=a.classList;r>t&&r<i&&s.add("range"),r===t&&s.add("range-start"),r===i&&s.add("range-end"),e.includes(r)&&(s.add("selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white"),s.remove("text-body","hover:bg-neutral-tertiary-medium","dark:text-white")),r===this.focused&&s.add("focused")})}refreshFocus(){this.grid.querySelectorAll(".focused").forEach(e=>{e.classList.remove("focused")}),this.grid.children[this.focused].classList.add("focused")}}class Z extends z{constructor(e,t){super(e,t)}init(e,t=!0){var i;t&&(this.navStep=10*this.step,this.beforeShowOption=`beforeShow${i=this.cellClass,[...i].reduce((e,t,i)=>e+=i?t:t.toUpperCase(),"")}`,this.grid=this.element,this.element.classList.add(this.name,"datepicker-grid","w-64","grid","grid-cols-4"),this.grid.appendChild(A(n("span",12)))),super.init(e)}setOptions(t){if(e(t,"minDate")&&(void 0===t.minDate?this.minYear=this.minDate=void 0:(this.minYear=p(t.minDate,this.step),this.minDate=l(this.minYear,0,1))),e(t,"maxDate")&&(void 0===t.maxDate?this.maxYear=this.maxDate=void 0:(this.maxYear=p(t.maxDate,this.step),this.maxDate=l(this.maxYear,11,31))),void 0!==t[this.beforeShowOption]){const e=t[this.beforeShowOption];this.beforeShow="function"==typeof e?e:void 0}}updateFocus(){const e=new Date(this.picker.viewDate),t=p(e,this.navStep),i=t+9*this.step;this.first=t,this.last=i,this.start=t-this.step,this.focused=p(e,this.step)}updateSelection(){const{dates:e,rangepicker:t}=this.picker.datepicker;this.selected=e.reduce((e,t)=>i(e,p(t,this.step)),[]),t&&t.dates&&(this.range=t.dates.map(e=>{if(void 0!==e)return p(e,this.step)}))}render(){this.disabled=[],this.picker.setViewSwitchLabel(`${this.first}-${this.last}`),this.picker.setPrevBtnDisabled(this.first<=this.minYear),this.picker.setNextBtnDisabled(this.last>=this.maxYear),Array.from(this.grid.children).forEach((e,t)=>{const i=e.classList,a=this.start+t*this.step,r=l(a,0,1);if(e.className=`datepicker-cell hover:bg-neutral-tertiary-medium block flex-1 leading-9 border-0 rounded-base cursor-pointer text-center text-body font-medium text-sm ${this.cellClass}`,this.isMinView&&(e.dataset.date=r),e.textContent=e.dataset.year=a,0===t?i.add("prev"):11===t&&i.add("next"),(a<this.minYear||a>this.maxYear)&&i.add("disabled"),this.range){const[e,t]=this.range;a>e&&a<t&&i.add("range"),a===e&&i.add("range-start"),a===t&&i.add("range-end")}this.selected.includes(a)&&(i.add("selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white"),i.remove("text-body","hover:bg-neutral-tertiary-medium","dark:text-white")),a===this.focused&&i.add("focused"),this.beforeShow&&this.performBeforeHook(e,a,r)})}refresh(){const[e,t]=this.range||[];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach(e=>{e.classList.remove("range","range-start","range-end","selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark!bg-primary-600","dark:text-white","focused")}),Array.from(this.grid.children).forEach(i=>{const a=Number(i.textContent),r=i.classList;a>e&&a<t&&r.add("range"),a===e&&r.add("range-start"),a===t&&r.add("range-end"),this.selected.includes(a)&&(r.add("selected","bg-blue-700","!bg-primary-700","text-white","dark:bg-blue-600","dark:!bg-primary-600","dark:text-white"),r.remove("text-body","hover:bg-neutral-tertiary-medium","dark:text-white")),a===this.focused&&r.add("focused")})}refreshFocus(){const e=Math.round((this.focused-this.start)/this.step);this.grid.querySelectorAll(".focused").forEach(e=>{e.classList.remove("focused")}),this.grid.children[e].classList.add("focused")}}function ee(e,t){const i={date:e.getDate(),viewDate:new Date(e.picker.viewDate),viewId:e.picker.currentView.id,datepicker:e};e.element.dispatchEvent(new CustomEvent(t,{detail:i}))}function te(e,t){const{minDate:i,maxDate:a}=e.config,{currentView:r,viewDate:n}=e.picker;let d;switch(r.id){case 0:d=u(n,t);break;case 1:d=g(n,t);break;default:d=g(n,t*r.navStep)}d=s(d,i,a),e.picker.changeFocus(d).render()}function ie(e){const t=e.picker.currentView.id;t!==e.config.maxView&&e.picker.changeView(t+1).render()}function ae(e){e.config.updateOnBlur?e.update({autohide:!0}):(e.refresh("input"),e.hide())}function re(e,t){const i=e.picker,a=new Date(i.viewDate),r=i.currentView.id,s=1===r?u(a,t-a.getMonth()):g(a,t-a.getFullYear());i.changeFocus(s).changeView(r-1).render()}function se(t,i){if(void 0!==i.title&&(i.title?(t.controls.title.textContent=i.title,W(t.controls.title)):(t.controls.title.textContent="",Y(t.controls.title))),i.prevArrow){const e=t.controls.prevBtn;K(e),i.prevArrow.forEach(t=>{e.appendChild(t.cloneNode(!0))})}if(i.nextArrow){const e=t.controls.nextBtn;K(e),i.nextArrow.forEach(t=>{e.appendChild(t.cloneNode(!0))})}if(i.locale&&(t.controls.todayBtn.textContent=i.locale.today,t.controls.clearBtn.textContent=i.locale.clear),void 0!==i.todayBtn&&(i.todayBtn?W(t.controls.todayBtn):Y(t.controls.todayBtn)),e(i,"minDate")||e(i,"maxDate")){const{minDate:e,maxDate:i}=t.datepicker.config;t.controls.todayBtn.disabled=!r(c(),e,i)}void 0!==i.clearBtn&&(i.clearBtn?W(t.controls.clearBtn):Y(t.controls.clearBtn))}function ne(e){const{dates:i,config:a}=e;return s(i.length>0?t(i):a.defaultViewDate,a.minDate,a.maxDate)}function de(e,t){const i=new Date(e.viewDate),a=new Date(t),{id:r,year:s,first:n,last:d}=e.currentView,o=a.getFullYear();switch(e.viewDate=t,o!==i.getFullYear()&&ee(e.datepicker,"changeYear"),a.getMonth()!==i.getMonth()&&ee(e.datepicker,"changeMonth"),r){case 0:return t<n||t>d;case 1:return o!==s;default:return o<n||o>d}}function oe(e){return window.getComputedStyle(e).direction}class ce{constructor(e){this.datepicker=e;const t=J.replace(/%buttonClass%/g,e.config.buttonClass),i=this.element=A(t).firstChild,[a,r,s]=i.firstChild.children,n=a.firstElementChild,[d,o,l]=a.lastElementChild.children,[h,u]=s.firstChild.children,g={title:n,prevBtn:d,viewSwitch:o,nextBtn:l,todayBtn:h,clearBtn:u};this.main=r,this.controls=g;const f=e.inline?"inline":"dropdown";i.classList.add(`datepicker-${f}`),"dropdown"===f&&i.classList.add("dropdown","absolute","top-0","left-0","z-50","pt-2"),se(this,e.config),this.viewDate=ne(e),F(e,[[i,"click",function(e){e.inline||e.config.disableTouchKeyboard||e.inputField.focus()}.bind(null,e),{capture:!0}],[r,"click",function(e,t){const i=V(t,".datepicker-cell");if(!i||i.classList.contains("disabled"))return;const{id:a,isMinView:r}=e.picker.currentView;r?e.setDate(Number(i.dataset.date)):re(e,1===a?Number(i.dataset.month):Number(i.dataset.year))}.bind(null,e)],[g.viewSwitch,"click",function(e){ie(e)}.bind(null,e)],[g.prevBtn,"click",function(e){te(e,-1)}.bind(null,e)],[g.nextBtn,"click",function(e){te(e,1)}.bind(null,e)],[g.todayBtn,"click",function(e){const t=e.picker,i=c();if(1===e.config.todayBtnMode){if(e.config.autohide)return void e.setDate(i);e.setDate(i,{render:!1}),t.update()}t.viewDate!==i&&t.changeFocus(i),t.changeView(0).render()}.bind(null,e)],[g.clearBtn,"click",function(e){e.setDate({clear:!0})}.bind(null,e)]]),this.views=[new X(this),new Q(this),new Z(this,{id:2,name:"years",cellClass:"year",step:1}),new Z(this,{id:3,name:"decades",cellClass:"decade",step:10})],this.currentView=this.views[e.config.startView],this.currentView.render(),this.main.appendChild(this.currentView.element),e.config.container.appendChild(this.element)}setOptions(e){se(this,e),this.views.forEach(t=>{t.init(e,!1)}),this.currentView.render()}detach(){this.datepicker.config.container.removeChild(this.element)}show(){if(this.active)return;this.element.classList.add("active","block"),this.element.classList.remove("hidden"),this.active=!0;const e=this.datepicker;if(!e.inline){const t=oe(e.inputField);t!==oe(e.config.container)?this.element.dir=t:this.element.dir&&this.element.removeAttribute("dir"),this.place(),e.config.disableTouchKeyboard&&e.inputField.blur()}ee(e,"show")}hide(){this.active&&(this.datepicker.exitEditMode(),this.element.classList.remove("active","block"),this.element.classList.add("active","block","hidden"),this.active=!1,ee(this.datepicker,"hide"))}place(){const{classList:e,style:t}=this.element,{config:i,inputField:a}=this.datepicker,r=i.container,{width:s,height:n}=this.element.getBoundingClientRect(),{left:d,top:o,width:c}=r.getBoundingClientRect(),{left:l,top:h,width:u,height:g}=a.getBoundingClientRect();let f,m,p,{x:b,y:y}=i.orientation;r===document.body?(f=window.scrollY,m=l+window.scrollX,p=h+f):(m=l-d,p=h-o+(f=r.scrollTop)),"auto"===b&&(m<0?(b="left",m=10):b=m+s>c?"right":"rtl"===oe(a)?"right":"left"),"right"===b&&(m-=s-u),"auto"===y&&(y=p-n<f?"bottom":"top"),"top"===y?p-=n:p+=g,e.remove("datepicker-orient-top","datepicker-orient-bottom","datepicker-orient-right","datepicker-orient-left"),e.add(`datepicker-orient-${y}`,`datepicker-orient-${b}`),t.top=p?`${p}px`:p,t.left=m?`${m}px`:m}setViewSwitchLabel(e){this.controls.viewSwitch.textContent=e}setPrevBtnDisabled(e){this.controls.prevBtn.disabled=e}setNextBtnDisabled(e){this.controls.nextBtn.disabled=e}changeView(e){const t=this.currentView,i=this.views[e];return i.id!==t.id&&(this.currentView=i,this._renderMethod="render",ee(this.datepicker,"changeView"),this.main.replaceChild(i.element,t.element)),this}changeFocus(e){return this._renderMethod=de(this,e)?"render":"refreshFocus",this.views.forEach(e=>{e.updateFocus()}),this}update(){const e=ne(this.datepicker);return this._renderMethod=de(this,e)?"render":"refresh",this.views.forEach(e=>{e.updateFocus(),e.updateSelection()}),this}render(e=!0){const t=e&&this._renderMethod||"render";delete this._renderMethod,this.currentView[t]()}}function le(e,t,i,a){const s=e.picker,n=s.currentView,d=n.step||1;let o,c,l=s.viewDate;switch(n.id){case 0:l=a?h(l,7*i):t.ctrlKey||t.metaKey?g(l,i):h(l,i),o=h,c=(e=>n.disabled.includes(e));break;case 1:l=u(l,a?4*i:i),o=u,c=(e=>{const t=new Date(e),{year:i,disabled:a}=n;return t.getFullYear()===i&&a.includes(t.getMonth())});break;default:l=g(l,i*(a?4:1)*d),o=g,c=(e=>n.disabled.includes(p(e,d)))}void 0!==(l=function e(t,i,a,s,n,d){if(r(t,n,d))return s(t)?e(i(t,a),i,a,s,n,d):t}(l,o,i<0?-d:d,c,n.minDate,n.maxDate))&&s.changeFocus(l).render()}function he(e,t){return e.map(e=>S(e,t.format,t.locale)).join(t.dateDelimiter)}function ue(e,t,i=!1){const{config:a,dates:s,rangepicker:n}=e;if(0===t.length)return i?[]:void 0;const d=n&&e===n.datepickers[1];let o=t.reduce((e,t)=>{let i=M(t,a.format,a.locale);if(void 0===i)return e;if(a.pickLevel>0){const e=new Date(i);i=1===a.pickLevel?d?e.setMonth(e.getMonth()+1,0):e.setDate(1):d?e.setFullYear(e.getFullYear()+1,0,0):e.setMonth(0,1)}return!r(i,a.minDate,a.maxDate)||e.includes(i)||a.datesDisabled.includes(i)||a.daysOfWeekDisabled.includes(new Date(i).getDay())||e.push(i),e},[]);return 0!==o.length?(a.multidate&&!i&&(o=o.reduce((e,t)=>(s.includes(t)||e.push(t),e),s.filter(e=>!o.includes(e)))),a.maxNumberOfDates&&o.length>a.maxNumberOfDates?o.slice(-1*a.maxNumberOfDates):o):void 0}function ge(e,t=3,i=!0){const{config:a,picker:r,inputField:s}=e;if(2&t){const e=r.active?a.pickLevel:a.startView;r.update().changeView(e).render(i)}1&t&&s&&(s.value=he(e.dates,a))}function fe(e,t,i){let{clear:a,render:r,autohide:s}=i;void 0===r&&(r=!0),r?void 0===s&&(s=e.config.autohide):s=!1;const n=ue(e,t,a);n&&(n.toString()!==e.dates.toString()?(e.dates=n,ge(e,r?3:1),ee(e,"changeDate")):ge(e,1),s&&e.hide())}return class{constructor(e,t={},i){e.datepicker=this,this.element=e;const r=this.config=Object.assign({buttonClass:t.buttonClass&&String(t.buttonClass)||"button",container:document.body,defaultViewDate:c(),maxDate:void 0,minDate:void 0},q(N,this));this._options=t,Object.assign(r,q(t,this));const s=this.inline="INPUT"!==e.tagName;let n,d;if(s)r.container=e,d=a(e.dataset.date,r.dateDelimiter),delete e.dataset.date;else{const i=t.container?document.querySelector(t.container):null;i&&(r.container=i),(n=this.inputField=e).classList.add("datepicker-input"),d=a(n.value,r.dateDelimiter)}if(i){const e=i.inputs.indexOf(n),t=i.datepickers;if(e<0||e>1||!Array.isArray(t))throw Error("Invalid rangepicker object.");t[e]=this,Object.defineProperty(this,"rangepicker",{get:()=>i})}this.dates=[];const o=ue(this,d);o&&o.length>0&&(this.dates=o),n&&(n.value=he(this.dates,r));const l=this.picker=new ce(this);if(s)this.show();else{const e=function(e,t){const i=e.element;if(i!==document.activeElement)return;const a=e.picker.element;V(t,e=>e===i||e===a)||ae(e)}.bind(null,this);F(this,[[n,"keydown",function(e,t){if("Tab"===t.key)return void ae(e);const i=e.picker,{id:a,isMinView:r}=i.currentView;if(i.active)if(e.editMode)switch(t.key){case"Escape":i.hide();break;case"Enter":e.exitEditMode({update:!0,autohide:e.config.autohide});break;default:return}else switch(t.key){case"Escape":i.hide();break;case"ArrowLeft":if(t.ctrlKey||t.metaKey)te(e,-1);else{if(t.shiftKey)return void e.enterEditMode();le(e,t,-1,!1)}break;case"ArrowRight":if(t.ctrlKey||t.metaKey)te(e,1);else{if(t.shiftKey)return void e.enterEditMode();le(e,t,1,!1)}break;case"ArrowUp":if(t.ctrlKey||t.metaKey)ie(e);else{if(t.shiftKey)return void e.enterEditMode();le(e,t,-1,!0)}break;case"ArrowDown":if(t.shiftKey&&!t.ctrlKey&&!t.metaKey)return void e.enterEditMode();le(e,t,1,!0);break;case"Enter":r?e.setDate(i.viewDate):i.changeView(a-1).render();break;case"Backspace":case"Delete":return void e.enterEditMode();default:return void(1!==t.key.length||t.ctrlKey||t.metaKey||e.enterEditMode())}else switch(t.key){case"ArrowDown":case"Escape":i.show();break;case"Enter":e.update();break;default:return}t.preventDefault(),t.stopPropagation()}.bind(null,this)],[n,"focus",function(e){e.config.showOnFocus&&!e._showing&&e.show()}.bind(null,this)],[n,"mousedown",function(e,t){const i=t.target;(e.picker.active||e.config.showOnClick)&&(i._active=i===document.activeElement,i._clicking=setTimeout(()=>{delete i._active,delete i._clicking},2e3))}.bind(null,this)],[n,"click",function(e,t){const i=t.target;i._clicking&&(clearTimeout(i._clicking),delete i._clicking,i._active&&e.enterEditMode(),delete i._active,e.config.showOnClick&&e.show())}.bind(null,this)],[n,"paste",function(e,t){t.clipboardData.types.includes("text/plain")&&e.enterEditMode()}.bind(null,this)],[document,"mousedown",e],[document,"touchstart",e],[window,"resize",l.place.bind(l)]])}}static formatDate(e,t,i){return S(e,t,i&&L[i]||L.en)}static parseDate(e,t,i){return M(e,t,i&&L[i]||L.en)}static get locales(){return L}get active(){return!(!this.picker||!this.picker.active)}get pickerElement(){return this.picker?this.picker.element:void 0}setOptions(e){const t=this.picker,i=q(e,this);Object.assign(this._options,e),Object.assign(this.config,i),t.setOptions(i),ge(this,3)}show(){if(this.inputField){if(this.inputField.disabled)return;this.inputField!==document.activeElement&&(this._showing=!0,this.inputField.focus(),delete this._showing)}this.picker.show()}hide(){this.inline||(this.picker.hide(),this.picker.update().changeView(this.config.startView).render())}destroy(){return this.hide(),function(e){let t=C.get(e);t&&(t.forEach(e=>{E.call(...e)}),C.delete(e))}(this),this.picker.detach(),this.inline||this.inputField.classList.remove("datepicker-input"),delete this.element.datepicker,this}getDate(e){const t=e?t=>S(t,e,this.config.locale):e=>new Date(e);return this.config.multidate?this.dates.map(t):this.dates.length>0?t(this.dates[0]):void 0}setDate(...e){const i=[...e],a={},r=t(e);"object"!=typeof r||Array.isArray(r)||r instanceof Date||!r||Object.assign(a,i.pop()),fe(this,Array.isArray(i[0])?i[0]:i,a)}update(e){if(this.inline)return;const t={clear:!0,autohide:!(!e||!e.autohide)};fe(this,a(this.inputField.value,this.config.dateDelimiter),t)}refresh(e,t=!1){let i;e&&"string"!=typeof e&&(t=e,e=void 0),ge(this,i="picker"===e?2:"input"===e?1:3,!t)}enterEditMode(){this.inline||!this.picker.active||this.editMode||(this.editMode=!0,this.inputField.classList.add("in-edit","border-blue-700","!border-primary-700"))}exitEditMode(e){if(this.inline||!this.editMode)return;const t=Object.assign({update:!1},e);delete this.editMode,this.inputField.classList.remove("in-edit","border-blue-700","!border-primary-700"),t.update&&this.update(t)}}}();