vue-ctk-date-time-picker-fixed/dist/vue-ctk-date-time-picker.min.js

A vue component for select date & time (by Chronotruck)

module.exports=function(a){var i={};function n(t){if(i[t])return i[t].exports;var e=i[t]={i:t,l:!1,exports:{}};return a[t].call(e.exports,e,e.exports,n),e.l=!0,e.exports}return n.m=a,n.c=i,n.d=function(t,e,a){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:a})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(a,i,function(t){return e[t]}.bind(null,i));return a},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=14)}([function(t,e){t.exports=require("moment")},function(t,e){t.exports=require("moment-timezone")},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e){t.exports=require("@babel/runtime/helpers/toConsumableArray")},function(t,e){t.exports=require("@babel/runtime/helpers/classCallCheck")},function(t,e){t.exports=require("@babel/runtime/helpers/createClass")},function(t,e){t.exports=require("moment-range")},function(t){t.exports={this_week:"This week",last_7_days:"Last 7 days",last_30_days:"Last 30 days",this_month:"This month",last_month:"Last month",this_year:"This year",last_year:"Last year"}},function(t,e,a){t.exports=a(22)},function(t,e,a){"use strict";var i=a(2);a.n(i).a},function(t,e,a){"use strict";var i=a(3);a.n(i).a},function(t,e,a){"use strict";var i=a(4);a.n(i).a},function(t,e,a){"use strict";var i=a(5);a.n(i).a},function(t,e,a){"use strict";var i=a(6);a.n(i).a},function(t,e,a){"use strict";var i=a(7);a.n(i).a},function(t,e,a){"use strict";var i=a(8);a.n(i).a},function(t,e,a){"use strict";a.r(e);var i=a(1),n=a.n(i),s=a(0),o=a.n(s),c={HOUR_TOKENS:["HH","H","hh","h","kk","k"],MINUTE_TOKENS:["mm","m"],APM_TOKENS:["A","a"]},r={name:"CtkTimePicker",props:{format:{type:String,default:String},minuteInterval:{type:Number,default:Number},month:{type:Object,default:Object},dateTime:{type:Object,default:Object},color:{type:String,default:String},inline:{type:Boolean,default:Boolean},visible:{type:Boolean,default:Boolean},value:{type:String,default:String},disableDate:{type:Boolean,default:Boolean},dark:{type:Boolean,default:Boolean}},data:function(){return{hours:[],minutes:[],apms:[],muteWatch:!1,hourType:"HH",minuteType:"mm",apmType:"",hour:"",minute:"",apm:"",fullValues:void 0}},computed:{styleColor:function(){return{backgroundColor:this.color}},monthDays:function(){return this.month.getMonthDays()},weekDay:function(){return this.month.getWeekStart()},getHeight:function(){return{height:this.disableDate?"200px":this.month?35<this.monthDays.length+this.weekDay?"347px":"307px":"180px"}}},watch:{format:"renderFormat",minuteInterval:function(t){this.renderList("minute",t)},displayTime:"fillValues",visible:function(t){var s=this;t&&this.$nextTick(function(){["hours","minutes"].forEach(function(t){var e=s.$refs["".concat(t)],a=s.$refs["".concat(t)].querySelector(".item.active");if(a){e.scrollTop=0;var i=a.getBoundingClientRect(),n=e.getBoundingClientRect();e&&i&&n&&(e.scrollTop=i.top-n.top-40)}})})}},mounted:function(){this.renderFormat()},methods:{formatValue:function(t,e){switch(t){case"H":case"m":return String(e);case"HH":case"mm":return e<10?"0".concat(e):String(e);case"h":case"k":return String(e+1);case"hh":case"kk":return e+1<10?"0".concat(e+1):String(e+1);default:return""}},checkAcceptingType:function(t,e,a){if(!t||!e||!e.length)return"";for(var i=0;i<t.length;i++)if(-1<e.indexOf(t[i]))return t[i];return a||""},renderFormat:function(t){t=t||this.format,this.hourType=this.checkAcceptingType(c.HOUR_TOKENS,t,"HH"),this.minuteType=this.checkAcceptingType(c.MINUTE_TOKENS,t,"mm"),this.apmType=this.checkAcceptingType(c.APM_TOKENS,t),this.renderHoursList(),this.renderList("minute"),this.apmType&&this.renderApmList();var e=this;this.$nextTick(function(){e.readValues()})},renderHoursList:function(){var t="h"===this.hourType||"hh"===this.hourType?12:24;this.hours=[];for(var e=0;e<t;e++)this.hours.push(this.formatValue(this.hourType,e))},renderList:function(t,e){if("minute"===t){0===(e=e||this.minuteInterval)?e=60:60<e?(window.console.warn("`"+t+"-interval` should be less than 60. Current value is",e),e=1):e<1?(window.console.warn("`"+t+"-interval` should be NO less than 1. Current value is",e),e=1):e||(e=1),this.minutes=[];for(var a=0;a<60;a+=e)this.minutes.push(this.formatValue(this.minuteType,a))}},renderApmList:function(){this.apms=[],this.apmType&&(this.apms="A"===this.apmType?["AM","PM"]:["am","pm"])},readValues:function(){this.hour=this.dateTime.format(this.hourType),this.minute=this.dateTime.format(this.minuteType),this.apmType&&(this.apm=12<=this.dateTime.format("HH")?this.apms[1]:this.apms[0]),this.fillValues()},fillValues:function(){var i={},n=this.hour,s=this.hourType,o=n||0===n?Number(n):"",r=this.isTwelveHours(s),l=!(!r||!this.apm)&&String(this.apm).toLowerCase();if(c.HOUR_TOKENS.forEach(function(t){var e,a;if(t!==s)switch(t){case"H":case"HH":if(!String(o).length)return void(i[t]="");e=r?"pm"===l?o<12?o+12:o:o%12:o%24,i[t]="HH"===t&&e<10?"0".concat(e):String(e);break;case"k":case"kk":if(!String(o).length)return void(i[t]="");e=r?"pm"===l?o<12?o+12:o:12===o?24:o:0===o?24:o,i[t]="kk"===t&&e<10?"0".concat(e):String(e);break;case"h":case"hh":if(l)e=o,a=l||"am";else{if(!String(o).length)return i[t]="",i.a="",void(i.A="");e=11<o?(a="pm",12===o?12:o%12):(a=r?"":"am",o%12==0?12:o)}i[t]="hh"===t&&e<10?"0".concat(e):String(e),i.a=a,i.A=a.toUpperCase()}else i[t]=n}),this.minute||0===this.minute){var t=Number(this.minute);i.m=String(t),i.mm=t<10?"0".concat(t):String(t)}else i.m="",i.mm="";this.fullValues=i,this.updateTimeValue(i),this.$emit("change",{data:i})},updateTimeValue:function(e){this.muteWatch=!0;var t=this,a=JSON.parse(JSON.stringify(this.value||{})),i={};Object.keys(a).forEach(function(t){i[t]=e[t]}),this.$emit("input",i),this.$nextTick(function(){t.muteWatch=!1})},isTwelveHours:function(t){return"h"===t||"hh"===t},select:function(t,e){var a;"hour"===t?this.hour=e:"minute"===t?this.minute=e:"apm"===t&&(this.apm=e),a=this.apm?o()(this.hour+":"+this.minute+(this.apm?this.apm:""),"HH:mm A").format("HH:mm"):o()(this.hour+":"+this.minute+(this.apm?this.apm:""),"HH:mm").format("HH:mm");var i=o()("".concat(this.dateTime.format("YYYY-MM-DD")," ").concat(a));this.$emit("change-time",i)}}};a(15);function l(t,e,a,i,n,s,o,r){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=a,c._compiled=!0),i&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),o?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},c._ssrRegister=l):n&&(l=r?function(){n.call(this,this.$root.$options.shadowRoot)}:n),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}var u=l(r,function(){var a=this,t=a.$createElement,i=a._self._c||t;return i("div",{staticClass:"timepicker-container flex",class:{inline:a.inline,"is-dark":a.dark,"only-time":a.disableDate},style:[a.getHeight]},[i("div",{staticClass:"time-container hours-container flex flex-1 flex-direction-column"},[i("div",{staticClass:"flex align-center justify-content-center time-label text-muted"},[a._v(a._s(a.hourType))]),a._v(" "),i("div",{ref:"hours",staticClass:"h-100 mh-100 numbers-container"},a._l(a.hours,function(e){return i("button",{key:e,staticClass:"item flex align-center justify-content-center",class:[{active:a.hour===e&&a.value},e],attrs:{type:"button",tabindex:"-1"},on:{click:function(t){t.stopPropagation(),a.select("hour",e)}}},[i("span",{staticClass:"timepicker-day-effect",style:a.styleColor}),a._v(" "),i("span",{staticClass:"timepicker-day-text"},[a._v(a._s(e))])])}))]),a._v(" "),i("div",{staticClass:"time-container minutes-container flex-1 flex flex-direction-column"},[i("div",{staticClass:"flex align-center justify-content-center time-label text-muted"},[a._v(a._s(a.minuteType))]),a._v(" "),i("div",{ref:"minutes",staticClass:"h-100 mh-100 numbers-container"},a._l(a.minutes,function(e){return i("button",{key:e,staticClass:"item flex align-center justify-content-center",class:[{active:a.minute===e&&a.value},e],attrs:{type:"button",tabindex:"-1"},on:{click:function(t){t.stopPropagation(),a.select("minute",e)}}},[i("span",{staticClass:"timepicker-day-effect",style:a.styleColor}),a._v(" "),i("span",{staticClass:"timepicker-day-text"},[a._v(a._s(e))])])}))]),a._v(" "),a.apmType?i("div",{staticClass:"time-container apms-container flex flex-1 flex-direction-column"},[i("div",{staticClass:"flex align-center justify-content-center time-label text-muted"},[a._v(a._s(a.apmType))]),a._v(" "),i("div",{staticClass:"h-100 mh-100 numbers-container"},a._l(a.apms,function(e){return i("button",{key:e,staticClass:"item flex align-center justify-content-center",class:[{active:a.apm===e&&a.value},e],attrs:{type:"button",tabindex:"-1"},on:{click:function(t){t.stopPropagation(),a.select("apm",e)}}},[i("span",{staticClass:"timepicker-day-effect",style:a.styleColor}),a._v(" "),i("span",{staticClass:"timepicker-day-text"},[a._v(a._s(e))])])}))]):a._e()])},[],!1,null,"70ed7488",null);u.options.__file="CtkTimePicker.vue";var d=u.exports,h=a(9),m=a.n(h),f=a(10),p=a.n(f),y=a(11),v=a.n(y),g=a(12),k=Object(g.extendMoment)(o.a),b=function(){function a(t,e){p()(this,a),this.start=k([e,t]),this.end=this.start.clone().endOf("month"),this.month=t,this.year=e}return v()(a,[{key:"getWeekStart",value:function(){return this.start.weekday()}},{key:"getDays",value:function(){return Array.from(k.range(this.start,this.end).by("days"))}},{key:"getFormatted",value:function(t){return this.start.locale(t).format("MMMM YYYY")}},{key:"getWeeks",value:function(){return this.end.week()-this.start.week()+1}},{key:"getMonthDays",value:function(){var t=k.range(this.start,this.end).by("days");return Array.from(t)}}]),a}(),D={name:"CtkDatePicker",props:{month:{type:Object,default:Object},dateTime:{type:Object,default:Object},color:{type:String,default:String},minDate:{type:String,default:String},maxDate:{type:String,default:String},locale:{type:String,default:String},inline:{type:Boolean,default:Boolean},noWeekendsDays:{type:Boolean,default:Boolean},rangeMode:{type:Boolean,default:!1},disabledDates:{type:Array,default:Array},dark:{type:Boolean,default:!1}},data:function(){return{transitionDaysName:"slidenext",transitionLabelName:"slidevnext",weekDays:(t=this.locale,k.localeData(t).weekdaysMin())};var t},computed:{bgStyle:function(){return{backgroundColor:this.color}},endEmptyDays:function(){return(35<this.monthDays.length+this.weekDay?42:35)-this.monthDays.length-this.weekDay},monthDays:function(){return this.month.getMonthDays()},weekDay:function(){return this.month.getWeekStart()}},methods:{getMonthFormatted:function(){return this.month.getFormatted(this.locale)},isToday:function(t){return o()(t.format("YYYY-MM-DD")).isSame(o()().format("YYYY-MM-DD"))},isDisabled:function(t){return this.isDateDisabled(t)||this.isBeforeMinDate(t)||this.isAfterEndDate(t)},isDateDisabled:function(t){return-1<this.disabledDates.indexOf(t.format("YYYY-MM-DD"))},isBeforeMinDate:function(t){return o()(t).isBefore(this.minDate)},isAfterEndDate:function(t){return o()(t).isAfter(this.maxDate)},isSelected:function(t){return-1<m()(this.dateTime.start?[this.dateTime.start.format("YYYY-MM-DD")]:this.rangeMode?[]:[this.dateTime.format("YYYY-MM-DD")]).concat(m()(this.dateTime.end?[this.dateTime.end.format("YYYY-MM-DD")]:this.rangeMode?[]:[this.dateTime.format("YYYY-MM-DD")])).indexOf(t.format("YYYY-MM-DD"))},isBetween:function(t){return!!this.dateTime.end&&o.a.range(this.dateTime.start,this.dateTime.end).contains(t)},firstInRange:function(t){return!!this.dateTime.start&&o()(this.dateTime.start.format("YYYY-MM-DD")).isSame(t.format("YYYY-MM-DD"))},lastInRange:function(t){return!!this.dateTime.end&&o()(this.dateTime.end.format("YYYY-MM-DD")).isSame(t.format("YYYY-MM-DD"))},isWeekEndDay:function(t){var e=o()(t).day();return!!this.noWeekendsDays&&-1<[6,0].indexOf(e)},selectDate:function(t){this.rangeMode?(!this.dateTime.start||this.dateTime.end||t.isBefore(this.dateTime.start)?(this.dateTime.start=t,this.dateTime.end=null):this.dateTime.end=t,this.$emit("change-date",this.dateTime)):this.$emit("change-date",t)},changeMonth:function(t){this.transitionDaysName="slide".concat(t),this.transitionLabelName="slidev".concat(t),this.$emit("change-month",t)}}},_=(a(16),l(D,function(){var a=this,t=a.$createElement,i=a._self._c||t;return i("div",{staticClass:"datepicker-container",class:{"flex-1 inline":a.inline,"p-0":a.rangeMode,"is-dark":a.dark},attrs:{id:"CtkDatePicker"}},[i("div",{staticClass:"datepicker-controls flex align-center justify-content-center"},[i("div",{staticClass:"arrow-month h-100"},[i("button",{staticClass:"datepicker-button datepicker-prev text-center h-100 flex align-center",attrs:{type:"button",tabindex:"-1"},on:{click:function(t){a.changeMonth("prev")}}},[i("svg",{attrs:{viewBox:"0 0 1000 1000"}},[i("path",{attrs:{d:"M336.2 274.5l-210.1 210h805.4c13 0 23 10 23 23s-10 23-23 23H126.1l210.1 210.1c11 11 11 21 0 32-5 5-10 7-16 7s-11-2-16-7l-249.1-249c-11-11-11-21 0-32l249.1-249.1c21-21.1 53 10.9 32 32z"}})])])]),a._v(" "),i("div",{staticClass:"datepicker-container-label flex-1"},[i("transition-group",{staticClass:"h-100 flex align-center justify-content-center",attrs:{name:a.transitionLabelName}},a._l([a.month],function(t){return i("div",{key:t.month,staticClass:"datepicker-label fs-16",domProps:{textContent:a._s(a.getMonthFormatted())}})}))],1),a._v(" "),i("div",{staticClass:"arrow-month h-100 text-right"},[i("button",{staticClass:"datepicker-button datepicker-next text-center h-100 flex align-center justify-content-right",attrs:{type:"button",tabindex:"-1"},on:{click:function(t){a.changeMonth("next")}}},[i("svg",{attrs:{viewBox:"0 0 1000 1000"}},[i("path",{attrs:{d:"M694.4 242.4l249.1 249.1c11 11 11 21 0 32L694.4 772.7c-5 5-10 7-16 7s-11-2-16-7c-11-11-11-21 0-32l210.1-210.1H67.1c-13 0-23-10-23-23s10-23 23-23h805.4L662.4 274.5c-21-21.1 11-53.1 32-32.1z"}})])])])]),a._v(" "),i("div",{staticClass:"datepicker-week flex"},a._l(a.weekDays,function(t,e){return i("div",{key:e,staticClass:"flex-1 text-muted fs-12 flex justify-content-center align-center"},[a._v("\n      "+a._s(t.toUpperCase())+"\n    ")])})),a._v(" "),i("div",{staticClass:"month-container",style:{height:35<a.monthDays.length+a.weekDay?"178px":"150px"}},[i("transition-group",{attrs:{name:a.transitionDaysName}},a._l([a.month],function(t){return i("div",{key:t.month,staticClass:"datepicker-days flex"},[a._l(a.weekDay,function(t){return i("button",{key:t+"startEmptyDay",staticClass:"datepicker-day align-center justify-content-center"})}),a._v(" "),a._l(a.monthDays,function(e){return i("button",{key:e.format("D"),staticClass:"datepicker-day flex align-center justify-content-center",class:{selected:a.isSelected(e)&&!a.isDisabled(e),disabled:a.isDisabled(e)||a.isWeekEndDay(e),enable:!(a.isDisabled(e)||a.isWeekEndDay(e)),between:a.isBetween(e)&&a.rangeMode,first:a.firstInRange(e)&&a.rangeMode,last:a.lastInRange(e)&&!!a.dateTime.end&&a.rangeMode},attrs:{type:"button",tabindex:"-1"},on:{click:function(t){!a.isDisabled(e)&&!a.isWeekEndDay(e)&&a.selectDate(e)}}},[a.isToday(e)?i("span",{staticClass:"datepicker-today"}):a._e(),a._v(" "),i("span",{directives:[{name:"show",rawName:"v-show",value:!a.isDisabled(e)||a.isSelected(e),expression:"!isDisabled(day) || isSelected(day)"}],staticClass:"datepicker-day-effect",style:a.bgStyle}),a._v(" "),i("span",{staticClass:"datepicker-day-text"},[a._v(a._s(e.format("D")))])])}),a._v(" "),a._l(a.endEmptyDays,function(t){return i("div",{key:t+"endEmptyDay",staticClass:"datepicker-day flex align-center justify-content-center"})})],2)}))],1)])},[],!1,null,"43662ed7",null));_.options.__file="CtkDatePicker.vue";var x=_.exports,T={name:"CtkButtonValidate",props:{dark:{type:Boolean,default:!1}}},C=(a(17),l(T,function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"datepicker-buttons-container flex justify-content-right",class:{"is-dark":e.dark}},[a("button",{staticClass:"datepicker-button flex align-center justify-content-center",attrs:{type:"button",tabindex:"-1"},on:{click:function(t){e.$emit("validate")}}},[a("span",{staticClass:"datepicker-button-effect"}),e._v(" "),a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"}},[a("path",{attrs:{d:"M0 0h24v24H0z",fill:"none"}}),e._v(" "),a("path",{attrs:{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}})])])])},[],!1,null,"7710a8b7",null));C.options.__file="CtkButtonValidate.vue";var S=C.exports,w={name:"CtkDatePickerAgenda",components:{CtkTimePicker:d,CtkDatePicker:x,CtkButtonValidate:S},props:{dateTime:{type:Object,default:Object},visible:{type:Boolean,required:!0,default:!0},disableTime:{type:Boolean,default:Boolean},disableDate:{type:Boolean,default:Boolean},minuteInterval:{type:Number,default:Number},color:{type:String,default:String},timeFormat:{type:String,default:String},withoutHeader:{type:Boolean,default:Boolean},locale:{type:String,default:String},maxDate:{type:String,default:String},minDate:{type:String,default:String},inline:{type:Boolean,default:Boolean},agendaPosition:{type:String,default:String},noWeekendsDays:{type:Boolean,default:Boolean},autoClose:{type:Boolean,default:Boolean},enableButtonValidate:{type:Boolean,default:Boolean},value:{type:[String,Object],default:String},disabledDates:{type:Array,default:Array},dark:{type:Boolean,default:Boolean}},data:function(){return{month:this.getMonth(),transitionDayName:"slidevnext",timeWidth:this.disableTime?null:this.getTimePickerWidth()}},computed:{position:function(){return window.innerWidth<412?null:"top"===this.agendaPosition?{top:"100%",marginBottom:"10px"}:{bottom:"100%",marginTop:"10px"}},isFormatTwelve:function(){return!!this.timeFormat&&(-1<this.timeFormat.indexOf("a")||-1<this.timeFormat.indexOf("A"))},bgStyle:function(){return{backgroundColor:this.color,padding:this.disableDate?"10px 0":"10px 0 10px 10px"}},year:function(){return this.dateTime.format("YYYY")}},watch:{dateTime:{handler:function(){this.month=this.getMonth(),this.getDateFormatted()},deep:!0},locale:function(){this.month=this.getMonth(),this.getDateFormatted()},visible:function(t){var e=this;t&&!this.disableTime&&this.$nextTick(function(){e.timeWidth=e.getTimePickerWidth()})}},methods:{getMonth:function(){var t=this.dateTime;return new b(t.month(),t.year())},getDateFormatted:function(){return o()(this.dateTime).locale(this.locale).format("ddd D MMM")},selectTime:function(t){var e=t>this.dateTime;this.transitionDayName=e?"slidevnext":"slidevprev",this.$emit("change-date",t)},selectDate:function(t){var e=t.isBefore(this.dateTime);this.transitionDayName=e?"slidevprev":"slidevnext";var a=this.dateTime;t.add(a.hour(),"hours"),t.add(a.minute(),"minutes"),this.$emit("change-date",t)},changeMonth:function(t){var e=this.month.month+("prev"===t?-1:1),a=this.month.year;(11<e||e<0)&&(a+="prev"===t?-1:1,e="prev"===t?11:0),this.month=new b(e,a)},validate:function(){this.$emit("validate")},getTimePickerWidth:function(){var t=this.$refs.timePickerComponent&&this.$refs.timePickerComponent.$el.clientWidth?this.$refs.timePickerComponent.$el.clientWidth:160;return{flex:"0 0 ".concat(t,"px"),width:"".concat(t,"px"),minWidth:"".concat(t,"px"),maxWidth:"".concat(t,"px")}}}},M=(a(18),l(w,function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("transition",{attrs:{name:"top"===e.agendaPosition?"slide":"slideinvert"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.visible||e.inline,expression:"visible || inline"}],staticClass:"datetimepicker flex",class:{inline:e.inline,"is-dark":e.dark,"has-validate-button":e.enableButtonValidate},style:e.position,on:{click:function(t){t.stopPropagation()}}},[a("div",{staticClass:"datepicker flex flex-direction-column",style:e.position},[e.withoutHeader?a("div",{staticClass:"datepicker-header",style:e.bgStyle},[e.disableDate?e._e():a("div",{staticClass:"datepicker-year"},[a("transition-group",{attrs:{name:e.transitionDayName}},e._l([e.year],function(t){return a("div",{key:t},[e._v(e._s(t))])}))],1),e._v(" "),a("div",{staticClass:"flex justify-content-between"},[e.disableDate?e._e():a("transition-group",{staticClass:"datepicker-date dots-text flex-1",attrs:{name:e.transitionDayName}},e._l([e.getDateFormatted()],function(t){return a("span",{key:t},[e._v(e._s(e.getDateFormatted()))])})),e._v(" "),e.disableTime||e.isFormatTwelve?e.disableTime?e._e():a("div",{staticClass:"datepicker-time flex",style:e.timeWidth},[a("transition-group",{staticClass:"dots-text datepicker-hour flex-1 flex",class:{"justify-content-center":e.disableDate},attrs:{name:e.transitionDayName}},e._l([e.dateTime.format(e.timeFormat)],function(t){return a("span",{key:t},[e._v(e._s(t))])}))],1):a("div",{staticClass:"datepicker-time flex justify-content-center",style:e.timeWidth},[a("transition-group",{staticClass:"dots-text datepicker-hour flex-1 flex justify-content-right",attrs:{name:e.transitionDayName}},e._l([e.dateTime.format("HH")],function(t){return a("span",{key:t},[e._v(e._s(t))])})),e._v(" "),a("span",[e._v(":")]),e._v(" "),a("transition-group",{staticClass:"dots-text datepicker-minute flex-1 flex justify-content-left",attrs:{name:e.transitionDayName}},e._l([e.dateTime.format("mm")],function(t){return a("span",{key:t},[e._v(e._s(t))])}))],1)],1)]):e._e(),e._v(" "),a("div",{staticClass:"datetimepicker-container flex"},[e.disableDate?e._e():a("ctk-date-picker",{attrs:{inline:e.inline,"no-weekends-days":e.noWeekendsDays,month:e.month,"date-time":e.dateTime,locale:e.locale,color:e.color,"min-date":e.minDate,"max-date":e.maxDate,"disabled-dates":e.disabledDates,dark:e.dark},on:{"change-date":e.selectDate,"change-month":e.changeMonth}}),e._v(" "),e.disableTime?e._e():a("ctk-time-picker",{ref:"timePickerComponent",attrs:{month:e.month,"date-time":e.dateTime,color:e.color,format:e.timeFormat,"disable-date":e.disableDate,"minute-interval":e.minuteInterval,visible:e.visible,value:e.value,dark:e.dark},on:{"change-time":e.selectTime}})],1),e._v(" "),a("ctk-button-validate",{directives:[{name:"show",rawName:"v-show",value:e.enableButtonValidate&&!e.inline&&!e.autoClose,expression:"enableButtonValidate && !inline && !autoClose"}],staticClass:"button-validate flex-fixed",attrs:{dark:e.dark},on:{validate:e.validate}})],1)])])},[],!1,null,"7f7e3e81",null));M.options.__file="CtkDatePickerAgenda.vue";var B=M.exports,Y=a(13),O={name:"CtkCalendarShortcur",props:{color:{type:String,default:String},locale:{type:String,default:String},dark:{type:Boolean,default:!1},dateTime:{type:Object,default:Object},shortcutsTranslation:{type:Object,default:Object}},data:function(){return{shortcuts:[{key:"this_week",value:"isoWeek",isHover:!1,isSelected:!1},{key:"last_7_days",value:7,isHover:!1,isSelected:!1},{key:"last_30_days",value:30,isHover:!1,isSelected:!1},{key:"this_month",value:"month",isHover:!1,isSelected:!1},{key:"last_month",value:"-month",isHover:!1,isSelected:!1},{key:"this_year",value:"year",isHover:!1,isSelected:!1},{key:"last_year",value:"-year",isHover:!1,isSelected:!1}]}},computed:{getStyle:function(){return{color:this.color}},getSelectedStyle:function(){return{backgroundColor:this.color,color:"#FFF"}},getEffectStyle:function(){return{backgroundColor:this.color}}},methods:{getTranslation:function(t){return this.shortcutsTranslation[t]||Y[t]},unSelectAllShortcuts:function(){this.shortcuts.forEach(function(t){t.isSelected=!1})},select:function(t){var e=t.value,a={start:null,end:null};switch(this.unSelectAllShortcuts(),t.isSelected=!0,e){case"isoWeek":case"month":case"year":a.start=o()().locale(this.locale).startOf(e),a.end=o()().locale(this.locale).endOf(e);break;case 7:case 30:a.end=o()().locale(this.locale).subtract(1,"d"),a.start=o()().locale(this.locale).subtract(e,"d");break;case"-month":a.start=o()().locale(this.locale).subtract(1,"months").startOf("month"),a.end=o()().locale(this.locale).subtract(1,"months").endOf("month");break;case"-year":a.start=o()().locale(this.locale).subtract(1,"years").startOf("year"),a.end=o()().locale(this.locale).subtract(1,"years").endOf("year")}this.$emit("change-range",a)}}},H=(a(19),l(O,function(){var a=this,t=a.$createElement,i=a._self._c||t;return i("div",{staticClass:"shortcuts-container",class:{"is-dark":a.dark}},a._l(a.shortcuts,function(e){return i("button",{key:e.value,staticClass:"shortcut-button",class:{"is-selected":e.isSelected},style:[e.isSelected?a.getSelectedStyle:a.getStyle],attrs:{tabindex:"-1"},on:{mouseover:function(t){e.isHover=!0},mouseleave:function(t){e.isHover=!1},click:function(t){a.select(e)}}},[i("span",{staticClass:"datepicker-button-effect",style:[a.getEffectStyle]}),a._v(" "),i("span",{staticClass:"shortcut-button-content"},[a._v("\n      "+a._s(a.getTranslation(e.key))+"\n    ")])])}))},[],!1,null,"62bcc3ad",null));H.options.__file="index.vue";var P={name:"CtkDateRangePicker",components:{CtkDatePicker:x,CtkButtonValidate:S,CtkCalendarShortcut:H.exports},props:{disabledDates:{type:Array,default:Array},dateTime:{type:Object,default:Object},visible:{type:Boolean,required:!0,default:!0},color:{type:String,default:String},withoutHeader:{type:Boolean,default:Boolean},locale:{type:String,default:String},maxDate:{type:String,default:String},minDate:{type:String,default:String},inline:{type:Boolean,default:Boolean},agendaPosition:{type:String,default:String},noWeekendsDays:{type:Boolean,default:Boolean},autoClose:{type:Boolean,default:Boolean},enableButtonValidate:{type:Boolean,default:Boolean},value:{type:[String,Object],default:String},withoutRangeShortcut:{type:Boolean,default:!1},dark:{type:Boolean,default:Boolean},shortcutsTranslation:{type:Object,default:Object}},data:function(){return{month:this.getMonth()}},computed:{position:function(){return window.innerWidth<412?null:"top"===this.agendaPosition?{top:"100%",marginBottom:"10px"}:{bottom:"100%",marginTop:"10px"}},bgStyle:function(){return{backgroundColor:this.color,padding:"10px 0 10px 10px"}},year:function(){return(this.dateTime.start||this.dateTime.end?this.dateTime.end?this.dateTime.end:this.dateTime.start:o()()).format("YYYY")},getRangeDatesFormatted:function(){var t=this.value&&this.value.start,e=this.value&&this.value.end;if(t||e){if(t||e){var a=t?"".concat(o()(this.dateTime.start).locale(this.locale).format("ddd D MMM")):"...";return e?"".concat(a," - ").concat(o()(this.dateTime.end).locale(this.locale).format("ddd D MMM")):"".concat(a," - ...")}return null}return"... - ..."}},watch:{dateTime:{handler:function(){this.month=this.getMonth()},deep:!0},locale:function(){this.month=this.getMonth()}},methods:{getMonth:function(){var t=this.dateTime.start||this.dateTime.end?this.dateTime.end?this.dateTime.end:this.dateTime.start:o()();return new b(t.month(),t.year())},selectDate:function(t){this.$emit("change-date",t)},selectShortcut:function(t){this.$emit("change-date",t)},changeMonth:function(t){var e=this.month.month+("prev"===t?-1:1),a=this.month.year;(11<e||e<0)&&(a+="prev"===t?-1:1,e="prev"===t?11:0),this.month=new b(e,a)},validate:function(){this.$emit("validate")}}},j=(a(20),l(P,function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"top"===t.agendaPosition?"slide":"slideinvert"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.visible||t.inline,expression:"visible || inline"}],staticClass:"datetimepicker flex",class:{inline:t.inline,"is-dark":t.dark,"has-validate-button":t.enableButtonValidate},style:t.position,on:{click:function(t){t.stopPropagation()}}},[a("div",{staticClass:"datepicker flex flex-direction-column",style:t.position},[t.withoutHeader?a("div",{staticClass:"datepicker-header",style:t.bgStyle},[a("div",{staticClass:"datepicker-year"},[a("div",[t._v(t._s(t.year))])]),t._v(" "),a("div",{staticClass:"flex justify-content-between"},[a("span",{staticClass:"datepicker-date dots-text flex-1"},[t._v(t._s(t.getRangeDatesFormatted))])])]):t._e(),t._v(" "),a("div",{staticClass:"datetimepicker-container flex"},[t.withoutRangeShortcut?t._e():a("ctk-calendar-shortcut",{ref:"calendar-shortcut",attrs:{color:t.color,locale:t.locale,dark:t.dark,"date-time":t.dateTime,"shortcuts-translation":t.shortcutsTranslation},on:{"change-range":t.selectShortcut}}),t._v(" "),a("ctk-date-picker",{staticClass:"date-range-picker",attrs:{inline:t.inline,"no-weekends-days":t.noWeekendsDays,month:t.month,"date-time":t.dateTime,locale:t.locale,color:t.color,"min-date":t.minDate,"max-date":t.maxDate,value:t.value,"disabled-dates":t.disabledDates,dark:t.dark,"range-mode":""},on:{"change-date":t.selectDate,"change-month":t.changeMonth}})],1),t._v(" "),!t.enableButtonValidate||t.inline||t.autoClose?t._e():a("ctk-button-validate",{attrs:{dark:t.dark},on:{validate:t.validate}})],1)])])},[],!1,null,"5f212b3c",null));j.options.__file="CtkDateRangePicker.vue";var F=j.exports,$=function(t,e,a){var i=Math.ceil(e.minute()/t)*t;return a(e.clone().minute(i).second(0))},N={name:"VueCtkDateTimePicker",components:{CtkDatePickerAgenda:B,CtkDateRangePicker:F},props:{label:{type:String,default:"Select date & time"},hint:{type:String,default:String},errorHint:{type:Boolean,default:Boolean},value:{type:[String,Object,Date],required:!1,default:null},formatted:{type:String,default:"llll"},format:{type:String,default:String},locale:{type:String,default:(window.navigator.userLanguage||window.navigator.language||"en").substr(0,2)},timeZone:{type:String,default:n.a.tz.guess()||"America/Los_Angeles"},disableTime:{type:Boolean,default:!1},disableDate:{type:Boolean,default:!1},minuteInterval:{type:Number,default:1},color:{type:String,default:String},timeFormat:{type:String,default:"h:mm a"},withoutHeader:{type:Boolean,default:!1},id:{type:String,default:"CtkDateTimePicker"},minDate:{type:String,default:String},maxDate:{type:String,default:String},withoutInput:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},noWeekendsDays:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},enableButtonValidate:{type:Boolean,default:!1},disabledDates:{type:Array,default:Array},rangeMode:{type:Boolean,default:!1},overlayBackground:{type:Boolean,default:!1},withoutRangeShortcut:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},shortcutsTranslation:{type:Object,default:Object},inputClass:{type:[String,Object,Array],default:""}},data:function(){return{isVisible:!1,isFocus:!1,agendaPosition:"top",oldValue:this.value,clientWidth:null}},computed:{isInline:function(){return this.withoutInput||this.inline},getColorStyle:function(){return this.isFocus||this.isVisible?{color:this.color}:null},getBorderStyle:function(){return this.isFocus&&!this.errorHint||this.isVisible?{borderColor:this.color}:null},customInputClass:function(){return this.inputClass},dateTime:function(){return this.rangeMode?this.getRangeDatesTime():this.getDateTime()},dateFormatted:function(){return this.rangeMode?this.getRangeDatesFormatted():this.getDateFormatted()},hasDisabledTime:function(){return this.disableTime||this.rangeMode}},created:function(){if(this.value){var t=this.rangeMode?this.value:this.disableDate?n()("".concat(n()().format("YYYY-MM-DD")," ").concat(this.value)):n()(this.value).tz(this.timeZone);this.$emit("input",this.rangeMode?this.getRangeDatesTimeFormat(t):this.getDateTimeFormat(t))}else this.rangeMode&&this.$emit("input",this.getRangeDatesTimeFormat({}));n.a.tz(this.timeZone).locale(this.locale)},methods:{getDateTime:function(){var t=this.disableDate?this.value?n()("".concat(n()().tz(this.timeZone).format("YYYY-MM-DD")," ").concat(this.value)).tz(this.timeZone):n()().tz(this.timeZone):this.value?n()(this.value).tz(this.timeZone):n()().tz(this.timeZone);return $(this.minuteInterval,t,n.a)},getDateTimeFormat:function(t){return $(this.minuteInterval,t,n.a).tz(this.timeZone).format(this.format)},getDateFormatted:function(){var t=this.value?this.disableDate?n()("".concat(n()().tz(this.timeZone).format("YYYY-MM-DD")," ").concat(this.value)).tz(this.timeZone):n()(this.value).tz(this.timeZone):null;return t?$(this.minuteInterval,t,n.a).locale(this.locale).tz(this.timeZone).format(this.formatted):null},getRangeDatesTime:function(){var t=this.value&&this.value.start,e=this.value&&this.value.end;return{start:t?n()(this.value.start).tz(this.timeZone):null,end:e?n()(this.value.end).tz(this.timeZone):null}},getRangeDatesTimeFormat:function(t){var e=t.start,a=t.end;return{start:e?n()(e).tz(this.timeZone).format(this.format):null,end:a?n()(a).tz(this.timeZone).format(this.format):null}},getRangeDatesFormatted:function(){var t=this.value&&this.value.start,e=this.value&&this.value.end;if(t||e){var a=t?"".concat(n()(this.value.start).tz(this.timeZone).locale(this.locale).format(this.formatted)):"...";return e?"".concat(a," - ").concat(n()(this.value.end).tz(this.timeZone).locale(this.locale).format(this.formatted)):"".concat(a," - ...")}return null},changeDate:function(t){this.$emit("input",this.rangeMode?this.getRangeDatesTimeFormat(t):this.getDateTimeFormat(t)),this.autoClose&&this.rangeMode&&t.end&&t.start?this.hideDatePicker():this.autoClose&&!this.rangeMode&&this.hideDatePicker()},showDatePicker:function(){if(!this.disabled){this.setBodyOverflow(!0);var t=this.$refs.parent.getBoundingClientRect(),e=window.innerHeight,a=428;a=this.enableButtonValidate?a:382,a=this.withoutHeader?363:a;var i=e-(t.top+t.height)>a||e-t.top>e/2+t.height;this.agendaPosition=i?"top":"bottom",this.isVisible=!0}},hideDatePicker:function(){this.setBodyOverflow(),this.isVisible=!1},setBodyOverflow:function(t){window.innerWidth<412&&(document.getElementsByTagName("body")[0].style.overflow=t?"hidden":null)},onFocus:function(){this.isFocus=!0,this.showDatePicker()},unFocus:function(){this.hideDatePicker(),this.isFocus=!1},validate:function(){this.unFocus(),this.value=null}}},V=(a(21),l(N,function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"ctk-date-time-picker",class:{inline:e.inline,"is-dark":e.dark},attrs:{id:e.id}},[e.inline?e._e():a("div",{ref:"parent",staticClass:"field",class:{"is-focused":e.isFocus||e.isVisible,"has-value":e.dateFormatted,"has-error":e.errorHint,"is-disabled":e.disabled},on:{click:e.showDatePicker}},[a("input",{ref:"CtkDateTimePicker",class:e.customInputClass,style:[e.getBorderStyle],attrs:{id:e.id,placeholder:e.label,disabled:e.disabled,type:"text",readonly:""},domProps:{value:e.dateFormatted},on:{focus:e.onFocus}}),e._v(" "),a("label",{ref:"label",staticClass:"field-label",class:e.hint?e.errorHint?"text-danger":"text-primary":"",style:[e.getColorStyle],attrs:{for:e.id}},[e._v("\n      "+e._s(e.hint||e.label)+"\n    ")])]),e._v(" "),e.overlay&&e.isVisible&&!e.inline?a("div",{staticClass:"time-picker-overlay",class:{"has-background":e.overlayBackground},on:{click:function(t){return t.stopPropagation(),e.unFocus(t)}}}):e._e(),e._v(" "),e.rangeMode?a("ctk-date-range-picker",{ref:"range",attrs:{"date-time":e.dateTime,color:e.color,visible:e.isVisible,"without-header":!e.withoutHeader,"disable-time":e.hasDisabledTime,"disable-date":e.disableDate,"minute-interval":e.minuteInterval,"time-format":e.timeFormat,locale:e.locale,"min-date":e.minDate,"max-date":e.maxDate,"agenda-position":e.agendaPosition,inline:e.isInline,"no-weekends-days":e.noWeekendsDays,"enable-button-validate":e.enableButtonValidate,"auto-close":e.autoClose,"range-mode":e.rangeMode,"disabled-dates":e.disabledDates,"without-range-shortcut":e.withoutRangeShortcut,dark:e.dark,"shortcuts-translation":e.shortcutsTranslation},on:{"change-date":e.changeDate,validate:e.validate},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}}):a("ctk-date-picker-agenda",{ref:"agenda",attrs:{"date-time":e.dateTime,color:e.color,visible:e.isVisible,"without-header":!e.withoutHeader,"disable-time":e.hasDisabledTime,"disable-date":e.disableDate,"minute-interval":e.minuteInterval,"time-format":e.timeFormat,locale:e.locale,"min-date":e.minDate,"max-date":e.maxDate,"agenda-position":e.agendaPosition,inline:e.inline,"no-weekends-days":e.noWeekendsDays,"enable-button-validate":e.enableButtonValidate,"auto-close":e.autoClose,"range-mode":e.rangeMode,"disabled-dates":e.disabledDates,dark:e.dark},on:{"change-date":e.changeDate,validate:e.validate},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}})],1)},[],!1,null,null,null));V.options.__file="vue-ctk-date-time-picker.vue";e.default=V.exports}]);