attic-datepicker - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/attic-datepicker.es.js

		@@ -467,3 +467,3 @@ var __defProp = Object.defineProperty;
		key: 0,
		class: "attic-datepicker-calendar md:absolute fixed bg-white md:rounded-[28px] border py-5 px-6 md:shadow-xl z-[99] md:top-auto md:right-auto md:h-auto md:w-auto md:space-y-0 top-0 right-0 h-full w-full space-y-8 overflow-y-auto"
		class: "attic-datepicker-calendar place-left md:absolute fixed bg-white md:rounded-[28px] border py-5 px-6 md:shadow-xl z-[99] md:top-auto md:right-auto md:h-auto md:w-auto md:space-y-0 top-0 right-0 h-full w-full space-y-8"
		};
		@@ -470,0 +470,0 @@ const _hoisted_6 = { class: "md:flex md:items-start md:space-x-3 md:space-y-0 space-y-8" };

dist/attic-datepicker.js

		@@ -9,2 +9,2 @@ (function(e,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue")):typeof define=="function"&&define.amd?define(["vue"],v):(e=typeof globalThis<"u"?globalThis:e\|\|self,e.AtticDatepicker=v(e.Vue))})(this,function(e){"use strict";var Pe=Object.defineProperty;var qe=(e,v,T)=>v in e?Pe(e,v,{enumerable:!0,configurable:!0,writable:!0,value:T}):e[v]=T;var I=(e,v,T)=>(qe(e,typeof v!="symbol"?v+"":v,T),T);const v=l=>{const r=[];for(let c=0;c<=l.date(0).day();c++)r.push(l.date(0).subtract(c,"day"));return r.sort((c,t)=>c.date()-t.date())},T=l=>Array.from({length:l.daysInMonth()},(r,c)=>l.date(c+1)),te=l=>{const{instance:r,arg:c,value:t}=l;document.body.addEventListener("click",d=>{if(r.$el.contains(d.target))return r.showCalendar=!0;r.showCalendar=r.$el.contains(d.target)\|\|document.getElementById(t)===d.target\|\|t===d.target})};var J=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ne={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){var c=1e3,t=6e4,d=36e5,y="millisecond",s="second",u="minute",k="hour",$="day",C="week",i="month",w="quarter",E="year",B="date",H="Invalid Date",R=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s](\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,q=/\[([^\]]+)]\|Y{1,4}\|M{1,4}\|D{1,2}\|d{1,4}\|H{1,2}\|h{1,2}\|a\|A\|m{1,2}\|s{1,2}\|Z{1,2}\|SSS/g,G={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},A=function(p,o,n){var h=String(p);return!h\|\|h.length>=o?p:""+Array(o+1-h.length).join(n)+p},Q={s:A,z:function(p){var o=-p.utcOffset(),n=Math.abs(o),h=Math.floor(n/60),a=n%60;return(o<=0?"+":"-")+A(h,2,"0")+":"+A(a,2,"0")},m:function p(o,n){if(o.date()<n.date())return-p(n,o);var h=12(n.year()-o.year())+(n.month()-o.month()),a=o.clone().add(h,i),m=n-a<0,f=o.clone().add(h+(m?-1:1),i);return+(-(h+(n-a)/(m?a-f:f-a))\|\|0)},a:function(p){return p<0?Math.ceil(p)\|\|0:Math.floor(p)},p:function(p){return{M:i,y:E,w:C,d:$,D:B,h:k,m:u,s,ms:y,Q:w}[p]\|\|String(p\|\|"").toLowerCase().replace(/s$/,"")},u:function(p){return p===void 0}},N="en",O={};O[N]=G;var K=function(p){return p instanceof Z},X=function p(o,n,h){var a;if(!o)return N;if(typeof o=="string"){var m=o.toLowerCase();O[m]&&(a=m),n&&(O[m]=n,a=m);var f=o.split("-");if(!a&&f.length>1)return p(f[0])}else{var D=o.name;O[D]=o,a=D}return!h&&a&&(N=a),a\|\|!h&&N},V=function(p,o){if(K(p))return p.clone();var n=typeof o=="object"?o:{};return n.date=p,n.args=arguments,new Z(n)},g=Q;g.l=X,g.i=K,g.w=function(p,o){return V(p,{locale:o.$L,utc:o.$u,x:o.$x,$offset:o.$offset})};var Z=function(){function p(n){this.$L=X(n.locale,null,!0),this.parse(n)}var o=p.prototype;return o.parse=function(n){this.$d=function(h){var a=h.date,m=h.utc;if(a===null)return new Date(NaN);if(g.u(a))return new Date;if(a instanceof Date)return new Date(a);if(typeof a=="string"&&!/Z$/i.test(a)){var f=a.match(R);if(f){var D=f[2]-1\|\|0,M=(f[7]\|\|"0").substring(0,3);return m?new Date(Date.UTC(f[1],D,f[3]\|\|1,f[4]\|\|0,f[5]\|\|0,f[6]\|\|0,M)):new Date(f[1],D,f[3]\|\|1,f[4]\|\|0,f[5]\|\|0,f[6]\|\|0,M)}}return new Date(a)}(n),this.$x=n.x\|\|{},this.init()},o.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},o.$utils=function(){return g},o.isValid=function(){return this.$d.toString()!==H},o.isSame=function(n,h){var a=V(n);return this.startOf(h)<=a&&a<=this.endOf(h)},o.isAfter=function(n,h){return V(n)<this.startOf(h)},o.isBefore=function(n,h){return this.endOf(h)<V(n)},o.$g=function(n,h,a){return g.u(n)?this[h]:this.set(a,n)},o.unix=function(){return Math.floor(this.valueOf()/1e3)},o.valueOf=function(){return this.$d.getTime()},o.startOf=function(n,h){var a=this,m=!!g.u(h)\|\|h,f=g.p(n),D=function(W,S){var L=g.w(a.$u?Date.UTC(a.$y,S,W):new Date(a.$y,S,W),a);return m?L:L.endOf($)},M=function(W,S){return g.w(a.toDate()[W].apply(a.toDate("s"),(m?[0,0,0,0]:[23,59,59,999]).slice(S)),a)},_=this.$W,x=this.$M,j=this.$D,Y="set"+(this.$u?"UTC":"");switch(f){case E:return m?D(1,0):D(31,11);case i:return m?D(1,x):D(0,x+1);case C:var F=this.$locale().weekStart\|\|0,U=(_<F?_+7:_)-F;return D(m?j-U:j+(6-U),x);case $:case B:return M(Y+"Hours",0);case k:return M(Y+"Minutes",1);case u:return M(Y+"Seconds",2);case s:return M(Y+"Milliseconds",3);default:return this.clone()}},o.endOf=function(n){return this.startOf(n,!1)},o.$set=function(n,h){var a,m=g.p(n),f="set"+(this.$u?"UTC":""),D=(a={},a[$]=f+"Date",a[B]=f+"Date",a[i]=f+"Month",a[E]=f+"FullYear",a[k]=f+"Hours",a[u]=f+"Minutes",a[s]=f+"Seconds",a[y]=f+"Milliseconds",a)[m],M=m===$?this.$D+(h-this.$W):h;if(m===i\|\|m===E){var _=this.clone().set(B,1);_.$d[D](M),_.init(),this.$d=_.set(B,Math.min(this.$D,_.daysInMonth())).$d}else D&&this.$d[D](M);return this.init(),this},o.set=function(n,h){return this.clone().$set(n,h)},o.get=function(n){return this[g.p(n)]()},o.add=function(n,h){var a,m=this;n=Number(n);var f=g.p(h),D=function(x){var j=V(m);return g.w(j.date(j.date()+Math.round(xn)),m)};if(f===i)return this.set(i,this.$M+n);if(f===E)return this.set(E,this.$y+n);if(f===$)return D(1);if(f===C)return D(7);var M=(a={},a[u]=t,a[k]=d,a[s]=c,a)[f]\|\|1,_=this.$d.getTime()+nM;return g.w(_,this)},o.subtract=function(n,h){return this.add(-1n,h)},o.format=function(n){var h=this,a=this.$locale();if(!this.isValid())return a.invalidDate\|\|H;var m=n\|\|"YYYY-MM-DDTHH:mm:ssZ",f=g.z(this),D=this.$H,M=this.$m,_=this.$M,x=a.weekdays,j=a.months,Y=function(S,L,ee,P){return S&&(S[L]\|\|S(h,m))\|\|ee[L].slice(0,P)},F=function(S){return g.s(D%12\|\|12,S,"0")},U=a.meridiem\|\|function(S,L,ee){var P=S<12?"AM":"PM";return ee?P.toLowerCase():P},W={YY:String(this.$y).slice(-2),YYYY:this.$y,M:_+1,MM:g.s(_+1,2,"0"),MMM:Y(a.monthsShort,_,j,3),MMMM:Y(j,_),D:this.$D,DD:g.s(this.$D,2,"0"),d:String(this.$W),dd:Y(a.weekdaysMin,this.$W,x,2),ddd:Y(a.weekdaysShort,this.$W,x,3),dddd:x[this.$W],H:String(D),HH:g.s(D,2,"0"),h:F(1),hh:F(2),a:U(D,M,!0),A:U(D,M,!1),m:String(M),mm:g.s(M,2,"0"),s:String(this.$s),ss:g.s(this.$s,2,"0"),SSS:g.s(this.$ms,3,"0"),Z:f};return m.replace(q,function(S,L){return L\|\|W[S]\|\|f.replace(":","")})},o.utcOffset=function(){return 15-Math.round(this.$d.getTimezoneOffset()/15)},o.diff=function(n,h,a){var m,f=g.p(h),D=V(n),M=(D.utcOffset()-this.utcOffset())t,_=this-D,x=g.m(this,D);return x=(m={},m[E]=x/12,m[i]=x,m[w]=x/3,m[C]=(_-M)/6048e5,m[$]=(_-M)/864e5,m[k]=_/d,m[u]=_/t,m[s]=_/c,m)[f]\|\|_,a?x:g.a(x)},o.daysInMonth=function(){return this.endOf(i).$D},o.$locale=function(){return O[this.$L]},o.locale=function(n,h){if(!n)return this.$L;var a=this.clone(),m=X(n,h,!0);return m&&(a.$L=m),a},o.clone=function(){return g.w(this.$d,this)},o.toDate=function(){return new Date(this.valueOf())},o.toJSON=function(){return this.isValid()?this.toISOString():null},o.toISOString=function(){return this.$d.toISOString()},o.toString=function(){return this.$d.toUTCString()},p}(),ue=Z.prototype;return V.prototype=ue,[["$ms",y],["$s",s],["$m",u],["$H",k],["$W",$],["$M",i],["$y",E],["$D",B]].forEach(function(p){ue[p[1]]=function(o){return this.$g(o,p[0],p[1])}}),V.extend=function(p,o){return p.$i\|\|(p(o,Z,V),p.$i=!0),V},V.locale=X,V.isDayjs=K,V.unix=function(p){return V(1e3p)},V.en=O[N],V.Ls=O,V.p={},V})})(ne);const b=ne.exports;var ae={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){return function(c,t,d){var y=t.prototype,s=function(i){return i&&(i.indexOf?i:i.s)},u=function(i,w,E,B,H){var R=i.name?i:i.$locale(),q=s(R[w]),G=s(R[E]),A=q\|\|G.map(function(N){return N.slice(0,B)});if(!H)return A;var Q=R.weekStart;return A.map(function(N,O){return A[(O+(Q\|\|0))%7]})},k=function(){return d.Ls[d.locale()]},$=function(i,w){return i.formats[w]\|\|function(E){return E.replace(/(\[[^\]]+])\|(MMMM\|MM\|DD\|dddd)/g,function(B,H,R){return H\|\|R.slice(1)})}(i.formats[w.toUpperCase()])},C=function(){var i=this;return{months:function(w){return w?w.format("MMMM"):u(i,"months")},monthsShort:function(w){return w?w.format("MMM"):u(i,"monthsShort","months",3)},firstDayOfWeek:function(){return i.$locale().weekStart\|\|0},weekdays:function(w){return w?w.format("dddd"):u(i,"weekdays")},weekdaysMin:function(w){return w?w.format("dd"):u(i,"weekdaysMin","weekdays",2)},weekdaysShort:function(w){return w?w.format("ddd"):u(i,"weekdaysShort","weekdays",3)},longDateFormat:function(w){return $(i.$locale(),w)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};y.localeData=function(){return C.bind(this)()},d.localeData=function(){var i=k();return{firstDayOfWeek:function(){return i.weekStart\|\|0},weekdays:function(){return d.weekdays()},weekdaysShort:function(){return d.weekdaysShort()},weekdaysMin:function(){return d.weekdaysMin()},months:function(){return d.months()},monthsShort:function(){return d.monthsShort()},longDateFormat:function(w){return $(i,w)},meridiem:i.meridiem,ordinal:i.ordinal}},d.months=function(){return u(k(),"months")},d.monthsShort=function(){return u(k(),"monthsShort","months",3)},d.weekdays=function(i){return u(k(),"weekdays",null,null,i)},d.weekdaysShort=function(i){return u(k(),"weekdaysShort","weekdays",3,i)},d.weekdaysMin=function(i){return u(k(),"weekdaysMin","weekdays",2,i)}}})})(ae);const he=ae.exports;var re={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){return function(c,t){t.prototype.weekday=function(d){var y=this.$locale().weekStart\|\|0,s=this.$W,u=(s<y?s+7:s)-y;return this.$utils().u(d)?u:this.subtract(u,"day").add(d,"day")}}})})(re);const fe=re.exports;var se={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){return function(c,t,d){t.prototype.isBetween=function(y,s,u,k){var $=d(y),C=d(s),i=(k=k\|\|"()")[0]==="(",w=k[1]===")";return(i?this.isAfter($,u):!this.isBefore($,u))&&(w?this.isBefore(C,u):!this.isAfter(C,u))\|\|(i?this.isBefore($,u):!this.isAfter($,u))&&(w?this.isAfter(C,u):!this.isBefore(C,u))}}})})(se);const me=se.exports,pe=()=>({calendar:e.computed(()=>({monthView:{date:r=>v(r).concat(T(r))}}))}),z=(l,r)=>{const c=l.__vccOpts\|\|l;for(const[t,d]of r)c[t]=d;return c},we={name:"YearCalendar",setup(l,{emit:r}){e.inject("atticDatepicker");const c=e.inject("calendarView");return{years:e.computed(()=>{const y=[],s=parseInt(b().add(5,"years").subtract(105,"years").format("YYYY"));for(let u=0;u<=105;u++)y.push(s+u);return y.reverse()}),selectYear:y=>{c.value.date.value=c.value.date.value.year(y),r("changeView","dates")},dayjs:b}}},ye={class:"flex-1"},De={class:"max-h-72 max-w-sm overflow-y-auto space-y-5 font-bold text-sm"},ge=["onClick"];function ke(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.years,s=>(e.openBlock(),e.createElementBlock("button",{class:"w-full hover:bg-attic-thirdly rounded-xl py-3 hover:text-white",onClick:u=>t.selectYear(s)},e.toDisplayString(s),9,ge))),256))])])}const oe=z(we,[["render",ke]]),_e={name:"MonthsCalendar",setup(l,{emit:r}){e.inject("atticDatepicker");const c=e.inject("calendarView");return{selectMonth:d=>{c.value.date.value=c.value.date.value.month(d),r("changeView","dates")},dayjs:b}}},Me={class:"flex-1"},$e={class:"grid grid-cols-2 gap-3 font-bold text-sm w-full"},Ve=["onClick"];function xe(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",$e,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,s=>e.createElementVNode("button",{class:"rounded-xl py-3 hover:bg-attic-thirdly hover:text-white px-2",onClick:u=>t.selectMonth(s-1)},e.toDisplayString(t.dayjs().month(s-1).format("MMMM")),9,Ve)),64))])])}const ie=z(_e,[["render",xe]]),Se={name:"MonthCalendar",setup(l,{emit:r}){const c=e.inject("calendarView"),t=e.inject("atticDatepicker"),d=e.inject("showCalendar"),y=e.inject("monthDays"),s=e.inject("date");return{atticDatepicker:t,calendarView:c,isSameMonth:i=>i.isSame(s.value.format("YYYY-MM"),"month"),isInBetweenRange:i=>t.isRange&&t.selectedDate.value&&t.selectedEndDate.value&&i.isBetween(t.selectedDate.value,t.selectedEndDate.value),isSelectedDay:i=>t.selectedDate.value&&t.selectedDate.value.isSame(i)\|\|t.selectedEndDate.value&&t.selectedEndDate.value.isSame(i),dayjs:b,monthDays:y,date:s,selectDate:i=>{t.selectDate(i),d.value=!t.ableToClose()}}}},ve={class:"flex-1 flex"},Ce=[e.createElementVNode("svg",{class:"w-3",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 444.531 444.531","xml:space":"preserve"},[e.createElementVNode("g",null,[e.createElementVNode("path",{d:`M213.13,222.409L351.88,83.653c7.05-7.043,10.567-15.657,10.567-25.841c0-10.183-3.518-18.793-10.567-25.835
		c7.043,7.043,15.612,10.564,25.697,10.564c10.089,0,18.656-3.521,25.697-10.564l186.145-185.864
		c7.046-7.423,10.571-16.084,10.571-25.981C362.597,212.321,359.071,203.755,352.025,196.712z`})])],-1)];function Te(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("button",{onClick:r[0]\|\|(r[0]=s=>t.calendarView.subtractMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Ce),e.createElementVNode("div",be,[e.createElementVNode("h2",Ee,[e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[1]\|\|(r[1]=s=>l.$emit("changeView","months"))},e.toDisplayString(t.date.format("MMMM")),1),e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[2]\|\|(r[2]=s=>l.$emit("changeView","years"))},e.toDisplayString(t.date.format("YYYY")),1)]),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dayjs.weekdaysMin(),s=>(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(s),1))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.monthDays,s=>(e.openBlock(),e.createElementBlock("div",null,[t.isSameMonth(s)?(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("div",{class:"mx-auto border-primary cursor-pointer font-bold text-sm relative",onClick:u=>t.selectDate(s)},[t.atticDatepicker.isRange&&t.isSelectedDay(s)&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedEndDate.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["h-full w-1/2 bg-gray-100 absolute z-0",[{"right-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedDate.value.isSame(s)},{"left-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedEndDate.value&&t.atticDatepicker.selectedEndDate.value.isSame(s)}]])},null,2)):e.createCommentVNode("",!0),t.isInBetweenRange(s)?(e.openBlock(),e.createElementBlock("div",je)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["z-10 block relative text-center align-middle hover:rounded-full block w-12 h-12 text-center align-middle flex items-center justify-center",[{"bg-attic-primary text-white rounded-full":t.isSelectedDay(s)},{"hover:bg-gray-200":!t.isSelectedDay(s)}]])},e.toDisplayString(s.format("DD")),3)],8,Ne)])):e.createCommentVNode("",!0)]))),256))])]),e.createElementVNode("button",{onClick:r[3]\|\|(r[3]=s=>t.calendarView.addMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Le)])}const le=z(Se,[["render",Te]]),Re={name:"Calendar",props:{date:Object},components:{YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},setup(l){const{calendar:r}=pe(),c=e.ref("dates"),t=e.computed(()=>r.value.monthView.date(l.date)),d=e.ref(l.date);e.provide("date",d),e.provide("monthDays",t);const y=s=>{c.value=s};return e.watch(()=>l.date,(s,u)=>{d.value=s}),{displayView:c,changeView:y}}};function Ae(l,r,c,t,d,y){const s=e.resolveComponent("YearsCalendar"),u=e.resolveComponent("MonthsCalendar"),k=e.resolveComponent("DatesCalendar");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(s,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="years"]]),e.withDirectives(e.createVNode(u,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="months"]]),e.withDirectives(e.createVNode(k,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="dates"]])])}const ce=z(Re,[["render",Ae]]);class Ie{constructor(r,c,t,d){I(this,"modelValue");I(this,"selectedDate");I(this,"selectedEndDate");I(this,"isRange");I(this,"keepOpen");I(this,"format");this.modelValue=e.ref(null),this.selectedDate=e.ref(null),this.selectedEndDate=e.ref(null),this.keepOpen=d,this.isRange=t,this.format=c,e.watch(()=>this.selectedDate.value,(y,s)=>{this.getValue()}),e.watch(()=>this.selectedEndDate.value,(y,s)=>{this.getValue()}),this.setDates(r)}setDates(r){if(r){if(typeof r=="string"){this.selectedDate.value=b(r);return}typeof r=="object"&&this.isRange&&(this.selectedDate.value=b(r[0]),r.length>1&&(this.selectedEndDate.value=b(r[1])))}}selectDate(r){if(!this.isRange){this.selectedDate.value=r;return}if(this.selectedDate.value&&this.selectedEndDate.value){this.selectedDate.value=r,this.selectedEndDate.value=null;return}if(!this.selectedDate.value\|\|r.diff(this.selectedDate.value,"day")<0){this.selectedDate.value=r;return}r.diff(this.selectedDate.value,"day")>0&&(this.selectedEndDate.value=r)}ableToClose(){return!!(!this.keepOpen&&(this.isRange&&this.selectedDate.value&&this.selectedEndDate.value\|\|!this.isRange))}getValue(){if(!this.isRange&&this.selectedDate.value){this.modelValue.value=this.selectedDate.value.format(this.format);return}(this.selectedDate.value\|\|this.selectedEndDate.value)&&(this.modelValue.value=[this.selectedDate.value?this.selectedDate.value.format(this.format):null,this.selectedEndDate.value?this.selectedEndDate.value.format(this.format):null])}}const Ke="";b.extend(he),b.extend(fe),b.extend(me);const He={name:"AtticDatepicker",props:{modelValue:Object,endDate:String,format:{type:String,default:"DD MMM YYYY"},trigger:{type:String,default:null},showXMonths:Number,isRange:Boolean,keepOpen:Boolean},components:{Calendar:ce,YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},directives:{attic:{mounted:(l,r)=>{te(r)},updated:(l,r)=>{te(r)}}},setup(l,{emit:r}){const c=e.ref(!1),t=new Ie(l.modelValue,l.format,l.isRange\|\|l.isRange==="true",typeof l.keepOpen=="string"?l.keepOpen!=="false":l.keepOpen),d=e.computed(()=>{const s=e.ref(t.selectedDate.value??b()),u=()=>{s.value=s.value.subtract(1,"month")},k=()=>{s.value=s.value.add(1,"month")};return e.watch(()=>t.selectedDate.value,($,C)=>{s.value=$}),{subtractMonth:u,addMonth:k,date:s}}),y=()=>{t.selectedDate.value=null,c.value=!1};return e.watch(()=>t.modelValue.value,(s,u)=>{r("update:modelValue",s)}),e.provide("atticDatepicker",t),e.provide("showCalendar",c),e.provide("calendarView",d),e.provide("showXMonths",l.showXMonths),{clearDate:y,atticDatepicker:t,showCalendar:c,calendarView:d,dayjs:b}}},We={class:"md:space-y-2"},ze={key:0},Fe={key:1},Ue={key:2,class:"text-gray-400"},Je={key:0,class:"attic-datepicker-calendar md:absolute fixed bg-white md:rounded-[28px] border py-5 px-6 md:shadow-xl z-[99] md:top-auto md:right-auto md:h-auto md:w-auto md:space-y-0 top-0 right-0 h-full w-full space-y-8 overflow-y-auto"},Xe={class:"md:flex md:items-start md:space-x-3 md:space-y-0 space-y-8"};function Ze(l,r,c,t,d,y){const s=e.resolveComponent("Calendar"),u=e.resolveDirective("attic");return e.withDirectives((e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(l.$slots,"default",{value:t.atticDatepicker.modelValue.value,placeholder:l.$attrs.placeholder,clear:t.clearDate},()=>[e.createElementVNode("div",e.mergeProps({class:"relative block w-full pl-3 pr-12 py-3 rounded-lg overflow-hidden text-sm transition-colors bg-white border focus:ring focus:outline-none shadow"},l.$attrs),[!c.isRange&&t.atticDatepicker.selectedDate.value?(e.openBlock(),e.createElementBlock("span",ze,e.toDisplayString(t.atticDatepicker.modelValue.value),1)):c.isRange&&t.atticDatepicker.modelValue.value&&t.atticDatepicker.modelValue.value.length>1?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(t.atticDatepicker.modelValue.value[0])+" ~ "+e.toDisplayString(t.atticDatepicker.modelValue.value[1]),1)):(e.openBlock(),e.createElementBlock("span",Ue,e.toDisplayString(l.$attrs.placeholder??"Select Date"),1))],16)]),e.createVNode(e.Transition,{"enter-from-class":"opacity-0 translate-y-3","enter-to-class":"opacity-100 translate-y-0","enter-active-class":"transform transition ease-out duration-200","leave-active-class":"transform transition ease-in duration-150","leave-from-class":"opacity-100 translate-y-0","leave-to-class":"opacity-0 translate-y-3"},{default:e.withCtx(()=>[t.showCalendar?(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(parseInt(c.showXMonths??1),k=>(e.openBlock(),e.createBlock(s,{date:t.calendarView.date.value.add(k-1,"month")},null,8,["date"]))),256))]),e.createElementVNode("button",{class:"sm:hidden w-full bg-red-500 rounded text-white font-bold p-3",onClick:r[0]\|\|(r[0]=k=>t.showCalendar=!1)}," Close ")])):e.createCommentVNode("",!0)]),_:1})])),[[u,c.trigger,"away"]])}const de=z(He,[["render",Ze]]),et="";return Object.assign(de,{install:l=>{l.component("AtticDatepicker",de)}},{Calendar:ce})});
		c7.046-7.423,10.571-16.084,10.571-25.981C362.597,212.321,359.071,203.755,352.025,196.712z`})])],-1)];function Te(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("button",{onClick:r[0]\|\|(r[0]=s=>t.calendarView.subtractMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Ce),e.createElementVNode("div",be,[e.createElementVNode("h2",Ee,[e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[1]\|\|(r[1]=s=>l.$emit("changeView","months"))},e.toDisplayString(t.date.format("MMMM")),1),e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[2]\|\|(r[2]=s=>l.$emit("changeView","years"))},e.toDisplayString(t.date.format("YYYY")),1)]),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dayjs.weekdaysMin(),s=>(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(s),1))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.monthDays,s=>(e.openBlock(),e.createElementBlock("div",null,[t.isSameMonth(s)?(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("div",{class:"mx-auto border-primary cursor-pointer font-bold text-sm relative",onClick:u=>t.selectDate(s)},[t.atticDatepicker.isRange&&t.isSelectedDay(s)&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedEndDate.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["h-full w-1/2 bg-gray-100 absolute z-0",[{"right-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedDate.value.isSame(s)},{"left-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedEndDate.value&&t.atticDatepicker.selectedEndDate.value.isSame(s)}]])},null,2)):e.createCommentVNode("",!0),t.isInBetweenRange(s)?(e.openBlock(),e.createElementBlock("div",je)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["z-10 block relative text-center align-middle hover:rounded-full block w-12 h-12 text-center align-middle flex items-center justify-center",[{"bg-attic-primary text-white rounded-full":t.isSelectedDay(s)},{"hover:bg-gray-200":!t.isSelectedDay(s)}]])},e.toDisplayString(s.format("DD")),3)],8,Ne)])):e.createCommentVNode("",!0)]))),256))])]),e.createElementVNode("button",{onClick:r[3]\|\|(r[3]=s=>t.calendarView.addMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Le)])}const le=z(Se,[["render",Te]]),Re={name:"Calendar",props:{date:Object},components:{YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},setup(l){const{calendar:r}=pe(),c=e.ref("dates"),t=e.computed(()=>r.value.monthView.date(l.date)),d=e.ref(l.date);e.provide("date",d),e.provide("monthDays",t);const y=s=>{c.value=s};return e.watch(()=>l.date,(s,u)=>{d.value=s}),{displayView:c,changeView:y}}};function Ae(l,r,c,t,d,y){const s=e.resolveComponent("YearsCalendar"),u=e.resolveComponent("MonthsCalendar"),k=e.resolveComponent("DatesCalendar");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(s,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="years"]]),e.withDirectives(e.createVNode(u,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="months"]]),e.withDirectives(e.createVNode(k,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="dates"]])])}const ce=z(Re,[["render",Ae]]);class Ie{constructor(r,c,t,d){I(this,"modelValue");I(this,"selectedDate");I(this,"selectedEndDate");I(this,"isRange");I(this,"keepOpen");I(this,"format");this.modelValue=e.ref(null),this.selectedDate=e.ref(null),this.selectedEndDate=e.ref(null),this.keepOpen=d,this.isRange=t,this.format=c,e.watch(()=>this.selectedDate.value,(y,s)=>{this.getValue()}),e.watch(()=>this.selectedEndDate.value,(y,s)=>{this.getValue()}),this.setDates(r)}setDates(r){if(r){if(typeof r=="string"){this.selectedDate.value=b(r);return}typeof r=="object"&&this.isRange&&(this.selectedDate.value=b(r[0]),r.length>1&&(this.selectedEndDate.value=b(r[1])))}}selectDate(r){if(!this.isRange){this.selectedDate.value=r;return}if(this.selectedDate.value&&this.selectedEndDate.value){this.selectedDate.value=r,this.selectedEndDate.value=null;return}if(!this.selectedDate.value\|\|r.diff(this.selectedDate.value,"day")<0){this.selectedDate.value=r;return}r.diff(this.selectedDate.value,"day")>0&&(this.selectedEndDate.value=r)}ableToClose(){return!!(!this.keepOpen&&(this.isRange&&this.selectedDate.value&&this.selectedEndDate.value\|\|!this.isRange))}getValue(){if(!this.isRange&&this.selectedDate.value){this.modelValue.value=this.selectedDate.value.format(this.format);return}(this.selectedDate.value\|\|this.selectedEndDate.value)&&(this.modelValue.value=[this.selectedDate.value?this.selectedDate.value.format(this.format):null,this.selectedEndDate.value?this.selectedEndDate.value.format(this.format):null])}}const Ke="";b.extend(he),b.extend(fe),b.extend(me);const He={name:"AtticDatepicker",props:{modelValue:Object,endDate:String,format:{type:String,default:"DD MMM YYYY"},trigger:{type:String,default:null},showXMonths:Number,isRange:Boolean,keepOpen:Boolean},components:{Calendar:ce,YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},directives:{attic:{mounted:(l,r)=>{te(r)},updated:(l,r)=>{te(r)}}},setup(l,{emit:r}){const c=e.ref(!1),t=new Ie(l.modelValue,l.format,l.isRange\|\|l.isRange==="true",typeof l.keepOpen=="string"?l.keepOpen!=="false":l.keepOpen),d=e.computed(()=>{const s=e.ref(t.selectedDate.value??b()),u=()=>{s.value=s.value.subtract(1,"month")},k=()=>{s.value=s.value.add(1,"month")};return e.watch(()=>t.selectedDate.value,($,C)=>{s.value=$}),{subtractMonth:u,addMonth:k,date:s}}),y=()=>{t.selectedDate.value=null,c.value=!1};return e.watch(()=>t.modelValue.value,(s,u)=>{r("update:modelValue",s)}),e.provide("atticDatepicker",t),e.provide("showCalendar",c),e.provide("calendarView",d),e.provide("showXMonths",l.showXMonths),{clearDate:y,atticDatepicker:t,showCalendar:c,calendarView:d,dayjs:b}}},We={class:"md:space-y-2"},ze={key:0},Fe={key:1},Ue={key:2,class:"text-gray-400"},Je={key:0,class:"attic-datepicker-calendar place-left md:absolute fixed bg-white md:rounded-[28px] border py-5 px-6 md:shadow-xl z-[99] md:top-auto md:right-auto md:h-auto md:w-auto md:space-y-0 top-0 right-0 h-full w-full space-y-8"},Xe={class:"md:flex md:items-start md:space-x-3 md:space-y-0 space-y-8"};function Ze(l,r,c,t,d,y){const s=e.resolveComponent("Calendar"),u=e.resolveDirective("attic");return e.withDirectives((e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(l.$slots,"default",{value:t.atticDatepicker.modelValue.value,placeholder:l.$attrs.placeholder,clear:t.clearDate},()=>[e.createElementVNode("div",e.mergeProps({class:"relative block w-full pl-3 pr-12 py-3 rounded-lg overflow-hidden text-sm transition-colors bg-white border focus:ring focus:outline-none shadow"},l.$attrs),[!c.isRange&&t.atticDatepicker.selectedDate.value?(e.openBlock(),e.createElementBlock("span",ze,e.toDisplayString(t.atticDatepicker.modelValue.value),1)):c.isRange&&t.atticDatepicker.modelValue.value&&t.atticDatepicker.modelValue.value.length>1?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(t.atticDatepicker.modelValue.value[0])+" ~ "+e.toDisplayString(t.atticDatepicker.modelValue.value[1]),1)):(e.openBlock(),e.createElementBlock("span",Ue,e.toDisplayString(l.$attrs.placeholder??"Select Date"),1))],16)]),e.createVNode(e.Transition,{"enter-from-class":"opacity-0 translate-y-3","enter-to-class":"opacity-100 translate-y-0","enter-active-class":"transform transition ease-out duration-200","leave-active-class":"transform transition ease-in duration-150","leave-from-class":"opacity-100 translate-y-0","leave-to-class":"opacity-0 translate-y-3"},{default:e.withCtx(()=>[t.showCalendar?(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(parseInt(c.showXMonths??1),k=>(e.openBlock(),e.createBlock(s,{date:t.calendarView.date.value.add(k-1,"month")},null,8,["date"]))),256))]),e.createElementVNode("button",{class:"sm:hidden w-full bg-red-500 rounded text-white font-bold p-3",onClick:r[0]\|\|(r[0]=k=>t.showCalendar=!1)}," Close ")])):e.createCommentVNode("",!0)]),_:1})])),[[u,c.trigger,"away"]])}const de=z(He,[["render",Ze]]),et="";return Object.assign(de,{install:l=>{l.component("AtticDatepicker",de)}},{Calendar:ce})});

