UNPKG

vue-time-date-range-picker

Version:
8 lines (7 loc) 23.8 kB
var vdprDatePicker=function(O,e,p){"use strict";var vt=Object.defineProperty;var Bt=(O,e,p)=>e in O?vt(O,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):O[e]=p;var A=(O,e,p)=>Bt(O,typeof e!="symbol"?e+"":e,p);Object.assign(globalThis,{defineEmitOptions:n=>n});const B=n=>typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]",E=n=>Q(n)&&Object.keys(n).length===0;/*! * is-plain-object <https://github.com/jonschlinkert/is-plain-object> * * Copyright (c) 2014-2017, Jon Schlinkert. * Released under the MIT License. */function P(n){return Object.prototype.toString.call(n)==="[object Object]"}function Q(n){if(P(n)===!1)return!1;const a=n.constructor;if(a===void 0)return!0;const t=a.prototype;return!(P(t)===!1||t.hasOwnProperty("isPrototypeOf")===!1)}class w{constructor(a=""){A(this,"lang");A(this,"localMoment");this.lang=a,this.localMoment=p().locale(a)}createDate(...a){return p(...a).locale(this.lang).toDate()}now(){return p().locale(this.lang).toDate()}getDayNames(){return this.localMoment.localeData().weekdays()}getAbbrDayNames(){return this.localMoment.localeData().weekdaysShort()}getMonthNames(){return this.localMoment.localeData().months()}getAbbrMonthNames(){return this.localMoment.localeData().monthsShort()}formatDate(a,t){return p(a).locale(this.lang).format(t)}isSameDate(a,t){return p(a).format("DD MM YYYY")===p(t).format("DD MM YYYY")}isAllDay(a,t){const l=p(a).startOf("day"),s=p(t).endOf("day");return p(a).format("DD MM YYYY HH:mm:ss")===l.format("DD MM YYYY HH:mm:ss")&&p(t).format("DD MM YYYY HH:mm:ss")===s.format("DD MM YYYY HH:mm:ss")}isValidDate(a){return B(a)&&p(a).isValid()}toUnix(a){return p(a).unix()}fromUnix(a){return p.unix(a).toDate()}startOf(a,t){return p(a).locale(this.lang).startOf(t).toDate()}endOf(a,t){return p(a).locale(this.lang).endOf(t).toDate()}isSame(a,t){return p(a).isSame(t)}isBefore(a,t){return p(a).isBefore(t)}isSameOrBefore(a,t){return p(a).isSameOrBefore(t)}isAfter(a,t){return p(a).isAfter(t)}isSameOrAfter(a,t){return p(a).isSameOrAfter(t)}isBetween(a,t,l){return p(a).isBetween(t,l)}isSameOrBetween(a,t,l){const s=p(a);return s.isSameOrAfter(t)&&s.isSameOrBefore(l)}add(a,t,l){return p(a).locale(this.lang).add(t,l).toDate()}subtract(a,t,l){return p(a).locale(this.lang).subtract(t,l).toDate()}daysInMonth(a){return p(a).daysInMonth()}day(a){return p(a).day()}month(a){return p(a).month()}year(a){return p(a).year()}}const X=n=>{if(!n||n.length===0)return!0;const[a,t]=n;return a&&t?B(a)&&B(t)&&t.getTime()>=a.getTime():a?B(a):t?B(t):!0},Z=n=>!n||n.length===0?!0:n.every(a=>{const t=typeof a.name=="string"&&a.name!=="",l=B(a.from),s=B(a.to);return t&&l&&s}),F=n=>{if(!n||E(n))return!0;const{dates:a,from:t,to:l,ranges:s,custom:c}=n;return!(Array.isArray(a)&&a.some(i=>!B(i))||t&&!B(t)||l&&!B(l)||Array.isArray(s)&&s.some(i=>!B(i.from)||!B(i.to))||c&&typeof c!="function")},Y={inputClass:[String,Object,Array],refName:String,name:String,type:String,placeholder:String,id:String,required:Boolean,format:{type:String,default:"DD/MM/YYYY HH:mm"},sameDateFormat:{type:Object,validator:n=>{if(!n)return!0;if(E(n))return!1;const{from:a,to:t}=n;return typeof a=="string"&&a!==""&&typeof t=="string"&&t!==""},default:()=>({from:"DD/MM/YYYY, HH:mm",to:"HH:mm"})},language:{type:String,default:"en"},selectedStartDate:Date,selectedEndDate:Date},x=defineEmitOptions({click:n=>!0}),ee=["id","type","name","placeholder","required","value"],te={inheritAttrs:!0},ae=e.defineComponent({...te,props:Y,emits:x,setup(n,{emit:a}){const t=n,l=e.computed(()=>new w(t.language)),s=e.computed(()=>{if(!t.selectedStartDate||!t.selectedEndDate)return"";if(l.value.isSameDate(t.selectedStartDate,t.selectedEndDate)){const d=l.value.formatDate(t.selectedStartDate,t.sameDateFormat.from),f=l.value.formatDate(t.selectedEndDate,t.sameDateFormat.to);return`${d} - ${f}`}const i=l.value.formatDate(t.selectedStartDate,t.format),h=l.value.formatDate(t.selectedEndDate,t.format);return`${i} - ${h}`}),c=i=>{a("click",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("input",{id:i.id,type:i.type,ref:i.refName,name:i.name,placeholder:i.placeholder,required:i.required,value:e.unref(s),class:e.normalizeClass(i.inputClass),onClick:c,readonly:""},null,10,ee)]))}}),H={pageDate:{type:Date,required:!0},days:{type:Array,default:()=>[]},dayNames:{type:Array,default:()=>[]},isPrevPageDisabled:{type:Boolean,default:!1},isNextPageDisabled:{type:Boolean,default:!1},language:{type:String,default:"en"}},ne=defineEmitOptions({"select-disabled-date":n=>!0,"select-date":n=>!0,"on-prev-calendar":n=>!0,"on-next-calendar":n=>!0}),le={class:"vdpr-datepicker__calendar"},re={class:"vdpr-datepicker__calendar-control"},se={class:"vdpr-datepicker__calendar-month-year"},oe={class:"vdpr-datepicker__calendar-table"},ie=["onClick"],de={inheritAttrs:!1},ce=e.defineComponent({...de,props:H,emits:ne,setup(n,{expose:a,emit:t}){const l=n,s=e.computed(()=>new w(l.language)),c=e.computed(()=>l.pageDate?s.value.formatDate(l.pageDate,"MMM YYYY"):"MMM YYYY"),i=m=>{const b=m*7,v=b-7;return l.days.slice(v,b)},h=m=>m.isDisabled?t("select-disabled-date",m.date):t("select-date",m.date),d=m=>{l.isPrevPageDisabled||t("on-prev-calendar",m)},f=m=>{l.isNextPageDisabled||t("on-next-calendar",m)};return a({selectDate:h,getRowDays:i}),(m,b)=>(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("div",re,[e.createElementVNode("span",{class:e.normalizeClass(["vdpr-datepicker__calendar-control-prev",{"vdpr-datepicker__calendar-control-disabled":m.isPrevPageDisabled}]),onClick:d},null,2),e.createElementVNode("span",se,e.toDisplayString(e.unref(c)),1),e.createElementVNode("span",{class:e.normalizeClass(["vdpr-datepicker__calendar-control-next",{"vdpr-datepicker__calendar-control-disabled":m.isNextPageDisabled}]),onClick:f},null,2)]),e.createElementVNode("table",oe,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.dayNames,v=>(e.openBlock(),e.createElementBlock("th",{key:v},e.toDisplayString(v),1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(6,v=>e.createElementVNode("tr",{key:v},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i(v),u=>(e.openBlock(),e.createElementBlock("td",{key:u.timestamp,class:e.normalizeClass({highlighted:u.isHighlighted,faded:u.isFaded,disabled:u.isDisabled}),onClick:o=>h(u)},e.toDisplayString(u.dateNumber),11,ie))),128))])),64))])])]))}}),ue={checked:{type:Boolean}},pe=defineEmitOptions({change:n=>!0}),fe={class:"vdpr-datepicker__switch"},me=["checked"],De=e.createElementVNode("span",{class:"vdpr-datepicker__switch-slider"},null,-1),he={inheritAttrs:!1},ge=e.defineComponent({...he,props:ue,emits:pe,setup(n,{emit:a}){return(t,l)=>(e.openBlock(),e.createElementBlock("label",fe,[e.createElementVNode("input",{type:"checkbox",checked:t.checked,onChange:l[0]||(l[0]=s=>a("change",s))},null,40,me),De]))}}),ye={inputClass:[String,Object,Array],timestamp:{type:Number,default:0},format:{type:String,default:"DD/MM/YYYY"},language:{type:String,default:"en"}},be=defineEmitOptions({change:n=>!0}),_e={class:"vdpr-datepicker__calendar-input-date"},ke=["value"],ve={},$=e.defineComponent({...ve,props:ye,emits:be,setup(n,{emit:a}){const t=n,l=e.computed(()=>new w(t.language)),s=e.computed(()=>{if(t.timestamp===0)return;const i=l.value.fromUnix(t.timestamp);return l.value.formatDate(i,t.format)}),c=i=>{const h=i.target;let d="00:00:00";if(t.timestamp!==0){const m=l.value.fromUnix(t.timestamp);d=l.value.formatDate(m,"HH:mm:ss")}const f=l.value.createDate(`${h.value} ${d}`,`${t.format} HH:mm:ss`);if(l.value.isValidDate(f))return a("change",f)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("input",{ref:"inputDateRef",class:e.normalizeClass(["vdpr-datepicker__calendar-input-date-elem",i.inputClass]),type:"text",value:e.unref(s),onChange:c},null,42,ke)]))}}),Be={inputClass:[String,Object,Array],readonly:{type:Boolean,default:!1},timestamp:{type:Number,default:0},language:{type:String,default:"en"},step:{type:Number,default:60}},Ce=defineEmitOptions({change:n=>!0}),Se={class:"vdpr-datepicker__calendar-input-time"},Oe=["value","readonly"],Ee={},L=e.defineComponent({...Ee,props:Be,emits:Ce,setup(n,{emit:a}){const t=n,l=e.computed(()=>new w(t.language)),s=e.computed(()=>{if(t.timestamp===0)return"";const d=l.value.fromUnix(t.timestamp);return l.value.formatDate(d,"HH:mm")}),c=()=>{if(t.timestamp===0)return;const d=l.value.fromUnix(t.timestamp+t.step*60);a("change",d)},i=()=>{if(t.timestamp===0)return;const d=l.value.fromUnix(t.timestamp-t.step*60);a("change",d)},h=d=>{const f=d.target,[m,b]=f.value.trim().split(":"),v=parseInt(m,10),u=parseInt(b,10);if(isNaN(v)||isNaN(u))return!1;const o=v*60+u,y=l.value.startOf(l.value.fromUnix(t.timestamp),"d"),S=l.value.add(y,o,"m");a("change",S)};return(d,f)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("input",{class:e.normalizeClass(["vdpr-datepicker__calendar-input-time-elem",d.inputClass]),type:"text",value:e.unref(s),readonly:d.readonly,onChange:h},null,42,Oe),e.createElementVNode("div",{class:"vdpr-datepicker__calendar-input-time-control"},[e.createElementVNode("span",{class:"vdpr-datepicker__calendar-input-time-control-up",onClick:c}," ▲ "),e.createElementVNode("span",{class:"vdpr-datepicker__calendar-input-time-control-down",onClick:i}," ▼ ")])]))}}),C={language:H.language,disabledDates:{type:Object,validator:F,default:()=>({})},availableDates:{type:Object,validator:F,default:()=>({})},isMondayFirst:{type:Boolean,default:!1},initialDates:{type:Array,validator:X,default:()=>[]},inline:{type:Boolean,default:!1},showHelperButtons:{type:Boolean,default:!0},helperButtons:{type:Array,validator:Z,default:()=>[]},timeInput:{type:Object,default:()=>({inputClass:null,readonly:!1,step:60})},dateInput:{type:Object,default:()=>({inputClass:null,labelStarts:"Starts",labelEnds:"Ends",format:"DD/MM/YYYY"})},switchButtonLabel:{type:String,default:"All Days"},switchButtonInitial:{type:Boolean,default:!1},applyButtonLabel:{type:String,default:"Apply"},resetButtonLabel:{type:String,default:"Reset"}},Ne=defineEmitOptions({"on-apply":(n,a)=>!0,"on-reset":n=>!0,"select-date":(n,a)=>!0,"select-disabled-date":n=>!0,"on-prev-calendar":n=>!0,"on-next-calendar":n=>!0}),we=n=>{var h,d;const a=e.computed(()=>new w(n.language.value)),t=e.ref(((h=n.initialDates.value)==null?void 0:h[0])??null),l=e.ref(((d=n.initialDates.value)==null?void 0:d[1])??null),s=e.computed(()=>t.value&&l.value?a.value.isAllDay(t.value,l.value):!1),c=e.computed(()=>f=>{const m=B(t.value),b=B(l.value);return m&&b?a.value.isSameOrBetween(f,a.value.startOf(t.value,"d"),a.value.startOf(l.value,"d")):m?a.value.isSameDate(f,t.value):b?a.value.isSameDate(f,l.value):!1});return{selectedStartDate:t,selectedEndDate:l,isAllDay:s,isDateHighlighted:c,setDates:(f,m)=>{const b=[a.value.isValidDate(f)?f:null,a.value.isValidDate(m)?m:null];return b[0]&&b[1]&&a.value.isAfter(b[0],b[1])&&([b[0],b[1]]=[b[1],b[0]]),[t.value,l.value]=b,{startDate:t.value,endDate:l.value}}}},Ie=n=>{var v;const a=e.computed(()=>new w(n.language.value)),t=e.ref(((v=n.pageDate)==null?void 0:v.value)??a.value.now()),l=e.computed(()=>{var u,o,y;return!((u=n==null?void 0:n.disabledDates)!=null&&u.value)||E((o=n==null?void 0:n.disabledDates)==null?void 0:o.value)?null:T((y=n==null?void 0:n.disabledDates)==null?void 0:y.value,a.value)}),s=e.computed(()=>{var u,o,y;return!((u=n==null?void 0:n.availableDates)!=null&&u.value)||E((o=n==null?void 0:n.availableDates)==null?void 0:o.value)?null:Ye((y=n==null?void 0:n.availableDates)==null?void 0:y.value,a.value)}),c=e.computed(()=>u=>l.value?l.value(u):s.value?!s.value(u):!1),i=e.computed(()=>Ve(t.value,n.isMondayFirst.value,a.value)),h=e.computed(()=>{var y,S;const u=((y=n==null?void 0:n.disabledDates)==null?void 0:y.value)??{},o=((S=n==null?void 0:n.availableDates)==null?void 0:S.value)??{};if(!E(u)){const{from:_,to:D}=u;return!_||D&&a.value.isAfter(D,_)?!1:a.value.month(_)<=a.value.month(t.value)&&a.value.year(_)<=a.value.year(t.value)||a.value.year(_)<a.value.year(t.value)}if(E(u)&&!E(o)){const{from:_,to:D}=o;return!D||_&&a.value.isAfter(_,D)?!1:a.value.month(D)<=a.value.month(t.value)&&a.value.year(D)<=a.value.year(t.value)||a.value.year(D)<a.value.year(t.value)}return!1}),d=e.computed(()=>{var y,S;const u=((y=n==null?void 0:n.disabledDates)==null?void 0:y.value)??{},o=((S=n==null?void 0:n.availableDates)==null?void 0:S.value)??{};if(!E(u)){const{from:_,to:D}=u;return!D||_&&a.value.isBefore(_,D)?!1:a.value.month(D)>=a.value.month(t.value)&&a.value.year(D)>=a.value.year(t.value)||a.value.year(D)>a.value.year(t.value)}if(E(u)&&!E(o)){const{from:_,to:D}=o;return!_||D&&a.value.isBefore(D,_)?!1:a.value.month(_)>=a.value.month(t.value)&&a.value.year(_)>=a.value.year(t.value)||a.value.year(_)>a.value.year(t.value)}return!1}),f=e.computed(()=>{const u=a.value.getAbbrDayNames();if(n.isMondayFirst.value){const[o,...y]=u;return[...y,o]}return u});return{pageDate:t,dayNames:f,days:i,isNextPageDisabled:h,isPrevPageDisabled:d,nextPage:()=>h.value?!1:(t.value=a.value.add(t.value,1,"month"),!0),prevPage:()=>d.value?!1:(t.value=a.value.subtract(t.value,1,"month"),!0),isDisabledDate:c}},M=(n,a)=>({date:n,timestamp:n.getTime(),dateNumber:n.getDate(),isFaded:a}),Ve=(n,a,t)=>{let l=t.startOf(n,"month");const s=t.daysInMonth(n),c=[],i=[],h=[];for(let u=0;u<s;u+=1)c.push(M(l,!1)),l=t.add(l,1,"day");let d=c[0].date;const b=a?1:0;for(;d.getDay()!==b;)d=t.subtract(d,1,"day"),i.unshift(M(d,!0));let v=c[c.length-1].date;for(let u=i.length+c.length;u<42;u+=1)v=t.add(v,1,"day"),h.push(M(v,!0));return[...i,...c,...h]},T=(n,a)=>{const t=Me(n,a);return l=>t.length===0?!1:t.some(s=>s(l))},Ye=(n,a)=>t=>!T(n,a)(t),Me=(n,a)=>{const t=[],{dates:l,from:s,to:c,ranges:i,custom:h}=n;return Array.isArray(l)&&l.forEach(d=>{t.push(f=>a.isSameDate(f,d))}),Array.isArray(i)&&i.forEach(d=>{t.push(f=>a.isSameOrBetween(f,d.from,d.to))}),s&&c&&a.isBefore(s,c)?t.push(d=>a.isSameOrBetween(d,s,c)):(s&&t.push(d=>a.isSameOrAfter(d,s)),c&&t.push(d=>a.isSameOrBefore(d,c))),h&&typeof h=="function"&&t.push(d=>!!h(d)),t},Ae={key:0,class:"vdpr-datepicker__calendar-button-helper"},Pe=["onClick"],Fe={class:"vdpr-datepicker__calendar-actions"},He={class:"vdpr-datepicker__calendar-input-wrapper"},$e={class:"vdpr-datepicker__calendar-input-wrapper"},Le={class:"vdpr-datepicker__calendar-input-wrapper vdpr-datepicker__calendar-input-wrapper--end"},Te={class:"vdpr-datepicker__calendar-input-wrapper"},je={class:"vdpr-datepicker__calendar-input-wrapper vdpr-datepicker__calendar-input-wrapper--end"},Re={inheritAttrs:!1},j=e.defineComponent({...Re,props:C,emits:Ne,setup(n,{expose:a,emit:t}){const l=n,s=e.computed(()=>new w(l.language)),{selectedStartDate:c,selectedEndDate:i,isAllDay:h,isDateHighlighted:d,setDates:f}=we({initialDates:e.toRef(l,"initialDates"),language:e.toRef(l,"language")}),m=e.ref(c.value??i.value??s.value.now()),{pageDate:b,dayNames:v,days:u,isPrevPageDisabled:o,isNextPageDisabled:y,nextPage:S,prevPage:_,isDisabledDate:D}=Ie({isMondayFirst:e.toRef(l,"isMondayFirst"),language:e.toRef(l,"language"),availableDates:e.toRef(l,"availableDates"),disabledDates:e.toRef(l,"disabledDates"),pageDate:m}),V=e.computed(()=>u.value.map(r=>({...r,isDisabled:D.value(r.date),isHighlighted:d.value(r.date)}))),I=e.ref(l.switchButtonInitial||h.value),R=e.computed(()=>l.showHelperButtons?l.helperButtons.length!==0?l.helperButtons:G():[]),U=e.computed(()=>c.value?s.value.toUnix(c.value):0),z=e.computed(()=>i.value?s.value.toUnix(i.value):0),q=e.computed(()=>!I.value),Je=e.computed(()=>!l.inline),Ke=r=>{const k=r.target.checked;if(I.value=k,!c.value||!i.value)return;const g=s.value.startOf(c.value,"d");k?N(g,s.value.endOf(i.value,"d")):N(g,s.value.startOf(i.value,"d"))},Qe=r=>{if(D.value(r))return t("select-disabled-date",r);N(r,i.value)},Xe=r=>{if(D.value(r))return t("select-disabled-date",r);N(c.value,r)},Ze=r=>{if(D.value(r))return t("select-disabled-date",r);N(r,i.value)},xe=r=>{if(D.value(r))return t("select-disabled-date",r);N(c.value,r)},et=(r,k)=>{if(D.value(r))return t("select-disabled-date",r);if(D.value(k))return t("select-disabled-date",k);N(r,k)},tt=()=>{c.value&&i.value&&t("on-apply",c.value,i.value)},at=r=>{f(null,null),t("on-reset",r)},W=r=>{let[k,g]=[c.value,i.value];B(k)&&B(g)?s.value.isSameDate(k,g)?s.value.isAfter(r,k)?g=r:k=r:(k=r,g=r):[k,g]=[k??r,g??r],I.value&&(k=s.value.startOf(k,"d"),g=s.value.endOf(g,"d")),N(k,g)},nt=r=>{t("select-disabled-date",r)},N=(r,k)=>{const g=f(r,k);t("select-date",g.startDate,g.endDate),l.inline&&g.startDate&&g.endDate&&t("on-apply",g.startDate,g.endDate)},G=()=>{const r=new Date,k=s.value.subtract(r,1,"d"),g=s.value.subtract(r,7,"d"),J=s.value.subtract(r,1,"M"),K=s.value.subtract(r,1,"y"),st=s.value.startOf(r,"d"),ot=s.value.endOf(r,"d"),it=s.value.startOf(k,"d"),dt=s.value.endOf(k,"d"),ct=s.value.startOf(r,"week"),ut=s.value.endOf(r,"week"),pt=s.value.startOf(g,"week"),ft=s.value.endOf(g,"week"),mt=s.value.startOf(r,"month"),Dt=s.value.endOf(r,"month"),ht=s.value.startOf(J,"month"),gt=s.value.endOf(J,"month"),yt=s.value.startOf(r,"year"),bt=s.value.endOf(r,"year"),_t=s.value.startOf(K,"year"),kt=s.value.endOf(K,"year");return[{name:"Today",from:st,to:ot},{name:"Yesterday",from:it,to:dt},{name:"This Week",from:ct,to:ut},{name:"Last Week",from:pt,to:ft},{name:"This Month",from:mt,to:Dt},{name:"Last Month",from:ht,to:gt},{name:"This Year",from:yt,to:bt},{name:"Last Year",from:_t,to:kt}]},lt=r=>{_()&&t("on-prev-calendar",r)},rt=r=>{S()&&t("on-next-calendar",r)};return a({selectedStartDate:c,selectedEndDate:i,isAllDayChecked:I,dayNames:v,days:u,isPrevPageDisabled:o,isNextPageDisabled:y,setDates:f,selectDate:W,nextPage:S,prevPage:_,getDefaultHelpers:G}),(r,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vdpr-datepicker__calendar-dialog",{"vdpr-datepicker__calendar-dialog--inline":r.inline}])},[e.unref(R).length?(e.openBlock(),e.createElementBlock("div",Ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(R),g=>(e.openBlock(),e.createElementBlock("button",{key:"btn"+g.name,class:e.normalizeClass(["vdpr-datepicker__button","vdpr-datepicker__button--block","vdpr-datepicker__button-default"]),onClick:()=>{et(g.from,g.to)}},e.toDisplayString(g.name),9,Pe))),128))])):e.createCommentVNode("",!0),e.createVNode(ce,{language:r.language,days:e.unref(V),"day-names":e.unref(v),"page-date":e.unref(b),"is-next-page-disabled":e.unref(y),"is-prev-page-disabled":e.unref(o),onSelectDate:W,onSelectDisabledDate:nt,onOnPrevCalendar:lt,onOnNextCalendar:rt},null,8,["language","days","day-names","page-date","is-next-page-disabled","is-prev-page-disabled"]),e.createElementVNode("div",Fe,[e.createElementVNode("div",He,[e.createElementVNode("span",null,e.toDisplayString(r.switchButtonLabel),1),e.createVNode(ge,{checked:I.value,onChange:Ke},null,8,["checked"])]),e.createElementVNode("div",$e,[e.createElementVNode("span",null,e.toDisplayString(r.dateInput.labelStarts),1),e.createVNode($,{format:r.dateInput.format,inputClass:r.dateInput.inputClass,timestamp:e.unref(U),language:r.language,onChange:Qe},null,8,["format","inputClass","timestamp","language"])]),e.createElementVNode("div",Le,[e.withDirectives(e.createVNode(L,{step:r.timeInput.step,readonly:r.timeInput.readonly,inputClass:r.timeInput.inputClass,timestamp:e.unref(U),onChange:Ze},null,8,["step","readonly","inputClass","timestamp"]),[[e.vShow,e.unref(q)]])]),e.createElementVNode("div",Te,[e.createElementVNode("span",null,e.toDisplayString(r.dateInput.labelEnds),1),e.createVNode($,{format:r.dateInput.format,inputClass:r.dateInput.inputClass,timestamp:e.unref(z),language:r.language,onChange:Xe},null,8,["format","inputClass","timestamp","language"])]),e.createElementVNode("div",je,[e.withDirectives(e.createVNode(L,{step:r.timeInput.step,readonly:r.timeInput.readonly,inputClass:r.timeInput.inputClass,timestamp:e.unref(z),onChange:xe},null,8,["step","readonly","inputClass","timestamp"]),[[e.vShow,e.unref(q)]])]),e.withDirectives(e.createElementVNode("button",{class:e.normalizeClass(["vdpr-datepicker__button","vdpr-datepicker__button--block","vdpr-datepicker__button-submit"]),onClick:tt},e.toDisplayString(r.applyButtonLabel),513),[[e.vShow,e.unref(Je)]]),e.createElementVNode("button",{class:e.normalizeClass(["vdpr-datepicker__button","vdpr-datepicker__button--block","vdpr-datepicker__button-reset"]),onClick:at},e.toDisplayString(r.resetButtonLabel),1)])],2))}}),Ue={modelValue:{type:Array,default:()=>null},initialDates:C.initialDates,inline:C.inline,language:C.language,format:Y.format,sameDateFormat:Y.sameDateFormat,dateInput:{type:Object,default:()=>({})},disabledDates:C.disabledDates,availableDates:C.availableDates,showHelperButtons:C.showHelperButtons,helperButtons:C.helperButtons,calendarDateInput:C.dateInput,calendarTimeInput:C.timeInput,switchButtonLabel:C.switchButtonLabel,switchButtonInitial:C.switchButtonInitial,applyButtonLabel:C.applyButtonLabel,resetButtonLabel:C.resetButtonLabel,isMondayFirst:C.isMondayFirst},ze=defineEmitOptions({"update:model-value":n=>!0,"date-applied":(n,a)=>!0,"datepicker-opened":()=>!0,"datepicker-closed":()=>!0,"on-prev-calendar":n=>!0,"on-next-calendar":n=>!0,"select-date":(n,a)=>!0,"select-disabled-date":n=>!0,"on-reset":n=>!0}),qe={class:"vdpr-datepicker"},We={inheritAttrs:!0},Ge=e.defineComponent({...We,props:Ue,emits:ze,setup(n,{expose:a,emit:t}){const l=n,s=e.ref(l.inline),c=e.computed(()=>!l.inline),i=e.computed(()=>s.value||l.inline),h=(o,y)=>(t("update:model-value",[o,y]),o&&y&&(t("date-applied",o,y),l.inline||(s.value=!1)),!0),d=o=>{t("update:model-value",null),t("on-reset",o)},f=()=>{l.inline||(s.value=!s.value,s.value?t("datepicker-opened"):t("datepicker-closed"))},m=o=>{t("on-prev-calendar",o)},b=o=>{t("on-next-calendar",o)},v=(o,y)=>(t("update:model-value",[o,y]),t("select-date",o,y),!0),u=o=>{t("select-disabled-date",o)};return a({showCalendarDialog:s}),(o,y)=>{var S,_,D,V;return e.openBlock(),e.createElementBlock("div",qe,[e.createVNode(ae,{type:e.unref(c)?"text":"hidden",language:o.language,selectedStartDate:((S=o.modelValue)==null?void 0:S[0])??((_=o.initialDates)==null?void 0:_[0]),selectedEndDate:((D=o.modelValue)==null?void 0:D[1])??((V=o.initialDates)==null?void 0:V[1]),format:o.format,sameDateFormat:o.sameDateFormat,refName:o.dateInput.refName,inputClass:o.dateInput.inputClass,name:o.dateInput.name,id:o.dateInput.id,placeholder:o.dateInput.placeholder,required:o.dateInput.required,onClick:f},null,8,["type","language","selectedStartDate","selectedEndDate","format","sameDateFormat","refName","inputClass","name","id","placeholder","required"]),e.withDirectives(e.createVNode(j,{language:o.language,inline:o.inline,initialDates:o.modelValue??o.initialDates,disabledDates:o.disabledDates,availableDates:o.availableDates,showHelperButtons:o.showHelperButtons,helperButtons:o.helperButtons,dateInput:o.calendarDateInput,timeInput:o.calendarTimeInput,switchButtonLabel:o.switchButtonLabel,switchButtonInitial:o.switchButtonInitial,applyButtonLabel:o.applyButtonLabel,resetButtonLabel:o.resetButtonLabel,isMondayFirst:o.isMondayFirst,onOnApply:h,onOnReset:d,onSelectDate:v,onSelectDisabledDate:u,onOnPrevCalendar:m,onOnNextCalendar:b},null,8,["language","inline","initialDates","disabledDates","availableDates","showHelperButtons","helperButtons","dateInput","timeInput","switchButtonLabel","switchButtonInitial","applyButtonLabel","resetButtonLabel","isMondayFirst"]),[[e.vShow,e.unref(i)]])])}}});return O.CalendarDialog=j,O.DatePicker=Ge,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"}),O}({},Vue,moment); //# sourceMappingURL=vdprDatePicker.iife.js.map