vue-datetime3 - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

dist/vue-datetime.umd.js

@@ -1,1 +0,1 @@
-(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("luxon"),require("weekstart")):typeof define=="function"&&define.amd?define(["exports","vue","luxon","weekstart"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e((f["vue-datetime"]=f["vue-datetime"]||{},f["vue-datetime"]["[name]"]={}),f.vue,f.luxon,f.weekstart))})(this,function(f,e,p,R){"use strict";var Ge=Object.defineProperty,Ue=Object.defineProperties;var xe=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Re=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable;var I=(f,e,p)=>e in f?Ge(f,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):f[e]=p,U=(f,e)=>{for(var p in e||(e={}))Re.call(e,p)&&I(f,p,e[p]);if(G)for(var p of G(e))qe.call(e,p)&&I(f,p,e[p]);return f},x=(f,e)=>Ue(f,xe(e));var g=(f,e,p)=>(I(f,typeof e!="symbol"?e+"":e,p),p);function q(o){e.onMounted(()=>{document.addEventListener("keydown",o)}),e.onUnmounted(()=>{document.removeEventListener("keydown",o)})}function $(o){const a=p.DateTime.fromISO(o);return a.isValid?a:void 0}function j(o,a){return!o||!a||o<=a}function L(o,a,t){const l=o==null?void 0:o.year,r=a==null?void 0:a.year;return!j(o,a)||!!l&&t<l||!!r&&t>r}function F(o,a,t,l){const r=o==null?void 0:o.month,d=a==null?void 0:a.month;return L(o,a,t)||!!r&&o.year===t&&l<o.month||!!d&&a.year===t&&l>a.month}function W(o,a,t,l,r){const d=o==null?void 0:o.day,s=a==null?void 0:a.day;return F(o,a,t,l)||!!d&&o.month===l&&o.year===t&&r<o.day||!!s&&a.month===l&&a.year===t&&r>a.day}function v(o,a,t){return!!o&&t<o||!!a&&t>a}function K(o,a,t){const l=p.DateTime.local(o,a,1);if(!l.isValid)return[];const d=7*(6-1),s=(7-l.weekday+t)%7,u=(7-s)%7,m=l.daysInMonth,k=d-(m-s-(s?0:7)),_=l.minus({month:1}).daysInMonth,C=l.minus({month:1}),w=l.plus({month:1});return[...Array(m+u+k)].map((y,h)=>h+1<=u?{year:C.year,month:C.month,day:_+(h+1-u)}:h>=u+m?{year:w.year,month:w.month,day:h+1-(u+m)}:{year:o,month:a,day:h+1-u})}function J(){return R.getWeekStartByLocale(p.Settings.defaultLocale)||7}function P(o){return o.charAt(0).toUpperCase()+o.slice(1)}function V(o){return String(o).padStart(2,"0")}function Q(o){const a=o-1;let t=p.Info.weekdays("short").map(l=>P(l));return t=t.concat(t.splice(0,a)),t}function z(){return[...p.Info.months().map(o=>P(o))]}function X(o){return[...Array(Math.ceil(24/o))].map((a,t)=>t*o)}function ee(o){return[...Array(Math.ceil(60/o))].map((a,t)=>t*o)}function te(o){return[...Array(201)].map((a,t)=>o-100+t)}const O=o=>(e.pushScopeId("data-v-ce779249"),o=o(),e.popScopeId(),o),oe={class:"calendar"},ae={class:"navigation"},ne=[O(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 61.3 102.8"},[e.createElementVNode("path",{fill:"none",stroke:"#444","stroke-width":"14","stroke-miterlimit":"10",d:"M56.3 97.8L9.9 51.4 56.3 5"})],-1))],se={class:"current--month"},ie=[O(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 61.3 102.8"},[e.createElementVNode("path",{fill:"none",stroke:"#444","stroke-width":"14","stroke-miterlimit":"10",d:"M56.3 97.8L9.9 51.4 56.3 5"})],-1))],le={class:"month"},re=["onClick"],ce=e.defineComponent({__name:"DatetimeCalendar",props:{year:{},month:{},day:{default:void 0},disabled:{default:()=>[]},minDate:{default:void 0},maxDate:{default:void 0},weekStart:{default:1}},emits:["change"],setup(o,{emit:a}){const t=o,l=e.ref(p.DateTime.fromObject({year:t.year.valueOf(),month:t.month.valueOf()},{zone:"UTC"})),r=Q(t.weekStart),d=z(),s=e.computed(()=>l.value.year),u=e.computed(()=>l.value.month),m=e.computed(()=>d[u.value-1]),k=e.computed(()=>K(s.value,u.value,t.weekStart).map((y,h)=>({key:h,number:y.day,selected:t.year===y.year&&t.month===y.month&&t.day===y.day,disabled:y.month!==u.value||t.disabled.includes(y.day)||W(t.minDate,t.maxDate,s.value,u.value,y.day)}))),_=y=>{y.disabled||a("change",{year:s.value,month:u.value,day:y.number})},C=()=>{l.value=l.value.minus({month:1})},w=()=>{l.value=l.value.plus({month:1})};return(y,h)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("div",{class:"navigation--previous",onClick:C},ne),e.createElementVNode("div",se,e.toDisplayString(m.value)+" "+e.toDisplayString(s.value),1),e.createElementVNode("div",{class:"navigation--next",onClick:w},ie)]),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),i=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"month__weekday"},e.toDisplayString(i),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,i=>(e.openBlock(),e.createElementBlock("div",{key:i.key,class:e.normalizeClass(["month__day",{selected:i.selected,disabled:i.disabled}]),onClick:B=>_(i)},[e.createElementVNode("span",null,[e.createElementVNode("span",null,e.toDisplayString(i.number),1)])],10,re))),128))])]))}}),Ke="",b=(o,a)=>{const t=o.__vccOpts||o;for(const[l,r]of a)t[l]=r;return t},de=b(ce,[["__scopeId","data-v-ce779249"]]);function D(o,a){const t=()=>{var l,r,d;if(o.value){const s=(l=o.value)==null?void 0:l.querySelector(a);(d=(r=o.value).scrollTo)==null||d.call(r,{top:s?s.offsetTop-152:0,behavior:"auto"})}};return e.onMounted(t),e.onUpdated(t),t}const me={class:"container"},ue=["onClick"],pe=e.defineComponent({__name:"DatetimeMonthPicker",props:{year:{},month:{},minDate:{},maxDate:{}},emits:["change"],setup(o,{emit:a}){const t=o,l=e.computed(()=>z().map((s,u)=>({key:u,number:++u,label:s,selected:u===t.month,disabled:!(u+1)||F(t.minDate,t.maxDate,t.year,u)}))),r=e.ref(null);D(r,".selected");const d=s=>{s.disabled||a("change",s.number,10)};return(s,u)=>(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",{ref_key:"monthList",ref:r,class:"list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,m=>(e.openBlock(),e.createElementBlock("div",{key:m.key,class:e.normalizeClass(["item",{selected:m.selected,disabled:m.disabled}]),onClick:k=>d(m)},e.toDisplayString(m.label),11,ue))),128))],512)]))}}),Je="",fe=b(pe,[["__scopeId","data-v-49c60518"]]),ye=["onClick"],ke=["onClick"],he={key:0,ref:"suffixList",class:"list list--suffix"},_e=e.defineComponent({__name:"DatetimeTimePicker",props:{hour:{},minute:{},use12Hour:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:1},minTime:{default:void 0},maxTime:{default:void 0}},emits:["change"],setup(o,{emit:a}){const t=o,l=e.computed(()=>t.minTime?parseInt(t.minTime.split(":")[0],10):null),r=e.computed(()=>t.maxTime?parseInt(t.maxTime.split(":")[0],10):null),d=e.computed(()=>X(t.hourStep).filter(i=>t.use12Hour?t.hour<12?i<12:i>=12:!0).map(i=>({key:i,number:i,label:V(i),selected:i===t.hour,disabled:v(l.value,r.value,i)}))),s=e.computed(()=>t.minTime&&l.value===t.hour?parseInt(t.minTime.split(":")[1],10):null),u=e.computed(()=>t.maxTime&&r.value===t.hour?parseInt(t.maxTime.split(":")[1],10):null),m=e.computed(()=>ee(t.minuteStep).map(i=>({key:i,number:i,label:V(i),selected:i===t.minute,disabled:v(s.value,u.value,i)}))),k=e.ref(null),_=e.ref(null);D(k,".selected"),D(_,".selected");const C=i=>{i.disabled||a("change",{hour:i.number})},w=i=>{i.disabled||a("change",{minute:i.number})},y=i=>{i==="am"&&t.hour>=12&&a("change",{hour:t.hour-12,suffixTouched:!0}),i==="pm"&&t.hour<12&&a("change",{hour:t.hour+12,suffixTouched:!0})},h=i=>t.use12Hour?i%12?i%12:12:i;return(i,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["container",{"with-suffix":i.use12Hour}])},[e.createElementVNode("div",{ref_key:"hourList",ref:k,class:"list list--hour"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:e.normalizeClass(["item",{selected:n.selected,disabled:n.disabled}]),onClick:S=>C(n)},e.toDisplayString(e.unref(V)(h(n.number))),11,ye))),128))],512),e.createElementVNode("div",{ref_key:"minuteList",ref:_,class:"list list--minute"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:e.normalizeClass(["item",{selected:n.selected,disabled:n.disabled}]),onClick:S=>w(n)},e.toDisplayString(n.label),11,ke))),128))],512),i.use12Hour?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",{class:e.normalizeClass(["item",{selected:i.hour<12}]),onClick:B[0]||(B[0]=n=>y("am"))}," am ",2),e.createElementVNode("div",{class:e.normalizeClass(["item",{selected:i.hour>=12}]),onClick:B[1]||(B[1]=n=>y("pm"))}," pm ",2)],512)):e.createCommentVNode("",!0)],2))}}),Qe="",we=b(_e,[["__scopeId","data-v-3b2f97c5"]]),Ce={class:"container"},Se=["onClick"],Be=e.defineComponent({__name:"DatetimeYearPicker",props:{year:{},minDate:{},maxDate:{}},emits:["change"],setup(o,{emit:a}){const t=o,l=e.computed(()=>te(t.year).map(s=>({key:s,number:s,selected:s===t.year,disabled:!s||L(t.minDate,t.maxDate,s)}))),r=e.ref(null);D(r,".selected");const d=s=>{s.disabled||a("change",s.number,10)};return(s,u)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",{ref_key:"yearList",ref:r,class:"list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,m=>(e.openBlock(),e.createElementBlock("div",{key:m.key,class:e.normalizeClass(["item",{selected:m.selected,disabled:m.disabled}]),onClick:k=>d(m)},e.toDisplayString(m.number),11,Se))),128))],512)]))}}),Xe="",be=b(Be,[["__scopeId","data-v-050926bb"]]),De=["time"],Te=["date"],Ne=["date","time"],H="end";class T{constructor(a=[]){g(this,"flow");g(this,"endStatus",H);g(this,"diversionNext");this.flow=a,this.diversionNext=null}step(a){return a>=0&&this.flow.length>a?this.flow[a]:this.endStatus}first(){return this.step(0)}next(a){if(this.diversionNext){const t=this.diversionNext;return this.diversionNext=null,t}return this.step(this.flow.indexOf(a)+1)}diversion(a){this.diversionNext=a}}const ge=o=>new T(o),Ve=o=>{switch(o){case"datetime":return new T(Ne);case"date":return new T(Te);case"time":return new T(De);default:throw new TypeError(`Cannot create flow type of ${o}`)}},Me={class:"popup"},Ie={class:"header"},$e={key:0,class:"title"},Le={class:"popup__body"},Fe={class:"actions"},ve=e.defineComponent({__name:"DatetimePopup",props:{datetime:{},phrases:{default:()=>({cancel:"Cancel",ok:"Ok"})},type:{default:"date"},use12Hour:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:1},minDatetime:{default:void 0},maxDatetime:{default:void 0},auto:{type:Boolean,default:!1},weekStart:{default:1},flow:{default:void 0},title:{default:""}},emits:["cancel","confirm"],setup(o,{emit:a}){var Z;const t=o,l=t.flow?ge(t.flow):Ve(t.type),r=e.ref((Z=t.datetime)!=null?Z:p.DateTime.now()),d=e.ref(l.first());let s={};const u=()=>{d.value=l.next(d.value),s={},d.value===H&&a("confirm",r.value)};q(c=>{switch(c.key){case"Escape":case"Tab":a("cancel");break;case"Enter":u();break}});const m=e.computed(()=>r.value.year),k=e.computed(()=>r.value.month),_=e.computed(()=>r.value.day),C=e.computed(()=>r.value.hour),w=e.computed(()=>r.value.minute),y=e.computed(()=>r.value.toLocaleString({month:"long",day:"numeric"})),h=e.computed(()=>t.minDatetime&&t.minDatetime.year===m.value&&t.minDatetime.month===k.value&&t.minDatetime.day===_.value?t.minDatetime.toFormat("HH:mm"):void 0),i=e.computed(()=>t.maxDatetime&&t.maxDatetime.year===m.value&&t.maxDatetime.month===k.value&&t.maxDatetime.day===_.value?t.maxDatetime.toFormat("HH:mm"):void 0),B=()=>{d.value="year",l.diversion("date")},n=()=>{d.value="month",l.diversion("date")},S=c=>{r.value=r.value.set({year:c}),t.auto&&u()},Ee=c=>{r.value=r.value.set({month:c}),t.auto&&u()},Ae=c=>{r.value=r.value.set({year:c==null?void 0:c.year,month:c==null?void 0:c.month,day:c==null?void 0:c.day}),t.auto&&u()},Ye=c=>{c.suffixTouched&&(s.suffix=!0),Number.isInteger(c.hour)&&(r.value=r.value.set({hour:c==null?void 0:c.hour}),s.hour=!0),Number.isInteger(c.minute)&&(r.value=r.value.set({minute:c==null?void 0:c.minute}),s.minutes=!0)};return(c,N)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",Ie,[c.title?(e.openBlock(),e.createElementBlock("div",$e,e.toDisplayString(c.title),1)):e.createCommentVNode("",!0),c.type!=="time"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"year",onClick:B},e.toDisplayString(m.value),1)):e.createCommentVNode("",!0),c.type!=="time"?(e.openBlock(),e.createElementBlock("div",{key:2,class:"month",onClick:n},e.toDisplayString(y.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Le,[d.value==="year"?(e.openBlock(),e.createBlock(be,{key:0,"min-date":c.minDatetime,"max-date":c.maxDatetime,year:m.value,onChange:S},null,8,["min-date","max-date","year"])):e.createCommentVNode("",!0),d.value==="month"?(e.openBlock(),e.createBlock(fe,{key:1,"min-date":c.minDatetime,"max-date":c.maxDatetime,year:m.value,month:k.value,onChange:Ee},null,8,["min-date","max-date","year","month"])):e.createCommentVNode("",!0),d.value==="date"?(e.openBlock(),e.createBlock(de,{key:2,year:m.value,month:k.value,day:_.value,"min-date":c.minDatetime,"max-date":c.maxDatetime,"week-start":c.weekStart,onChange:Ae},null,8,["year","month","day","min-date","max-date","week-start"])):e.createCommentVNode("",!0),d.value==="time"?(e.openBlock(),e.createBlock(we,{key:3,hour:C.value,minute:w.value,"use12-hour":c.use12Hour,"hour-step":c.hourStep,"minute-step":c.minuteStep,"min-time":h.value,"max-time":i.value,onChange:Ye},null,8,["hour","minute","use12-hour","hour-step","minute-step","min-time","max-time"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:"actions__button cancel",onClick:N[0]||(N[0]=Ze=>a("cancel"))},[e.renderSlot(c.$slots,"button-cancel__internal",{step:d.value},()=>[e.createTextVNode(e.toDisplayString(c.phrases.cancel),1)],!0)]),e.createElementVNode("div",{class:"actions__button confirm",onClick:N[1]||(N[1]=Ze=>u())},[e.renderSlot(c.$slots,"button-confirm__internal",{step:d.value},()=>[e.createTextVNode(e.toDisplayString(c.phrases.ok),1)],!0)])])]))}}),et="",M=b(ve,[["__scopeId","data-v-084d9cec"]]),Pe=["id","value"],ze=["onClick"],Oe={inheritAttrs:!1},He=e.defineComponent(x(U({},Oe),{__name:"DateTime",props:{modelValue:{default:""},valueZone:{default:"UTC"},inputId:{default:void 0},inputClass:{default:""},inputStyle:{default:""},hiddenName:{default:""},zone:{default:"local"},format:{default:void 0},type:{default:"date"},color:{default:"#3f51b5"},phrases:{default:()=>({cancel:"Cancel",ok:"Ok"})},use12Hour:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:1},minDatetime:{default:void 0},maxDatetime:{default:void 0},auto:{type:Boolean,default:!1},weekStart:{default:J},flow:{default:void 0},title:{default:""},hideBackdrop:{type:Boolean,default:!1},backdropClick:{type:Boolean,default:!0},fixedDate:{type:Boolean,default:!1},fixedTime:{type:Boolean,default:!1}},emits:["input","close","update:modelValue"],setup(o,{emit:a}){const t=o,l=e.computed(()=>({"--primary-color":t.color})),r=e.computed(()=>{if(t.type==="datetime"){if(t.fixedDate)return"time";if(t.fixedTime)return"date"}return t.type}),d=e.ref(!1),s=e.computed({get(){return $(t.modelValue)},set(n){n&&a("update:modelValue",n.toISO())}}),u=e.computed(()=>{let n=t.format;if(!n)switch(t.type){case"date":n=p.DateTime.DATE_MED;break;case"time":n=p.DateTime.TIME_24_SIMPLE;break;case"datetime":n=p.DateTime.DATETIME_MED;break;default:return""}return typeof n=="string"?s.value?p.DateTime.fromISO(t.modelValue).setZone(t.zone).toFormat(n):"":s.value?s.value.setZone(t.zone).toLocaleString(n):""}),m=e.computed(()=>t.minDatetime?p.DateTime.fromISO(t.minDatetime).setZone(t.zone):void 0),k=e.computed(()=>t.maxDatetime?p.DateTime.fromISO(t.maxDatetime).setZone(t.zone):void 0),_=()=>{let n=p.DateTime.utc().setZone(t.zone).set({second:0,millisecond:0});if(m.value&&n<m.value&&(n=m.value.set({second:0,millisecond:0})),k.value&&n>k.value&&(n=k.value.set({second:0,millisecond:0})),t.minuteStep===1)return n;const S=Math.round(n.minute/t.minuteStep)*t.minuteStep;return S===60?n.plus({hours:1}).set({minute:0}):n.set({minute:S})},C=e.computed(()=>s.value?s.value.setZone(t.zone):_()),w=()=>{var S;let n=s.value;n&&t.type==="date"&&(n=n.startOf("day")),a("input",(S=n==null?void 0:n.toISO())!=null?S:"")};e.onMounted(()=>{w()});const y=n=>{n.target.blur(),d.value=!0},h=()=>{d.value=!1,a("close")},i=n=>{s.value=n.toUTC(),w(),h()},B=()=>{t.backdropClick&&h()};return e.watch(()=>t.modelValue,n=>{s.value=$(n)}),(n,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vdatetime",n.$attrs.class]),style:e.normalizeStyle(l.value)},[e.renderSlot(n.$slots,"before",{},void 0,!0),e.createElementVNode("input",e.mergeProps({id:n.inputId,class:["vdatetime-input",n.inputClass],style:n.inputStyle,type:"text",value:u.value},n.$attrs,{onClick:y,onFocus:y}),null,16,Pe),e.renderSlot(n.$slots,"after",{},void 0,!0),e.createVNode(e.TransitionGroup,{name:"vdatetime-fade",tag:"div"},{default:e.withCtx(()=>[d.value&&!n.hideBackdrop?(e.openBlock(),e.createElementBlock("div",{key:"overlay",class:"vdatetime-overlay",onClick:e.withModifiers(B,["self"])},null,8,ze)):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createBlock(M,{key:"popup",type:r.value,datetime:C.value,phrases:n.phrases,"use12-hour":n.use12Hour,"hour-step":n.hourStep,"minute-step":n.minuteStep,"min-datetime":m.value,"max-datetime":k.value,auto:n.auto,"week-start":n.weekStart,flow:n.flow,title:n.title,onConfirm:i,onCancel:h},null,8,["type","datetime","phrases","use12-hour","hour-step","minute-step","min-datetime","max-datetime","auto","week-start","flow","title"])):e.createCommentVNode("",!0)]),_:1})],6))}})),tt="",E=b(He,[["__scopeId","data-v-09cfd25a"]]);function A(){return{install:a=>{a.component("DateTime",E),a.component("DateTimePopup",M)}}}const Y="__VERSION__";A.version=Y,f.Datetime=E,f.DatetimePopup=M,f.default=A,f.version=Y,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("luxon"),require("weekstart")):typeof define=="function"&&define.amd?define(["exports","vue","luxon","weekstart"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e((f["vue-datetime"]=f["vue-datetime"]||{},f["vue-datetime"]["[name]"]={}),f.vue,f.luxon,f.weekstart))})(this,function(f,e,p,R){"use strict";var Ge=Object.defineProperty,Ue=Object.defineProperties;var xe=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Re=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable;var I=(f,e,p)=>e in f?Ge(f,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):f[e]=p,U=(f,e)=>{for(var p in e||(e={}))Re.call(e,p)&&I(f,p,e[p]);if(G)for(var p of G(e))qe.call(e,p)&&I(f,p,e[p]);return f},x=(f,e)=>Ue(f,xe(e));var g=(f,e,p)=>(I(f,typeof e!="symbol"?e+"":e,p),p);function q(o){e.onMounted(()=>{document.addEventListener("keydown",o)}),e.onUnmounted(()=>{document.removeEventListener("keydown",o)})}function $(o){const a=p.DateTime.fromISO(o);return a.isValid?a:void 0}function j(o,a){return!o||!a||o<=a}function L(o,a,t){const i=o==null?void 0:o.year,r=a==null?void 0:a.year;return!j(o,a)||!!i&&t<i||!!r&&t>r}function F(o,a,t,i){const r=o==null?void 0:o.month,d=a==null?void 0:a.month;return L(o,a,t)||!!r&&o.year===t&&i<o.month||!!d&&a.year===t&&i>a.month}function W(o,a,t,i,r){const d=o==null?void 0:o.day,s=a==null?void 0:a.day;return F(o,a,t,i)||!!d&&o.month===i&&o.year===t&&r<o.day||!!s&&a.month===i&&a.year===t&&r>a.day}function v(o,a,t){return o!==null&&t<o||a!==null&&t>a}function K(o,a,t){const i=p.DateTime.local(o,a,1);if(!i.isValid)return[];const d=7*(6-1),s=(7-i.weekday+t)%7,u=(7-s)%7,m=i.daysInMonth,k=d-(m-s-(s?0:7)),_=i.minus({month:1}).daysInMonth,C=i.minus({month:1}),w=i.plus({month:1});return[...Array(m+u+k)].map((y,h)=>h+1<=u?{year:C.year,month:C.month,day:_+(h+1-u)}:h>=u+m?{year:w.year,month:w.month,day:h+1-(u+m)}:{year:o,month:a,day:h+1-u})}function J(){return R.getWeekStartByLocale(p.Settings.defaultLocale)||7}function P(o){return o.charAt(0).toUpperCase()+o.slice(1)}function V(o){return String(o).padStart(2,"0")}function Q(o){const a=o-1;let t=p.Info.weekdays("short").map(i=>P(i));return t=t.concat(t.splice(0,a)),t}function z(){return[...p.Info.months().map(o=>P(o))]}function X(o){return[...Array(Math.ceil(24/o))].map((a,t)=>t*o)}function ee(o){return[...Array(Math.ceil(60/o))].map((a,t)=>t*o)}function te(o){return[...Array(201)].map((a,t)=>o-100+t)}const O=o=>(e.pushScopeId("data-v-ce779249"),o=o(),e.popScopeId(),o),oe={class:"calendar"},ae={class:"navigation"},ne=[O(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 61.3 102.8"},[e.createElementVNode("path",{fill:"none",stroke:"#444","stroke-width":"14","stroke-miterlimit":"10",d:"M56.3 97.8L9.9 51.4 56.3 5"})],-1))],se={class:"current--month"},le=[O(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 61.3 102.8"},[e.createElementVNode("path",{fill:"none",stroke:"#444","stroke-width":"14","stroke-miterlimit":"10",d:"M56.3 97.8L9.9 51.4 56.3 5"})],-1))],ie={class:"month"},re=["onClick"],ce=e.defineComponent({__name:"DatetimeCalendar",props:{year:{},month:{},day:{default:void 0},disabled:{default:()=>[]},minDate:{default:void 0},maxDate:{default:void 0},weekStart:{default:1}},emits:["change"],setup(o,{emit:a}){const t=o,i=e.ref(p.DateTime.fromObject({year:t.year.valueOf(),month:t.month.valueOf()},{zone:"UTC"})),r=Q(t.weekStart),d=z(),s=e.computed(()=>i.value.year),u=e.computed(()=>i.value.month),m=e.computed(()=>d[u.value-1]),k=e.computed(()=>K(s.value,u.value,t.weekStart).map((y,h)=>({key:h,number:y.day,selected:t.year===y.year&&t.month===y.month&&t.day===y.day,disabled:y.month!==u.value||t.disabled.includes(y.day)||W(t.minDate,t.maxDate,s.value,u.value,y.day)}))),_=y=>{y.disabled||a("change",{year:s.value,month:u.value,day:y.number})},C=()=>{i.value=i.value.minus({month:1})},w=()=>{i.value=i.value.plus({month:1})};return(y,h)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("div",{class:"navigation--previous",onClick:C},ne),e.createElementVNode("div",se,e.toDisplayString(m.value)+" "+e.toDisplayString(s.value),1),e.createElementVNode("div",{class:"navigation--next",onClick:w},le)]),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),l=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"month__weekday"},e.toDisplayString(l),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:e.normalizeClass(["month__day",{selected:l.selected,disabled:l.disabled}]),onClick:B=>_(l)},[e.createElementVNode("span",null,[e.createElementVNode("span",null,e.toDisplayString(l.number),1)])],10,re))),128))])]))}}),Ke="",b=(o,a)=>{const t=o.__vccOpts||o;for(const[i,r]of a)t[i]=r;return t},de=b(ce,[["__scopeId","data-v-ce779249"]]);function D(o,a){const t=()=>{var i,r,d;if(o.value){const s=(i=o.value)==null?void 0:i.querySelector(a);(d=(r=o.value).scrollTo)==null||d.call(r,{top:s?s.offsetTop-152:0,behavior:"auto"})}};return e.onMounted(t),e.onUpdated(t),t}const me={class:"container"},ue=["onClick"],pe=e.defineComponent({__name:"DatetimeMonthPicker",props:{year:{},month:{},minDate:{},maxDate:{}},emits:["change"],setup(o,{emit:a}){const t=o,i=e.computed(()=>z().map((s,u)=>({key:u,number:++u,label:s,selected:u===t.month,disabled:!(u+1)||F(t.minDate,t.maxDate,t.year,u)}))),r=e.ref(null);D(r,".selected");const d=s=>{s.disabled||a("change",s.number,10)};return(s,u)=>(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",{ref_key:"monthList",ref:r,class:"list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,m=>(e.openBlock(),e.createElementBlock("div",{key:m.key,class:e.normalizeClass(["item",{selected:m.selected,disabled:m.disabled}]),onClick:k=>d(m)},e.toDisplayString(m.label),11,ue))),128))],512)]))}}),Je="",fe=b(pe,[["__scopeId","data-v-49c60518"]]),ye=["onClick"],ke=["onClick"],he={key:0,ref:"suffixList",class:"list list--suffix"},_e=e.defineComponent({__name:"DatetimeTimePicker",props:{hour:{},minute:{},use12Hour:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:1},minTime:{default:void 0},maxTime:{default:void 0}},emits:["change"],setup(o,{emit:a}){const t=o,i=e.computed(()=>t.minTime?parseInt(t.minTime.split(":")[0],10):null),r=e.computed(()=>t.maxTime?parseInt(t.maxTime.split(":")[0],10):null),d=e.computed(()=>X(t.hourStep).filter(l=>t.use12Hour?t.hour<12?l<12:l>=12:!0).map(l=>({key:l,number:l,label:V(l),selected:l===t.hour,disabled:v(i.value,r.value,l)}))),s=e.computed(()=>t.minTime&&i.value===t.hour?parseInt(t.minTime.split(":")[1],10):null),u=e.computed(()=>t.maxTime&&r.value===t.hour?parseInt(t.maxTime.split(":")[1],10):null),m=e.computed(()=>ee(t.minuteStep).map(l=>({key:l,number:l,label:V(l),selected:l===t.minute,disabled:v(s.value,u.value,l)}))),k=e.ref(null),_=e.ref(null);D(k,".selected"),D(_,".selected");const C=l=>{l.disabled||a("change",{hour:l.number})},w=l=>{l.disabled||a("change",{minute:l.number})},y=l=>{l==="am"&&t.hour>=12&&a("change",{hour:t.hour-12,suffixTouched:!0}),l==="pm"&&t.hour<12&&a("change",{hour:t.hour+12,suffixTouched:!0})},h=l=>t.use12Hour?l%12?l%12:12:l;return(l,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["container",{"with-suffix":l.use12Hour}])},[e.createElementVNode("div",{ref_key:"hourList",ref:k,class:"list list--hour"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:e.normalizeClass(["item",{selected:n.selected,disabled:n.disabled}]),onClick:S=>C(n)},e.toDisplayString(e.unref(V)(h(n.number))),11,ye))),128))],512),e.createElementVNode("div",{ref_key:"minuteList",ref:_,class:"list list--minute"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:e.normalizeClass(["item",{selected:n.selected,disabled:n.disabled}]),onClick:S=>w(n)},e.toDisplayString(n.label),11,ke))),128))],512),l.use12Hour?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",{class:e.normalizeClass(["item",{selected:l.hour<12}]),onClick:B[0]||(B[0]=n=>y("am"))}," am ",2),e.createElementVNode("div",{class:e.normalizeClass(["item",{selected:l.hour>=12}]),onClick:B[1]||(B[1]=n=>y("pm"))}," pm ",2)],512)):e.createCommentVNode("",!0)],2))}}),Qe="",we=b(_e,[["__scopeId","data-v-3b2f97c5"]]),Ce={class:"container"},Se=["onClick"],Be=e.defineComponent({__name:"DatetimeYearPicker",props:{year:{},minDate:{},maxDate:{}},emits:["change"],setup(o,{emit:a}){const t=o,i=e.computed(()=>te(t.year).map(s=>({key:s,number:s,selected:s===t.year,disabled:!s||L(t.minDate,t.maxDate,s)}))),r=e.ref(null);D(r,".selected");const d=s=>{s.disabled||a("change",s.number,10)};return(s,u)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",{ref_key:"yearList",ref:r,class:"list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,m=>(e.openBlock(),e.createElementBlock("div",{key:m.key,class:e.normalizeClass(["item",{selected:m.selected,disabled:m.disabled}]),onClick:k=>d(m)},e.toDisplayString(m.number),11,Se))),128))],512)]))}}),Xe="",be=b(Be,[["__scopeId","data-v-050926bb"]]),De=["time"],Te=["date"],Ne=["date","time"],H="end";class T{constructor(a=[]){g(this,"flow");g(this,"endStatus",H);g(this,"diversionNext");this.flow=a,this.diversionNext=null}step(a){return a>=0&&this.flow.length>a?this.flow[a]:this.endStatus}first(){return this.step(0)}next(a){if(this.diversionNext){const t=this.diversionNext;return this.diversionNext=null,t}return this.step(this.flow.indexOf(a)+1)}diversion(a){this.diversionNext=a}}const ge=o=>new T(o),Ve=o=>{switch(o){case"datetime":return new T(Ne);case"date":return new T(Te);case"time":return new T(De);default:throw new TypeError(`Cannot create flow type of ${o}`)}},Me={class:"popup"},Ie={class:"header"},$e={key:0,class:"title"},Le={class:"popup__body"},Fe={class:"actions"},ve=e.defineComponent({__name:"DatetimePopup",props:{datetime:{},phrases:{default:()=>({cancel:"Cancel",ok:"Ok"})},type:{default:"date"},use12Hour:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:1},minDatetime:{default:void 0},maxDatetime:{default:void 0},auto:{type:Boolean,default:!1},weekStart:{default:1},flow:{default:void 0},title:{default:""}},emits:["cancel","confirm"],setup(o,{emit:a}){var Z;const t=o,i=t.flow?ge(t.flow):Ve(t.type),r=e.ref((Z=t.datetime)!=null?Z:p.DateTime.now()),d=e.ref(i.first());let s={};const u=()=>{d.value=i.next(d.value),s={},d.value===H&&a("confirm",r.value)};q(c=>{switch(c.key){case"Escape":case"Tab":a("cancel");break;case"Enter":u();break}});const m=e.computed(()=>r.value.year),k=e.computed(()=>r.value.month),_=e.computed(()=>r.value.day),C=e.computed(()=>r.value.hour),w=e.computed(()=>r.value.minute),y=e.computed(()=>r.value.toLocaleString({month:"long",day:"numeric"})),h=e.computed(()=>t.minDatetime&&t.minDatetime.year===m.value&&t.minDatetime.month===k.value&&t.minDatetime.day===_.value?t.minDatetime.toFormat("HH:mm"):void 0),l=e.computed(()=>t.maxDatetime&&t.maxDatetime.year===m.value&&t.maxDatetime.month===k.value&&t.maxDatetime.day===_.value?t.maxDatetime.toFormat("HH:mm"):void 0),B=()=>{d.value="year",i.diversion("date")},n=()=>{d.value="month",i.diversion("date")},S=c=>{r.value=r.value.set({year:c}),t.auto&&u()},Ee=c=>{r.value=r.value.set({month:c}),t.auto&&u()},Ae=c=>{r.value=r.value.set({year:c==null?void 0:c.year,month:c==null?void 0:c.month,day:c==null?void 0:c.day}),t.auto&&u()},Ye=c=>{c.suffixTouched&&(s.suffix=!0),Number.isInteger(c.hour)&&(r.value=r.value.set({hour:c==null?void 0:c.hour}),s.hour=!0),Number.isInteger(c.minute)&&(r.value=r.value.set({minute:c==null?void 0:c.minute}),s.minutes=!0)};return(c,N)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",Ie,[c.title?(e.openBlock(),e.createElementBlock("div",$e,e.toDisplayString(c.title),1)):e.createCommentVNode("",!0),c.type!=="time"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"year",onClick:B},e.toDisplayString(m.value),1)):e.createCommentVNode("",!0),c.type!=="time"?(e.openBlock(),e.createElementBlock("div",{key:2,class:"month",onClick:n},e.toDisplayString(y.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Le,[d.value==="year"?(e.openBlock(),e.createBlock(be,{key:0,"min-date":c.minDatetime,"max-date":c.maxDatetime,year:m.value,onChange:S},null,8,["min-date","max-date","year"])):e.createCommentVNode("",!0),d.value==="month"?(e.openBlock(),e.createBlock(fe,{key:1,"min-date":c.minDatetime,"max-date":c.maxDatetime,year:m.value,month:k.value,onChange:Ee},null,8,["min-date","max-date","year","month"])):e.createCommentVNode("",!0),d.value==="date"?(e.openBlock(),e.createBlock(de,{key:2,year:m.value,month:k.value,day:_.value,"min-date":c.minDatetime,"max-date":c.maxDatetime,"week-start":c.weekStart,onChange:Ae},null,8,["year","month","day","min-date","max-date","week-start"])):e.createCommentVNode("",!0),d.value==="time"?(e.openBlock(),e.createBlock(we,{key:3,hour:C.value,minute:w.value,"use12-hour":c.use12Hour,"hour-step":c.hourStep,"minute-step":c.minuteStep,"min-time":h.value,"max-time":l.value,onChange:Ye},null,8,["hour","minute","use12-hour","hour-step","minute-step","min-time","max-time"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:"actions__button cancel",onClick:N[0]||(N[0]=Ze=>a("cancel"))},[e.renderSlot(c.$slots,"button-cancel__internal",{step:d.value},()=>[e.createTextVNode(e.toDisplayString(c.phrases.cancel),1)],!0)]),e.createElementVNode("div",{class:"actions__button confirm",onClick:N[1]||(N[1]=Ze=>u())},[e.renderSlot(c.$slots,"button-confirm__internal",{step:d.value},()=>[e.createTextVNode(e.toDisplayString(c.phrases.ok),1)],!0)])])]))}}),et="",M=b(ve,[["__scopeId","data-v-084d9cec"]]),Pe=["id","value"],ze=["onClick"],Oe={inheritAttrs:!1},He=e.defineComponent(x(U({},Oe),{__name:"DateTime",props:{modelValue:{default:""},valueZone:{default:"UTC"},inputId:{default:void 0},inputClass:{default:""},inputStyle:{default:""},hiddenName:{default:""},zone:{default:"local"},format:{default:void 0},type:{default:"date"},color:{default:"#3f51b5"},phrases:{default:()=>({cancel:"Cancel",ok:"Ok"})},use12Hour:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:1},minDatetime:{default:void 0},maxDatetime:{default:void 0},auto:{type:Boolean,default:!1},weekStart:{default:J},flow:{default:void 0},title:{default:""},hideBackdrop:{type:Boolean,default:!1},backdropClick:{type:Boolean,default:!0},fixedDate:{type:Boolean,default:!1},fixedTime:{type:Boolean,default:!1}},emits:["input","close","update:modelValue"],setup(o,{emit:a}){const t=o,i=e.computed(()=>({"--primary-color":t.color})),r=e.computed(()=>{if(t.type==="datetime"){if(t.fixedDate)return"time";if(t.fixedTime)return"date"}return t.type}),d=e.ref(!1),s=e.computed({get(){return $(t.modelValue)},set(n){n&&a("update:modelValue",n.toISO())}}),u=e.computed(()=>{let n=t.format;if(!n)switch(t.type){case"date":n=p.DateTime.DATE_MED;break;case"time":n=p.DateTime.TIME_24_SIMPLE;break;case"datetime":n=p.DateTime.DATETIME_MED;break;default:return""}return typeof n=="string"?s.value?p.DateTime.fromISO(t.modelValue).setZone(t.zone).toFormat(n):"":s.value?s.value.setZone(t.zone).toLocaleString(n):""}),m=e.computed(()=>t.minDatetime?p.DateTime.fromISO(t.minDatetime).setZone(t.zone):void 0),k=e.computed(()=>t.maxDatetime?p.DateTime.fromISO(t.maxDatetime).setZone(t.zone):void 0),_=()=>{let n=p.DateTime.utc().setZone(t.zone).set({second:0,millisecond:0});if(m.value&&n<m.value&&(n=m.value.set({second:0,millisecond:0})),k.value&&n>k.value&&(n=k.value.set({second:0,millisecond:0})),t.minuteStep===1)return n;const S=Math.round(n.minute/t.minuteStep)*t.minuteStep;return S===60?n.plus({hours:1}).set({minute:0}):n.set({minute:S})},C=e.computed(()=>s.value?s.value.setZone(t.zone):_()),w=()=>{var S;let n=s.value;n&&t.type==="date"&&(n=n.startOf("day")),a("input",(S=n==null?void 0:n.toISO())!=null?S:"")};e.onMounted(()=>{w()});const y=n=>{n.target.blur(),d.value=!0},h=()=>{d.value=!1,a("close")},l=n=>{s.value=n.toUTC(),w(),h()},B=()=>{t.backdropClick&&h()};return e.watch(()=>t.modelValue,n=>{s.value=$(n)}),(n,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vdatetime",n.$attrs.class]),style:e.normalizeStyle(i.value)},[e.renderSlot(n.$slots,"before",{},void 0,!0),e.createElementVNode("input",e.mergeProps({id:n.inputId,class:["vdatetime-input",n.inputClass],style:n.inputStyle,type:"text",value:u.value},n.$attrs,{onClick:y,onFocus:y}),null,16,Pe),e.renderSlot(n.$slots,"after",{},void 0,!0),e.createVNode(e.TransitionGroup,{name:"vdatetime-fade",tag:"div"},{default:e.withCtx(()=>[d.value&&!n.hideBackdrop?(e.openBlock(),e.createElementBlock("div",{key:"overlay",class:"vdatetime-overlay",onClick:e.withModifiers(B,["self"])},null,8,ze)):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createBlock(M,{key:"popup",type:r.value,datetime:C.value,phrases:n.phrases,"use12-hour":n.use12Hour,"hour-step":n.hourStep,"minute-step":n.minuteStep,"min-datetime":m.value,"max-datetime":k.value,auto:n.auto,"week-start":n.weekStart,flow:n.flow,title:n.title,onConfirm:l,onCancel:h},null,8,["type","datetime","phrases","use12-hour","hour-step","minute-step","min-datetime","max-datetime","auto","week-start","flow","title"])):e.createCommentVNode("",!0)]),_:1})],6))}})),tt="",E=b(He,[["__scopeId","data-v-09cfd25a"]]);function A(){return{install:a=>{a.component("DateTime",E),a.component("DateTimePopup",M)}}}const Y="__VERSION__";A.version=Y,f.Datetime=E,f.DatetimePopup=M,f.default=A,f.version=Y,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "vue-datetime3",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

85486

0.03%

No dependency changes