package.json

		@@ -6,6 +6,6 @@ {
		],
		"main": "./attic-datepicker.js",
		"module": "./attic-datepicker.es.js",
		"main": "./dist/attic-datepicker.js",
		"module": "./dist/attic-datepicker.es.js",
		"private": false,
		"version": "0.0.8",
		"version": "0.0.9",
		"description": "Beautiful single and range date picker that is built with Tailwind CSS and Vue 3 using day.js",
		@@ -12,0 +12,0 @@ "keywords": [

dist/style.css

Sorry, the diff of this file is not supported yet

		@@ -9,2 +9,2 @@ (function(e,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue")):typeof define=="function"&&define.amd?define(["vue"],v):(e=typeof globalThis<"u"?globalThis:e\|\|self,e.AtticDatepicker=v(e.Vue))})(this,function(e){"use strict";var Pe=Object.defineProperty;var qe=(e,v,T)=>v in e?Pe(e,v,{enumerable:!0,configurable:!0,writable:!0,value:T}):e[v]=T;var I=(e,v,T)=>(qe(e,typeof v!="symbol"?v+"":v,T),T);const v=l=>{const r=[];for(let c=0;c<=l.date(0).day();c++)r.push(l.date(0).subtract(c,"day"));return r.sort((c,t)=>c.date()-t.date())},T=l=>Array.from({length:l.daysInMonth()},(r,c)=>l.date(c+1)),te=l=>{const{instance:r,arg:c,value:t}=l;document.body.addEventListener("click",d=>{if(r.$el.contains(d.target))return r.showCalendar=!0;r.showCalendar=r.$el.contains(d.target)\|\|document.getElementById(t)===d.target\|\|t===d.target})};var J=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ne={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){var c=1e3,t=6e4,d=36e5,y="millisecond",s="second",u="minute",k="hour",$="day",C="week",i="month",w="quarter",E="year",B="date",H="Invalid Date",R=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s](\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,q=/\[([^\]]+)]\|Y{1,4}\|M{1,4}\|D{1,2}\|d{1,4}\|H{1,2}\|h{1,2}\|a\|A\|m{1,2}\|s{1,2}\|Z{1,2}\|SSS/g,G={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},A=function(p,o,n){var h=String(p);return!h\|\|h.length>=o?p:""+Array(o+1-h.length).join(n)+p},Q={s:A,z:function(p){var o=-p.utcOffset(),n=Math.abs(o),h=Math.floor(n/60),a=n%60;return(o<=0?"+":"-")+A(h,2,"0")+":"+A(a,2,"0")},m:function p(o,n){if(o.date()<n.date())return-p(n,o);var h=12(n.year()-o.year())+(n.month()-o.month()),a=o.clone().add(h,i),m=n-a<0,f=o.clone().add(h+(m?-1:1),i);return+(-(h+(n-a)/(m?a-f:f-a))\|\|0)},a:function(p){return p<0?Math.ceil(p)\|\|0:Math.floor(p)},p:function(p){return{M:i,y:E,w:C,d:$,D:B,h:k,m:u,s,ms:y,Q:w}[p]\|\|String(p\|\|"").toLowerCase().replace(/s$/,"")},u:function(p){return p===void 0}},N="en",O={};O[N]=G;var K=function(p){return p instanceof Z},X=function p(o,n,h){var a;if(!o)return N;if(typeof o=="string"){var m=o.toLowerCase();O[m]&&(a=m),n&&(O[m]=n,a=m);var f=o.split("-");if(!a&&f.length>1)return p(f[0])}else{var D=o.name;O[D]=o,a=D}return!h&&a&&(N=a),a\|\|!h&&N},V=function(p,o){if(K(p))return p.clone();var n=typeof o=="object"?o:{};return n.date=p,n.args=arguments,new Z(n)},g=Q;g.l=X,g.i=K,g.w=function(p,o){return V(p,{locale:o.$L,utc:o.$u,x:o.$x,$offset:o.$offset})};var Z=function(){function p(n){this.$L=X(n.locale,null,!0),this.parse(n)}var o=p.prototype;return o.parse=function(n){this.$d=function(h){var a=h.date,m=h.utc;if(a===null)return new Date(NaN);if(g.u(a))return new Date;if(a instanceof Date)return new Date(a);if(typeof a=="string"&&!/Z$/i.test(a)){var f=a.match(R);if(f){var D=f[2]-1\|\|0,M=(f[7]\|\|"0").substring(0,3);return m?new Date(Date.UTC(f[1],D,f[3]\|\|1,f[4]\|\|0,f[5]\|\|0,f[6]\|\|0,M)):new Date(f[1],D,f[3]\|\|1,f[4]\|\|0,f[5]\|\|0,f[6]\|\|0,M)}}return new Date(a)}(n),this.$x=n.x\|\|{},this.init()},o.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},o.$utils=function(){return g},o.isValid=function(){return this.$d.toString()!==H},o.isSame=function(n,h){var a=V(n);return this.startOf(h)<=a&&a<=this.endOf(h)},o.isAfter=function(n,h){return V(n)<this.startOf(h)},o.isBefore=function(n,h){return this.endOf(h)<V(n)},o.$g=function(n,h,a){return g.u(n)?this[h]:this.set(a,n)},o.unix=function(){return Math.floor(this.valueOf()/1e3)},o.valueOf=function(){return this.$d.getTime()},o.startOf=function(n,h){var a=this,m=!!g.u(h)\|\|h,f=g.p(n),D=function(W,S){var L=g.w(a.$u?Date.UTC(a.$y,S,W):new Date(a.$y,S,W),a);return m?L:L.endOf($)},M=function(W,S){return g.w(a.toDate()[W].apply(a.toDate("s"),(m?[0,0,0,0]:[23,59,59,999]).slice(S)),a)},_=this.$W,x=this.$M,j=this.$D,Y="set"+(this.$u?"UTC":"");switch(f){case E:return m?D(1,0):D(31,11);case i:return m?D(1,x):D(0,x+1);case C:var F=this.$locale().weekStart\|\|0,U=(_<F?_+7:_)-F;return D(m?j-U:j+(6-U),x);case $:case B:return M(Y+"Hours",0);case k:return M(Y+"Minutes",1);case u:return M(Y+"Seconds",2);case s:return M(Y+"Milliseconds",3);default:return this.clone()}},o.endOf=function(n){return this.startOf(n,!1)},o.$set=function(n,h){var a,m=g.p(n),f="set"+(this.$u?"UTC":""),D=(a={},a[$]=f+"Date",a[B]=f+"Date",a[i]=f+"Month",a[E]=f+"FullYear",a[k]=f+"Hours",a[u]=f+"Minutes",a[s]=f+"Seconds",a[y]=f+"Milliseconds",a)[m],M=m===$?this.$D+(h-this.$W):h;if(m===i\|\|m===E){var _=this.clone().set(B,1);_.$d[D](M),_.init(),this.$d=_.set(B,Math.min(this.$D,_.daysInMonth())).$d}else D&&this.$d[D](M);return this.init(),this},o.set=function(n,h){return this.clone().$set(n,h)},o.get=function(n){return this[g.p(n)]()},o.add=function(n,h){var a,m=this;n=Number(n);var f=g.p(h),D=function(x){var j=V(m);return g.w(j.date(j.date()+Math.round(xn)),m)};if(f===i)return this.set(i,this.$M+n);if(f===E)return this.set(E,this.$y+n);if(f===$)return D(1);if(f===C)return D(7);var M=(a={},a[u]=t,a[k]=d,a[s]=c,a)[f]\|\|1,_=this.$d.getTime()+nM;return g.w(_,this)},o.subtract=function(n,h){return this.add(-1n,h)},o.format=function(n){var h=this,a=this.$locale();if(!this.isValid())return a.invalidDate\|\|H;var m=n\|\|"YYYY-MM-DDTHH:mm:ssZ",f=g.z(this),D=this.$H,M=this.$m,_=this.$M,x=a.weekdays,j=a.months,Y=function(S,L,ee,P){return S&&(S[L]\|\|S(h,m))\|\|ee[L].slice(0,P)},F=function(S){return g.s(D%12\|\|12,S,"0")},U=a.meridiem\|\|function(S,L,ee){var P=S<12?"AM":"PM";return ee?P.toLowerCase():P},W={YY:String(this.$y).slice(-2),YYYY:this.$y,M:_+1,MM:g.s(_+1,2,"0"),MMM:Y(a.monthsShort,_,j,3),MMMM:Y(j,_),D:this.$D,DD:g.s(this.$D,2,"0"),d:String(this.$W),dd:Y(a.weekdaysMin,this.$W,x,2),ddd:Y(a.weekdaysShort,this.$W,x,3),dddd:x[this.$W],H:String(D),HH:g.s(D,2,"0"),h:F(1),hh:F(2),a:U(D,M,!0),A:U(D,M,!1),m:String(M),mm:g.s(M,2,"0"),s:String(this.$s),ss:g.s(this.$s,2,"0"),SSS:g.s(this.$ms,3,"0"),Z:f};return m.replace(q,function(S,L){return L\|\|W[S]\|\|f.replace(":","")})},o.utcOffset=function(){return 15-Math.round(this.$d.getTimezoneOffset()/15)},o.diff=function(n,h,a){var m,f=g.p(h),D=V(n),M=(D.utcOffset()-this.utcOffset())t,_=this-D,x=g.m(this,D);return x=(m={},m[E]=x/12,m[i]=x,m[w]=x/3,m[C]=(_-M)/6048e5,m[$]=(_-M)/864e5,m[k]=_/d,m[u]=_/t,m[s]=_/c,m)[f]\|\|_,a?x:g.a(x)},o.daysInMonth=function(){return this.endOf(i).$D},o.$locale=function(){return O[this.$L]},o.locale=function(n,h){if(!n)return this.$L;var a=this.clone(),m=X(n,h,!0);return m&&(a.$L=m),a},o.clone=function(){return g.w(this.$d,this)},o.toDate=function(){return new Date(this.valueOf())},o.toJSON=function(){return this.isValid()?this.toISOString():null},o.toISOString=function(){return this.$d.toISOString()},o.toString=function(){return this.$d.toUTCString()},p}(),ue=Z.prototype;return V.prototype=ue,[["$ms",y],["$s",s],["$m",u],["$H",k],["$W",$],["$M",i],["$y",E],["$D",B]].forEach(function(p){ue[p[1]]=function(o){return this.$g(o,p[0],p[1])}}),V.extend=function(p,o){return p.$i\|\|(p(o,Z,V),p.$i=!0),V},V.locale=X,V.isDayjs=K,V.unix=function(p){return V(1e3p)},V.en=O[N],V.Ls=O,V.p={},V})})(ne);const b=ne.exports;var ae={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){return function(c,t,d){var y=t.prototype,s=function(i){return i&&(i.indexOf?i:i.s)},u=function(i,w,E,B,H){var R=i.name?i:i.$locale(),q=s(R[w]),G=s(R[E]),A=q\|\|G.map(function(N){return N.slice(0,B)});if(!H)return A;var Q=R.weekStart;return A.map(function(N,O){return A[(O+(Q\|\|0))%7]})},k=function(){return d.Ls[d.locale()]},$=function(i,w){return i.formats[w]\|\|function(E){return E.replace(/(\[[^\]]+])\|(MMMM\|MM\|DD\|dddd)/g,function(B,H,R){return H\|\|R.slice(1)})}(i.formats[w.toUpperCase()])},C=function(){var i=this;return{months:function(w){return w?w.format("MMMM"):u(i,"months")},monthsShort:function(w){return w?w.format("MMM"):u(i,"monthsShort","months",3)},firstDayOfWeek:function(){return i.$locale().weekStart\|\|0},weekdays:function(w){return w?w.format("dddd"):u(i,"weekdays")},weekdaysMin:function(w){return w?w.format("dd"):u(i,"weekdaysMin","weekdays",2)},weekdaysShort:function(w){return w?w.format("ddd"):u(i,"weekdaysShort","weekdays",3)},longDateFormat:function(w){return $(i.$locale(),w)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};y.localeData=function(){return C.bind(this)()},d.localeData=function(){var i=k();return{firstDayOfWeek:function(){return i.weekStart\|\|0},weekdays:function(){return d.weekdays()},weekdaysShort:function(){return d.weekdaysShort()},weekdaysMin:function(){return d.weekdaysMin()},months:function(){return d.months()},monthsShort:function(){return d.monthsShort()},longDateFormat:function(w){return $(i,w)},meridiem:i.meridiem,ordinal:i.ordinal}},d.months=function(){return u(k(),"months")},d.monthsShort=function(){return u(k(),"monthsShort","months",3)},d.weekdays=function(i){return u(k(),"weekdays",null,null,i)},d.weekdaysShort=function(i){return u(k(),"weekdaysShort","weekdays",3,i)},d.weekdaysMin=function(i){return u(k(),"weekdaysMin","weekdays",2,i)}}})})(ae);const he=ae.exports;var re={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){return function(c,t){t.prototype.weekday=function(d){var y=this.$locale().weekStart\|\|0,s=this.$W,u=(s<y?s+7:s)-y;return this.$utils().u(d)?u:this.subtract(u,"day").add(d,"day")}}})})(re);const fe=re.exports;var se={exports:{}};(function(l,r){(function(c,t){l.exports=t()})(J,function(){return function(c,t,d){t.prototype.isBetween=function(y,s,u,k){var $=d(y),C=d(s),i=(k=k\|\|"()")[0]==="(",w=k[1]===")";return(i?this.isAfter($,u):!this.isBefore($,u))&&(w?this.isBefore(C,u):!this.isAfter(C,u))\|\|(i?this.isBefore($,u):!this.isAfter($,u))&&(w?this.isAfter(C,u):!this.isBefore(C,u))}}})})(se);const me=se.exports,pe=()=>({calendar:e.computed(()=>({monthView:{date:r=>v(r).concat(T(r))}}))}),z=(l,r)=>{const c=l.__vccOpts\|\|l;for(const[t,d]of r)c[t]=d;return c},we={name:"YearCalendar",setup(l,{emit:r}){e.inject("atticDatepicker");const c=e.inject("calendarView");return{years:e.computed(()=>{const y=[],s=parseInt(b().add(5,"years").subtract(105,"years").format("YYYY"));for(let u=0;u<=105;u++)y.push(s+u);return y.reverse()}),selectYear:y=>{c.value.date.value=c.value.date.value.year(y),r("changeView","dates")},dayjs:b}}},ye={class:"flex-1"},De={class:"max-h-72 max-w-sm overflow-y-auto space-y-5 font-bold text-sm"},ge=["onClick"];function ke(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.years,s=>(e.openBlock(),e.createElementBlock("button",{class:"w-full hover:bg-attic-thirdly rounded-xl py-3 hover:text-white",onClick:u=>t.selectYear(s)},e.toDisplayString(s),9,ge))),256))])])}const oe=z(we,[["render",ke]]),_e={name:"MonthsCalendar",setup(l,{emit:r}){e.inject("atticDatepicker");const c=e.inject("calendarView");return{selectMonth:d=>{c.value.date.value=c.value.date.value.month(d),r("changeView","dates")},dayjs:b}}},Me={class:"flex-1"},$e={class:"grid grid-cols-2 gap-3 font-bold text-sm w-full"},Ve=["onClick"];function xe(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",$e,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,s=>e.createElementVNode("button",{class:"rounded-xl py-3 hover:bg-attic-thirdly hover:text-white px-2",onClick:u=>t.selectMonth(s-1)},e.toDisplayString(t.dayjs().month(s-1).format("MMMM")),9,Ve)),64))])])}const ie=z(_e,[["render",xe]]),Se={name:"MonthCalendar",setup(l,{emit:r}){const c=e.inject("calendarView"),t=e.inject("atticDatepicker"),d=e.inject("showCalendar"),y=e.inject("monthDays"),s=e.inject("date");return{atticDatepicker:t,calendarView:c,isSameMonth:i=>i.isSame(s.value.format("YYYY-MM"),"month"),isInBetweenRange:i=>t.isRange&&t.selectedDate.value&&t.selectedEndDate.value&&i.isBetween(t.selectedDate.value,t.selectedEndDate.value),isSelectedDay:i=>t.selectedDate.value&&t.selectedDate.value.isSame(i)\|\|t.selectedEndDate.value&&t.selectedEndDate.value.isSame(i),dayjs:b,monthDays:y,date:s,selectDate:i=>{t.selectDate(i),d.value=!t.ableToClose()}}}},ve={class:"flex-1 flex"},Ce=[e.createElementVNode("svg",{class:"w-3",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 444.531 444.531","xml:space":"preserve"},[e.createElementVNode("g",null,[e.createElementVNode("path",{d:`M213.13,222.409L351.88,83.653c7.05-7.043,10.567-15.657,10.567-25.841c0-10.183-3.518-18.793-10.567-25.835
		c7.043,7.043,15.612,10.564,25.697,10.564c10.089,0,18.656-3.521,25.697-10.564l186.145-185.864
		c7.046-7.423,10.571-16.084,10.571-25.981C362.597,212.321,359.071,203.755,352.025,196.712z`})])],-1)];function Te(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("button",{onClick:r[0]\|\|(r[0]=s=>t.calendarView.subtractMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Ce),e.createElementVNode("div",be,[e.createElementVNode("h2",Ee,[e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[1]\|\|(r[1]=s=>l.$emit("changeView","months"))},e.toDisplayString(t.date.format("MMMM")),1),e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[2]\|\|(r[2]=s=>l.$emit("changeView","years"))},e.toDisplayString(t.date.format("YYYY")),1)]),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dayjs.weekdaysMin(),s=>(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(s),1))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.monthDays,s=>(e.openBlock(),e.createElementBlock("div",null,[t.isSameMonth(s)?(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("div",{class:"mx-auto border-primary cursor-pointer font-bold text-sm relative",onClick:u=>t.selectDate(s)},[t.atticDatepicker.isRange&&t.isSelectedDay(s)&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedEndDate.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["h-full w-1/2 bg-gray-100 absolute z-0",[{"right-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedDate.value.isSame(s)},{"left-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedEndDate.value&&t.atticDatepicker.selectedEndDate.value.isSame(s)}]])},null,2)):e.createCommentVNode("",!0),t.isInBetweenRange(s)?(e.openBlock(),e.createElementBlock("div",je)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["z-10 block relative text-center align-middle hover:rounded-full block w-12 h-12 text-center align-middle flex items-center justify-center",[{"bg-attic-primary text-white rounded-full":t.isSelectedDay(s)},{"hover:bg-gray-200":!t.isSelectedDay(s)}]])},e.toDisplayString(s.format("DD")),3)],8,Ne)])):e.createCommentVNode("",!0)]))),256))])]),e.createElementVNode("button",{onClick:r[3]\|\|(r[3]=s=>t.calendarView.addMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Le)])}const le=z(Se,[["render",Te]]),Re={name:"Calendar",props:{date:Object},components:{YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},setup(l){const{calendar:r}=pe(),c=e.ref("dates"),t=e.computed(()=>r.value.monthView.date(l.date)),d=e.ref(l.date);e.provide("date",d),e.provide("monthDays",t);const y=s=>{c.value=s};return e.watch(()=>l.date,(s,u)=>{d.value=s}),{displayView:c,changeView:y}}};function Ae(l,r,c,t,d,y){const s=e.resolveComponent("YearsCalendar"),u=e.resolveComponent("MonthsCalendar"),k=e.resolveComponent("DatesCalendar");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(s,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="years"]]),e.withDirectives(e.createVNode(u,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="months"]]),e.withDirectives(e.createVNode(k,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="dates"]])])}const ce=z(Re,[["render",Ae]]);class Ie{constructor(r,c,t,d){I(this,"modelValue");I(this,"selectedDate");I(this,"selectedEndDate");I(this,"isRange");I(this,"keepOpen");I(this,"format");this.modelValue=e.ref(null),this.selectedDate=e.ref(null),this.selectedEndDate=e.ref(null),this.keepOpen=d,this.isRange=t,this.format=c,e.watch(()=>this.selectedDate.value,(y,s)=>{this.getValue()}),e.watch(()=>this.selectedEndDate.value,(y,s)=>{this.getValue()}),this.setDates(r)}setDates(r){if(r){if(typeof r=="string"){this.selectedDate.value=b(r);return}typeof r=="object"&&this.isRange&&(this.selectedDate.value=b(r[0]),r.length>1&&(this.selectedEndDate.value=b(r[1])))}}selectDate(r){if(!this.isRange){this.selectedDate.value=r;return}if(this.selectedDate.value&&this.selectedEndDate.value){this.selectedDate.value=r,this.selectedEndDate.value=null;return}if(!this.selectedDate.value\|\|r.diff(this.selectedDate.value,"day")<0){this.selectedDate.value=r;return}r.diff(this.selectedDate.value,"day")>0&&(this.selectedEndDate.value=r)}ableToClose(){return!!(!this.keepOpen&&(this.isRange&&this.selectedDate.value&&this.selectedEndDate.value\|\|!this.isRange))}getValue(){if(!this.isRange&&this.selectedDate.value){this.modelValue.value=this.selectedDate.value.format(this.format);return}(this.selectedDate.value\|\|this.selectedEndDate.value)&&(this.modelValue.value=[this.selectedDate.value?this.selectedDate.value.format(this.format):null,this.selectedEndDate.value?this.selectedEndDate.value.format(this.format):null])}}const Ke="";b.extend(he),b.extend(fe),b.extend(me);const He={name:"AtticDatepicker",props:{modelValue:Object,endDate:String,format:{type:String,default:"DD MMM YYYY"},trigger:{type:String,default:null},showXMonths:Number,isRange:Boolean,keepOpen:Boolean},components:{Calendar:ce,YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},directives:{attic:{mounted:(l,r)=>{te(r)},updated:(l,r)=>{te(r)}}},setup(l,{emit:r}){const c=e.ref(!1),t=new Ie(l.modelValue,l.format,l.isRange\|\|l.isRange==="true",typeof l.keepOpen=="string"?l.keepOpen!=="false":l.keepOpen),d=e.computed(()=>{const s=e.ref(t.selectedDate.value??b()),u=()=>{s.value=s.value.subtract(1,"month")},k=()=>{s.value=s.value.add(1,"month")};return e.watch(()=>t.selectedDate.value,($,C)=>{s.value=$}),{subtractMonth:u,addMonth:k,date:s}}),y=()=>{t.selectedDate.value=null,c.value=!1};return e.watch(()=>t.modelValue.value,(s,u)=>{r("update:modelValue",s)}),e.provide("atticDatepicker",t),e.provide("showCalendar",c),e.provide("calendarView",d),e.provide("showXMonths",l.showXMonths),{clearDate:y,atticDatepicker:t,showCalendar:c,calendarView:d,dayjs:b}}},We={class:"md:space-y-2"},ze={key:0},Fe={key:1},Ue={key:2,class:"text-gray-400"},Je={key:0,class:"attic-datepicker-calendar md:absolute fixed bg-white md:rounded-[28px] border py-5 px-6 md:shadow-xl z-[99] md:top-auto md:right-auto md:h-auto md:w-auto md:space-y-0 top-0 right-0 h-full w-full space-y-8 overflow-y-auto"},Xe={class:"md:flex md:items-start md:space-x-3 md:space-y-0 space-y-8"};function Ze(l,r,c,t,d,y){const s=e.resolveComponent("Calendar"),u=e.resolveDirective("attic");return e.withDirectives((e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(l.$slots,"default",{value:t.atticDatepicker.modelValue.value,placeholder:l.$attrs.placeholder,clear:t.clearDate},()=>[e.createElementVNode("div",e.mergeProps({class:"relative block w-full pl-3 pr-12 py-3 rounded-lg overflow-hidden text-sm transition-colors bg-white border focus:ring focus:outline-none shadow"},l.$attrs),[!c.isRange&&t.atticDatepicker.selectedDate.value?(e.openBlock(),e.createElementBlock("span",ze,e.toDisplayString(t.atticDatepicker.modelValue.value),1)):c.isRange&&t.atticDatepicker.modelValue.value&&t.atticDatepicker.modelValue.value.length>1?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(t.atticDatepicker.modelValue.value[0])+" ~ "+e.toDisplayString(t.atticDatepicker.modelValue.value[1]),1)):(e.openBlock(),e.createElementBlock("span",Ue,e.toDisplayString(l.$attrs.placeholder??"Select Date"),1))],16)]),e.createVNode(e.Transition,{"enter-from-class":"opacity-0 translate-y-3","enter-to-class":"opacity-100 translate-y-0","enter-active-class":"transform transition ease-out duration-200","leave-active-class":"transform transition ease-in duration-150","leave-from-class":"opacity-100 translate-y-0","leave-to-class":"opacity-0 translate-y-3"},{default:e.withCtx(()=>[t.showCalendar?(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(parseInt(c.showXMonths??1),k=>(e.openBlock(),e.createBlock(s,{date:t.calendarView.date.value.add(k-1,"month")},null,8,["date"]))),256))]),e.createElementVNode("button",{class:"sm:hidden w-full bg-red-500 rounded text-white font-bold p-3",onClick:r[0]\|\|(r[0]=k=>t.showCalendar=!1)}," Close ")])):e.createCommentVNode("",!0)]),_:1})])),[[u,c.trigger,"away"]])}const de=z(He,[["render",Ze]]),et="";return Object.assign(de,{install:l=>{l.component("AtticDatepicker",de)}},{Calendar:ce})});
		c7.046-7.423,10.571-16.084,10.571-25.981C362.597,212.321,359.071,203.755,352.025,196.712z`})])],-1)];function Te(l,r,c,t,d,y){return e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("button",{onClick:r[0]\|\|(r[0]=s=>t.calendarView.subtractMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Ce),e.createElementVNode("div",be,[e.createElementVNode("h2",Ee,[e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[1]\|\|(r[1]=s=>l.$emit("changeView","months"))},e.toDisplayString(t.date.format("MMMM")),1),e.createElementVNode("span",{class:"hover:bg-attic-secondary hover:text-white p-2 rounded-lg cursor-pointer",onClick:r[2]\|\|(r[2]=s=>l.$emit("changeView","years"))},e.toDisplayString(t.date.format("YYYY")),1)]),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dayjs.weekdaysMin(),s=>(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(s),1))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.monthDays,s=>(e.openBlock(),e.createElementBlock("div",null,[t.isSameMonth(s)?(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("div",{class:"mx-auto border-primary cursor-pointer font-bold text-sm relative",onClick:u=>t.selectDate(s)},[t.atticDatepicker.isRange&&t.isSelectedDay(s)&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedEndDate.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["h-full w-1/2 bg-gray-100 absolute z-0",[{"right-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedDate.value&&t.atticDatepicker.selectedDate.value.isSame(s)},{"left-0":t.atticDatepicker.isRange&&t.atticDatepicker.selectedEndDate.value&&t.atticDatepicker.selectedEndDate.value.isSame(s)}]])},null,2)):e.createCommentVNode("",!0),t.isInBetweenRange(s)?(e.openBlock(),e.createElementBlock("div",je)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["z-10 block relative text-center align-middle hover:rounded-full block w-12 h-12 text-center align-middle flex items-center justify-center",[{"bg-attic-primary text-white rounded-full":t.isSelectedDay(s)},{"hover:bg-gray-200":!t.isSelectedDay(s)}]])},e.toDisplayString(s.format("DD")),3)],8,Ne)])):e.createCommentVNode("",!0)]))),256))])]),e.createElementVNode("button",{onClick:r[3]\|\|(r[3]=s=>t.calendarView.addMonth()),class:"w-10 h-10 hover:bg-gray-100 rounded-full flex items-center justify-center"},Le)])}const le=z(Se,[["render",Te]]),Re={name:"Calendar",props:{date:Object},components:{YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},setup(l){const{calendar:r}=pe(),c=e.ref("dates"),t=e.computed(()=>r.value.monthView.date(l.date)),d=e.ref(l.date);e.provide("date",d),e.provide("monthDays",t);const y=s=>{c.value=s};return e.watch(()=>l.date,(s,u)=>{d.value=s}),{displayView:c,changeView:y}}};function Ae(l,r,c,t,d,y){const s=e.resolveComponent("YearsCalendar"),u=e.resolveComponent("MonthsCalendar"),k=e.resolveComponent("DatesCalendar");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(s,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="years"]]),e.withDirectives(e.createVNode(u,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="months"]]),e.withDirectives(e.createVNode(k,{onChangeView:t.changeView},null,8,["onChangeView"]),[[e.vShow,t.displayView==="dates"]])])}const ce=z(Re,[["render",Ae]]);class Ie{constructor(r,c,t,d){I(this,"modelValue");I(this,"selectedDate");I(this,"selectedEndDate");I(this,"isRange");I(this,"keepOpen");I(this,"format");this.modelValue=e.ref(null),this.selectedDate=e.ref(null),this.selectedEndDate=e.ref(null),this.keepOpen=d,this.isRange=t,this.format=c,e.watch(()=>this.selectedDate.value,(y,s)=>{this.getValue()}),e.watch(()=>this.selectedEndDate.value,(y,s)=>{this.getValue()}),this.setDates(r)}setDates(r){if(r){if(typeof r=="string"){this.selectedDate.value=b(r);return}typeof r=="object"&&this.isRange&&(this.selectedDate.value=b(r[0]),r.length>1&&(this.selectedEndDate.value=b(r[1])))}}selectDate(r){if(!this.isRange){this.selectedDate.value=r;return}if(this.selectedDate.value&&this.selectedEndDate.value){this.selectedDate.value=r,this.selectedEndDate.value=null;return}if(!this.selectedDate.value\|\|r.diff(this.selectedDate.value,"day")<0){this.selectedDate.value=r;return}r.diff(this.selectedDate.value,"day")>0&&(this.selectedEndDate.value=r)}ableToClose(){return!!(!this.keepOpen&&(this.isRange&&this.selectedDate.value&&this.selectedEndDate.value\|\|!this.isRange))}getValue(){if(!this.isRange&&this.selectedDate.value){this.modelValue.value=this.selectedDate.value.format(this.format);return}(this.selectedDate.value\|\|this.selectedEndDate.value)&&(this.modelValue.value=[this.selectedDate.value?this.selectedDate.value.format(this.format):null,this.selectedEndDate.value?this.selectedEndDate.value.format(this.format):null])}}const Ke="";b.extend(he),b.extend(fe),b.extend(me);const He={name:"AtticDatepicker",props:{modelValue:Object,endDate:String,format:{type:String,default:"DD MMM YYYY"},trigger:{type:String,default:null},showXMonths:Number,isRange:Boolean,keepOpen:Boolean},components:{Calendar:ce,YearsCalendar:oe,MonthsCalendar:ie,DatesCalendar:le},directives:{attic:{mounted:(l,r)=>{te(r)},updated:(l,r)=>{te(r)}}},setup(l,{emit:r}){const c=e.ref(!1),t=new Ie(l.modelValue,l.format,l.isRange\|\|l.isRange==="true",typeof l.keepOpen=="string"?l.keepOpen!=="false":l.keepOpen),d=e.computed(()=>{const s=e.ref(t.selectedDate.value??b()),u=()=>{s.value=s.value.subtract(1,"month")},k=()=>{s.value=s.value.add(1,"month")};return e.watch(()=>t.selectedDate.value,($,C)=>{s.value=$}),{subtractMonth:u,addMonth:k,date:s}}),y=()=>{t.selectedDate.value=null,c.value=!1};return e.watch(()=>t.modelValue.value,(s,u)=>{r("update:modelValue",s)}),e.provide("atticDatepicker",t),e.provide("showCalendar",c),e.provide("calendarView",d),e.provide("showXMonths",l.showXMonths),{clearDate:y,atticDatepicker:t,showCalendar:c,calendarView:d,dayjs:b}}},We={class:"md:space-y-2"},ze={key:0},Fe={key:1},Ue={key:2,class:"text-gray-400"},Je={key:0,class:"attic-datepicker-calendar place-left md:absolute fixed bg-white md:rounded-[28px] border py-5 px-6 md:shadow-xl z-[99] md:top-auto md:right-auto md:h-auto md:w-auto md:space-y-0 top-0 right-0 h-full w-full space-y-8"},Xe={class:"md:flex md:items-start md:space-x-3 md:space-y-0 space-y-8"};function Ze(l,r,c,t,d,y){const s=e.resolveComponent("Calendar"),u=e.resolveDirective("attic");return e.withDirectives((e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(l.$slots,"default",{value:t.atticDatepicker.modelValue.value,placeholder:l.$attrs.placeholder,clear:t.clearDate},()=>[e.createElementVNode("div",e.mergeProps({class:"relative block w-full pl-3 pr-12 py-3 rounded-lg overflow-hidden text-sm transition-colors bg-white border focus:ring focus:outline-none shadow"},l.$attrs),[!c.isRange&&t.atticDatepicker.selectedDate.value?(e.openBlock(),e.createElementBlock("span",ze,e.toDisplayString(t.atticDatepicker.modelValue.value),1)):c.isRange&&t.atticDatepicker.modelValue.value&&t.atticDatepicker.modelValue.value.length>1?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(t.atticDatepicker.modelValue.value[0])+" ~ "+e.toDisplayString(t.atticDatepicker.modelValue.value[1]),1)):(e.openBlock(),e.createElementBlock("span",Ue,e.toDisplayString(l.$attrs.placeholder??"Select Date"),1))],16)]),e.createVNode(e.Transition,{"enter-from-class":"opacity-0 translate-y-3","enter-to-class":"opacity-100 translate-y-0","enter-active-class":"transform transition ease-out duration-200","leave-active-class":"transform transition ease-in duration-150","leave-from-class":"opacity-100 translate-y-0","leave-to-class":"opacity-0 translate-y-3"},{default:e.withCtx(()=>[t.showCalendar?(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(parseInt(c.showXMonths??1),k=>(e.openBlock(),e.createBlock(s,{date:t.calendarView.date.value.add(k-1,"month")},null,8,["date"]))),256))]),e.createElementVNode("button",{class:"sm:hidden w-full bg-red-500 rounded text-white font-bold p-3",onClick:r[0]\|\|(r[0]=k=>t.showCalendar=!1)}," Close ")])):e.createCommentVNode("",!0)]),_:1})])),[[u,c.trigger,"away"]])}const de=z(He,[["render",Ze]]),et="";return Object.assign(de,{install:l=>{l.component("AtticDatepicker",de)}},{Calendar:ce})});

attic-datepicker - npm Package Compare versions

Worsened metrics