@syncfusion/ej2-vue-calendars - npm Package Compare versions

Comparing version 16.2.45 to 16.2.46

calendar.js

@@ -1,8 +0,4 @@
-define(["require", "exports", "./src/calendar/index"], function (require, exports, index_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(index_1);
-});
+/**
+ * calendar
+ */
+export * from './src/calendar/index';

CHANGELOG.md

@@ -5,2 +5,46 @@ # Changelog
 
+### DatePicker
+
+#### New Features
+
+- Support for `allowEdit` property has been provided for DatePicker component that allows to edit the value in the input element.
+
+#### Bug Fixes
+
+- Float label state are not restored after resetting the form issue has been fixed.
+
+### DateRangePicker
+
+#### New Features
+
+- Support for `allowEdit` property has been provided for DateRangePicker component that allows to edit the value in the input element.
+
+### DateTimePicker
+
+#### New Features
+
+- Support for `allowEdit` property has been provided for DateTimePicker component that allows to edit the value in the input element.
+
+#### Bug Fixes
+
+- Float label state are not restored after resetting the form issue has been fixed.
+
+### TimePicker
+
+#### New Features
+
+- Support for `allowEdit` property has been provided for TimePicker component that allows to edit the value in the input element.
+
+#### Bug Fixes
+
+- Float label state are not restored after resetting the form issue has been fixed.
+
+## 16.2.45 (2018-07-17)
+
+### DateRangePicker
+
+#### New Features
+
+- Added the custom object support for the value property with the start and end keys.
+
 ## 16.2.44 (2018-07-10)
@@ -7,0 +51,0 @@

datepicker.js

@@ -1,8 +0,4 @@
-define(["require", "exports", "./src/datepicker/index"], function (require, exports, index_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(index_1);
-});
+/**
+ * datepicker
+ */
+export * from './src/datepicker/index';

daterangepicker.js

@@ -1,8 +0,4 @@
-define(["require", "exports", "./src/daterangepicker/index"], function (require, exports, index_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(index_1);
-});
+/**
+ * daterangepicker
+ */
+export * from './src/daterangepicker/index';

datetimepicker.js

@@ -1,8 +0,4 @@
-define(["require", "exports", "./src/datetimepicker/index"], function (require, exports, index_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(index_1);
-});
+/**
+ * datetimepicker
+ */
+export * from './src/datetimepicker/index';

dist/ej2-vue-calendars.umd.min.js

 /*!
 *  filename: ej2-vue-calendars.umd.min.js
-*  version : 16.2.44
+*  version : 16.2.46
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -10,4 +10,13 @@ *  Use of this code is subject to the terms of our license.
 */
+/*!
+*  filename: ej2-vue-calendars.umd.min.js
+*  version : 16.2.45
+*  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  [e-mail]. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-calendars"),require("@syncfusion/ej2-base"),require("@syncfusion/ej2-vue-base"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-calendars","@syncfusion/ej2-base","@syncfusion/ej2-vue-base","vue"],t):t(e.ej={},e.ej2Calendars,e.ej2Base,e.ej2VueBase,e.Vue)}(this,function(e,t,n,o,r){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var s=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},c=["depth","enablePersistence","enableRtl","firstDayOfWeek","locale","max","min","showTodayButton","start","value","weekNumber","change","created","destroyed","navigated","renderDayCell"],a=["value"],p=function(e){function r(){var n=e.call(this)||this;return n.propKeys=c,n.models=a,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Calendar({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return s(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("div",this.$slots.default)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r=i([o.EJComponentDecorator({props:c,model:{event:"modelchanged"}})],r)}(o.ComponentBase),u={name:"ejs-calendar",install:function(e){e.component(u.name,p)}},l=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),f=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},h=["cssClass","depth","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","locale","max","min","placeholder","readonly","showClearButton","showTodayButton","start","strictMode","value","weekNumber","width","zIndex","blur","change","close","created","destroyed","focus","navigated","open","renderDayCell"],d=["value"],g=function(e){function r(){var n=e.call(this)||this;return n.propKeys=h,n.models=d,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DatePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return l(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.focusIn=function(e){return this.ej2Instances.focusIn(e)},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r=f([o.EJComponentDecorator({props:h,model:{event:"modelchanged"}})],r)}(o.ComponentBase),m={name:"ejs-datepicker",install:function(e){e.component(m.name,g)}},y=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),j=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},I=["cssClass","enablePersistence","enableRtl","enabled","floatLabelType","format","locale","max","min","placeholder","readonly","scrollTo","showClearButton","step","strictMode","value","width","zIndex","blur","change","close","created","destroyed","focus","itemRender","open"],v=["value"],_=function(e){function r(){var n=e.call(this)||this;return n.propKeys=I,n.models=v,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.TimePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return y(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(){return this.ej2Instances.hide()},r.prototype.show=function(e){return this.ej2Instances.show(e)},r=j([o.EJComponentDecorator({props:I,model:{event:"modelchanged"}})],r)}(o.ComponentBase),P={name:"ejs-timepicker",install:function(e){e.component(P.name,_)}},b=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),O=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return b(t,e),t.prototype.render=function(){},t=O([o.EJComponentDecorator({})],t)}(r),C={name:"e-presets",install:function(e){e.component(C.name,w)}},D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return b(t,e),t.prototype.render=function(){},t=O([o.EJComponentDecorator({})],t)}(r),k={name:"e-preset",install:function(e){e.component(k.name,D)}},R=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),M=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},T=["cssClass","enablePersistence","enableRtl","enabled","endDate","firstDayOfWeek","floatLabelType","format","locale","max","maxDays","min","minDays","placeholder","presets","readonly","separator","showClearButton","startDate","strictMode","value","weekNumber","width","zIndex","blur","change","close","created","destroyed","focus","navigated","open","renderDayCell","select"],$=["startDate","endDate","value"],B=function(e){function r(){var n=e.call(this)||this;return n.propKeys=T,n.models=$,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-presets":"e-preset"},n.tagNameMapper={},n.ej2Instances=new t.DateRangePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return R(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getSelectedRange=function(){return this.ej2Instances.getSelectedRange()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r=M([o.EJComponentDecorator({props:T,model:{event:"modelchanged"}})],r)}(o.ComponentBase),x={name:"ejs-daterangepicker",install:function(e){e.component(x.name,B),e.component(k.name,D),e.component(C.name,w)}},N=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),E=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},V=["cssClass","depth","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","locale","max","min","placeholder","readonly","showClearButton","showTodayButton","start","step","strictMode","timeFormat","value","weekNumber","width","zIndex","blur","change","close","created","destroyed","focus","navigated","open","renderDayCell"],J=["value"],S=function(e){function r(){var n=e.call(this)||this;return n.propKeys=V,n.models=J,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DateTimePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return N(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r.prototype.toggle=function(e){return this.ej2Instances.toggle(e)},r=E([o.EJComponentDecorator({props:V,model:{event:"modelchanged"}})],r)}(o.ComponentBase),A={name:"ejs-datetimepicker",install:function(e){e.component(A.name,S)}};e.CalendarComponent=p,e.CalendarPlugin=u,e.DatePickerComponent=g,e.DatePickerPlugin=m,e.TimePickerComponent=_,e.TimePickerPlugin=P,e.PresetsDirective=w,e.PresetDirective=D,e.PresetsPlugin=C,e.PresetPlugin=k,e.DateRangePickerComponent=B,e.DateRangePickerPlugin=x,e.DateTimePickerComponent=S,e.DateTimePickerPlugin=A,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-calendars"),require("@syncfusion/ej2-base"),require("@syncfusion/ej2-vue-base"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-calendars","@syncfusion/ej2-base","@syncfusion/ej2-vue-base","vue"],t):t(e.ej={},e.ej2Calendars,e.ej2Base,e.ej2VueBase,e.Vue)}(this,function(e,t,n,o,r){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var s=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},c=["depth","enablePersistence","enableRtl","firstDayOfWeek","locale","max","min","showTodayButton","start","value","weekNumber","change","created","destroyed","navigated","renderDayCell"],a=["value"],p=function(e){function r(){var n=e.call(this)||this;return n.propKeys=c,n.models=a,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Calendar({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return s(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("div",this.$slots.default)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r=i([o.EJComponentDecorator({props:c,model:{event:"modelchanged"}})],r)}(o.ComponentBase),u={name:"ejs-calendar",install:function(e){e.component(u.name,p)}},l=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),f=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},h=["allowEdit","cssClass","depth","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","locale","max","min","placeholder","readonly","showClearButton","showTodayButton","start","strictMode","value","weekNumber","width","zIndex","blur","change","close","created","destroyed","focus","navigated","open","renderDayCell"],d=["value"],g=function(e){function r(){var n=e.call(this)||this;return n.propKeys=h,n.models=d,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DatePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return l(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.focusIn=function(e){return this.ej2Instances.focusIn(e)},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r=f([o.EJComponentDecorator({props:h,model:{event:"modelchanged"}})],r)}(o.ComponentBase),m={name:"ejs-datepicker",install:function(e){e.component(m.name,g)}},y=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),j=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},I=["allowEdit","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","format","locale","max","min","placeholder","readonly","scrollTo","showClearButton","step","strictMode","value","width","zIndex","blur","change","close","created","destroyed","focus","itemRender","open"],v=["value"],_=function(e){function r(){var n=e.call(this)||this;return n.propKeys=I,n.models=v,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.TimePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return y(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(){return this.ej2Instances.hide()},r.prototype.show=function(e){return this.ej2Instances.show(e)},r=j([o.EJComponentDecorator({props:I,model:{event:"modelchanged"}})],r)}(o.ComponentBase),P={name:"ejs-timepicker",install:function(e){e.component(P.name,_)}},b=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),O=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return b(t,e),t.prototype.render=function(){},t=O([o.EJComponentDecorator({})],t)}(r),C={name:"e-presets",install:function(e){e.component(C.name,w)}},D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return b(t,e),t.prototype.render=function(){},t=O([o.EJComponentDecorator({})],t)}(r),k={name:"e-preset",install:function(e){e.component(k.name,D)}},R=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),M=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},T=["allowEdit","cssClass","enablePersistence","enableRtl","enabled","endDate","firstDayOfWeek","floatLabelType","format","locale","max","maxDays","min","minDays","placeholder","presets","readonly","separator","showClearButton","startDate","strictMode","value","weekNumber","width","zIndex","blur","change","close","created","destroyed","focus","navigated","open","renderDayCell","select"],$=["startDate","endDate","value"],B=function(e){function r(){var n=e.call(this)||this;return n.propKeys=T,n.models=$,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-presets":"e-preset"},n.tagNameMapper={},n.ej2Instances=new t.DateRangePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return R(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getSelectedRange=function(){return this.ej2Instances.getSelectedRange()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r=M([o.EJComponentDecorator({props:T,model:{event:"modelchanged"}})],r)}(o.ComponentBase),x={name:"ejs-daterangepicker",install:function(e){e.component(x.name,B),e.component(k.name,D),e.component(C.name,w)}},E=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),N=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},V=["allowEdit","cssClass","depth","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","locale","max","min","placeholder","readonly","showClearButton","showTodayButton","start","step","strictMode","timeFormat","value","weekNumber","width","zIndex","blur","change","close","created","destroyed","focus","navigated","open","renderDayCell"],J=["value"],S=function(e){function r(){var n=e.call(this)||this;return n.propKeys=V,n.models=J,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DateTimePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return E(r,e),r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&this.$emit("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,e[t])})}},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r.prototype.toggle=function(e){return this.ej2Instances.toggle(e)},r=N([o.EJComponentDecorator({props:V,model:{event:"modelchanged"}})],r)}(o.ComponentBase),A={name:"ejs-datetimepicker",install:function(e){e.component(A.name,S)}};e.CalendarComponent=p,e.CalendarPlugin=u,e.DatePickerComponent=g,e.DatePickerPlugin=m,e.TimePickerComponent=_,e.TimePickerPlugin=P,e.PresetsDirective=w,e.PresetDirective=D,e.PresetsPlugin=C,e.PresetPlugin=k,e.DateRangePickerComponent=B,e.DateRangePickerPlugin=x,e.DateTimePickerComponent=S,e.DateTimePickerPlugin=A,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-calendars.umd.min.js.map

dist/es6/ej2-vue-calendars.es2015.js

@@ -105,3 +105,3 @@ import { Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker } from '@syncfusion/ej2-calendars';
 };
-const properties$1 = ['cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+const properties$1 = ['allowEdit', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
 const modelProps$1 = ['value'];
@@ -211,3 +211,3 @@ /**
 };
-const properties$2 = ['cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
+const properties$2 = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
 const modelProps$2 = ['value'];
@@ -355,3 +355,3 @@ /**
 };
-const properties$3 = ['cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
+const properties$3 = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
 const modelProps$3 = ['startDate', 'endDate', 'value'];
@@ -457,3 +457,3 @@ /**
 };
-const properties$4 = ['cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+const properties$4 = ['allowEdit', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
 const modelProps$4 = ['value'];
@@ -460,0 +460,0 @@ /**

dist/es6/ej2-vue-calendars.es5.js

@@ -129,3 +129,3 @@ import { Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker } from '@syncfusion/ej2-calendars';
 };
-var properties$1 = ['cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+var properties$1 = ['allowEdit', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
 var modelProps$1 = ['value'];
@@ -249,3 +249,3 @@ /**
 };
-var properties$2 = ['cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
+var properties$2 = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
 var modelProps$2 = ['value'];
@@ -427,3 +427,3 @@ /**
 };
-var properties$3 = ['cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
+var properties$3 = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
 var modelProps$3 = ['startDate', 'endDate', 'value'];
@@ -543,3 +543,3 @@ /**
 };
-var properties$4 = ['cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+var properties$4 = ['allowEdit', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
 var modelProps$4 = ['value'];
@@ -546,0 +546,0 @@ /**

index.js

@@ -1,8 +0,4 @@
-define(["require", "exports", "./src/index"], function (require, exports, index_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(index_1);
-});
+/**
+ * index
+ */
+export * from './src/index';

package.json

 {
   "name": "@syncfusion/ej2-vue-calendars",
-  "version": "16.2.45",
+  "version": "16.2.46",
   "description": "Essential JS 2 Calendar Components for Vue",
@@ -17,9 +17,9 @@ "author": "Syncfusion Inc.",
   "main": "./dist/ej2-vue-calendars.umd.min.js",
-  "module": "dist/es6/ej2-vue-calendars.es5.js",
+  "module": "./index.js",
   "es2015": "dist/es6/ej2-vue-calendars.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.2.45",
-    "@syncfusion/ej2-vue-base": "~16.2.45",
-    "@syncfusion/ej2-calendars": "16.2.45"
+    "@syncfusion/ej2-base": "~16.2.46",
+    "@syncfusion/ej2-vue-base": "~16.2.46",
+    "@syncfusion/ej2-calendars": "16.2.46"
   },
@@ -26,0 +26,0 @@ "devDependencies": {

ReadMe.md

@@ -1,16 +0,159 @@
-# Calendar
+# ej2-vue-calendars
 
- Calendar interface for selecting dates with options for disabling dates, restricting selection and showing custom events.It comes with [documentation](http://ej2.syncfusion.com/vue/documentation/calendar) and support, which is available under commercial and community licenses. Please visit www.syncfusion.com to get started. 
+The calendars package contains date and time components such as Calendar, DatePicker, DateRangePicker, DateTimePicker, and TimePicker. These components come with an option for disabling dates, restricting selection and showing custom events. It also has documentation and support, which are available under commercial and community licenses. Please visit [www.syncfusion.com](https://www.syncfusion.com/) to get started.
 
- ## Resources
+<p align="center">
+  <img src="https://ej2.syncfusion.com/products/images/calendar/readme.gif" alt="Calendar components">
+</p>
 
-* [Calendar Demo](http://ej2.syncfusion.com/vue/demos/#/calendar/default.html)
-* [Calendar Documentation](http://ej2.syncfusion.com/vue/documentation/calendar.html)
-* [DatePicker Demo](http://ej2.syncfusion.com/vue/demos/#/datepicker/default.html)
-* [DatePicker Documentation](http://ej2.syncfusion.com/vue/documentation/datepicker.html)
-* [DateTimePicker Demo](http://ej2.syncfusion.com/vue/demos/#/datetimepicker/default.html)
-* [DateTimePicker Documentation](http://ej2.syncfusion.com/vue/documentation/datetimepicker.html)
-* [DateRangePicker Demo](http://ej2.syncfusion.com/vue/demos/#/daterangepicker/default.html)
-* [DateRangePicker Documentation](http://ej2.syncfusion.com/vue/documentation/daterangepicker.html)
-* [TimePicker Demo](http://ej2.syncfusion.com/vue/demos/#/timepicker/default.html)
-* [TimePicker Documentation](http://ej2.syncfusion.com/vue/documentation/timepicker.html)
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install `Calendar` and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-vue-calendars
+```
+
+## Components included
+
+Following list of components are available in the package.
+
+* [Calendar](#calendar)
+* [DatePicker](#datepicker)
+* [TimePicker](#timepicker)
+* [DateTimePicker](#datetimepicker)
+* [DateRangePicker](#daterangepicker)
+
+### Calendar
+
+The `Calendar` is a graphical user interface component that displays a Gregorian Calendar, and allows a user to select a date.
+
+#### Key Features
+
+* [Date Range](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/range) - Restrict the range of dates that can be selected by using the `min` and `max` properties.
+* [Customization](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/special) - You have complete control over the appearance of the Calendar component.
+* [Month or year selection](https://ej2.syncfusion.com/vue/documentation/calendar/calendar-views.html#calendar-views) - The Calendar control provides flexible options to select only the month or year as date value.
+* [First day of week](https://ej2.syncfusion.com/vue/documentation/calendar/how-to.html#change-the-first-day-of-the-week) - Change the first day of weeks in every month.
+* [Week number](https://ej2.syncfusion.com/vue/documentation/calendar/how-to.html#render-the-calendar-with-week-numbers) - Know the week number of the selected date in the Calendar by enabling the week number option.
+* [Disabled dates](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/disabled) - Any date can be disabled to prevent the user from selecting the date.
+* [Start and Depth View](https://ej2.syncfusion.com/vue/documentation/calendar/calendar-views.html#view-restriction) - The Calendar has the `month`, `year` and `decade` views that provides a flexible way to navigate back and forth to select the date.
+* [Globalization](https://ej2.syncfusion.com/vue/documentation/calendar/globalization.html#calendar) - The Calendar control supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
+
+#### Resources
+
+* [Getting Started](https://ej2.syncfusion.com/vue/documentation/calendar/getting-started.html?utm_source=npm&utm_campaign=calendar)
+* [API Reference](https://ej2.syncfusion.com/vue/documentation/calendar/api-calendarComponent.html?utm_source=npm&utm_campaign=calendar)
+* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/default)
+* [Product Page](https://www.syncfusion.com/products/vue/calendar)
+
+### DatePicker
+
+The `DatePicker` is a graphical user interface component that allows user to select or enter a date value.
+
+#### Key Features
+
+The DatePicker is inherited from the Calendar component. So, all the key features of the Calendar component can be accessible in the DatePicker component. Additionally, it has some specific features such as `Date format` and `Strict mode`, which are described below.
+
+* [Date Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/format) - The DatePicker control’s input value can be custom formatted apart from the default culture’s specific date format.
+* [Strict mode](https://ej2.syncfusion.com/vue/documentation/datepicker/strict-mode.html?utm_source=npm&utm_campaign=datepicker) - The strictMode is an act, that allows the user to enter only the valid date within the specified min or max range in textbox.
+
+#### Resources
+
+* [Getting Started](https://ej2.syncfusion.com/vue/documentation/datepicker/getting-started.html?utm_source=npm&utm_campaign=datepicker)
+* [API Reference](https://ej2.syncfusion.com/vue/documentation/datepicker/api-datePickerComponent.html?utm_source=npm&utm_campaign=datepicker)
+* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/default)
+* [Product Page](https://www.syncfusion.com/products/vue/datepicker)
+
+### TimePicker
+
+`TimePicker` is a simple and intuitive interface component which provides an options to select a time value from popup list or to set a desired time value.
+
+#### Key Features
+
+* [Time Range](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/range) - Restricts the entry or selection of time value within a specific range of time by using `min` and `max` properties.
+* [Time Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/format) - Apart from the default culture specific time format, the TimePicker control’s input value can also be custom formatted.
+* [Strict mode](https://ej2.syncfusion.com/vue/documentation/timepicker/strict-mode.html#timepicker) - The strictMode is an act that allows you to enter only valid time value within the specified min and max range in the textbox.
+* [Disabled time](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Any number of time values can be disabled in the popup list items to prevent selection of those times.
+* [Time intervals](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Allows populating the time list with essential intervals between the times in the popup list to enable the user to select proper time value.
+* [Customization](https://ej2.syncfusion.com/vue/documentation/timepicker/how-to.html#css-customization) - The appearance of the TimePicker component can be customized completely.
+* [Time list with duration](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Supports customization of the TimePicker control’s popup list items with time duration.
+* [Globalization](https://ej2.syncfusion.com/vue/documentation/timepicker/globalization.html#timepicker) - The TimePicker control supports globalization (internationalization and localization) that allows updating the time popup list values to match specified culture.
+
+#### Resources
+
+* [Getting Started](https://ej2.syncfusion.com/vue/documentation/timepicker/getting-started.html?utm_source=npm&utm_campaign=timepicker)
+* [API Reference](https://ej2.syncfusion.com/vue/documentation/timepicker/api-timePickerComponent.html?utm_source=npm&utm_campaign=timepicker)
+* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/default)
+* [Product Page](https://www.syncfusion.com/products/vue/timepicker)
+
+### DateTimePicker
+
+The `DateTimePicker` is a graphical user interface component that allows an end user to enter or select a date and time value from a pop-up calendar and time list pop-up.
+
+#### Key Features
+
+The DateTimePicker is inherited from the DatePicker and TimePicker component. So, all the key features of the DatePicker and TimePicker component can be accessible in the DateTimePicker component. Additionally, it has some specific features such as `DateTime Range` and `DateTime format`, which are described below.
+
+* [DateTime Range](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/range) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
+* [DateTime Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/format) - The DateTimePicker control’s input value can be custom formatted apart from the default culture’s specific date time format.
+
+#### Resources
+
+* [Getting Started](https://ej2.syncfusion.com/vue/documentation/datetimepicker/getting-started.html?utm_source=npm&utm_campaign=datetimepicker)
+* [API Reference](https://ej2.syncfusion.com/vue/documentation/datetimepicker/api-dateTimePickerComponent.html?utm_source=npm&utm_campaign=datetimepicker)
+* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default)
+* [Product Page](https://www.syncfusion.com/products/vue/datetimepicker)
+
+### DateRangePicker
+
+The `DateRangePicker` is a graphical user interface control that allows an end user to select a start and end date value as a range from a calendar pop-up or by entering the value directly in the input element.
+
+#### Key Features
+
+* [Preset Ranges](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/preset) - Supports to define the preset of ranges to select the frequently used date range by the end users.
+* [Range Restriction](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/range) - The DateRangePicker control restricts the user to enter or select the value within a specific range of date by defining the min and max properties.
+* [Limit the selection range](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/dayspan) - Direct the end user to select only the date range with specific minimum and maximum number of days count by setting the minDays and maxDays options.
+* [First day of week](https://ej2.syncfusion.com/vue/documentation/daterangepicker/customization.html#first-day-of-week) - Change the first day of weeks in every month.
+* [Strict mode](https://ej2.syncfusion.com/vue/documentation/daterangepicker/range-restriction.html#strict-mode) - The strictMode is an act, that allows the user to enter only the valid date within the specified min or max range in textbox.
+* [Customization](https://ej2.syncfusion.com/vue/documentation/daterangepicker/customization.html#daterangepicker) - The appearance of the DateRangePicker component can be customized completely.
+* [Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/format) - The DateRangePicker control’s input value can be custom formatted apart from the default culture’s specific date range format.
+* [Globalization](https://ej2.syncfusion.com/vue/documentation/daterangepicker/globalization.html#daterangepicker) - The DateRangePicker control supports globalization (internationalization and localization) to translate the names of months, days and button text to any supported language.
+
+#### Resources
+
+* [Getting Started](https://ej2.syncfusion.com/vue/documentation/daterangepicker/getting-started.html?utm_source=npm&utm_campaign=daterangepicker)
+* [API Reference](https://ej2.syncfusion.com/vue/documentation/daterangepicker/api-dateRangePickerComponent.html?utm_source=npm&utm_campaign=daterangepicker)
+* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default)
+* [Product Page](https://www.syncfusion.com/products/vue/daterangepicker)
+
+## Supported Frameworks
+
+DateTime components are also offered in the following list of frameworks.
+
+* [Angular](https://github.com/syncfusion/ej2-ng-calendars?utm_source=npm&utm_campaign=calendars)
+* [React](https://github.com/syncfusion/ej2-react-calendars?utm_source=npm&utm_campaign=calendars)
+* [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/calendar)
+* [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/calendar)
+* [JavaScript](https://www.syncfusion.com/products/javascript/calendar)
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=calendar) support system or [Community forum](https://www.syncfusion.com/forums?utm_source=npm&utm_campaign=calendar).
+* New [GitHub issue](https://github.com/syncfusion/ej2-vue-calendars/issues/new).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-calendars/blob/master/CHANGELOG.md).
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

src/calendar/calendar.component.js

@@ -17,88 +17,95 @@ var __extends = (this && this.__extends) || (function () {
 };
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-vue-base", "@syncfusion/ej2-calendars"], function (require, exports, ej2_base_1, ej2_vue_base_1, ej2_calendars_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.properties = ['depth', 'enablePersistence', 'enableRtl', 'firstDayOfWeek', 'locale', 'max', 'min', 'showTodayButton', 'start', 'value', 'weekNumber', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell'];
-    exports.modelProps = ['value'];
-    var CalendarComponent = (function (_super) {
-        __extends(CalendarComponent, _super);
-        function CalendarComponent() {
-            var _this = _super.call(this) || this;
-            _this.propKeys = exports.properties;
-            _this.models = exports.modelProps;
-            _this.hasChildDirective = false;
-            _this.hasInjectedModules = false;
-            _this.tagMapper = {};
-            _this.tagNameMapper = {};
-            _this.ej2Instances = new ej2_calendars_1.Calendar({});
-            _this.ej2Instances._trigger = _this.ej2Instances.trigger;
-            _this.ej2Instances.trigger = _this.trigger;
-            _this.bindProperties();
-            return _this;
+import { isUndefined } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+import { Calendar } from '@syncfusion/ej2-calendars';
+export var properties = ['depth', 'enablePersistence', 'enableRtl', 'firstDayOfWeek', 'locale', 'max', 'min', 'showTodayButton', 'start', 'value', 'weekNumber', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell'];
+export var modelProps = ['value'];
+/**
+ * Represents the Essential JS 2  VueJS Calendar Component.
+ * ```html
+ * <ejs-calendar v-bind:value='date'></ejs-calendar>
+ * ```
+ */
+var CalendarComponent = /** @class */ (function (_super) {
+    __extends(CalendarComponent, _super);
+    function CalendarComponent() {
+        var _this = _super.call(this) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.ej2Instances = new Calendar({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        //this.ej2Instances.setProperties = this.setProperties;
+        _this.bindProperties();
+        return _this;
+    }
+    CalendarComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
         }
-        CalendarComponent.prototype.trigger = function (eventName, eventProp) {
-            if (eventName === 'change' && this.models && (this.models.length !== 0)) {
-                var key = this.models.toString().match(/checked|value/) || [];
-                var propKey = key[0];
-                if (eventProp && key && !ej2_base_1.isUndefined(eventProp[propKey])) {
-                    this.$emit('modelchanged', eventProp[propKey]);
-                }
-            }
-            if (this.ej2Instances && this.ej2Instances._trigger) {
-                this.ej2Instances._trigger(eventName, eventProp);
-            }
-        };
-        CalendarComponent.prototype.setProperties = function (prop, muteOnChange) {
-            var _this = this;
-            if (this.ej2Instances && this.ej2Instances._setProperties) {
-                this.ej2Instances._setProperties(prop, muteOnChange);
-            }
-            if (prop && this.models && (this.models.length !== 0)) {
-                var keys = Object.keys(prop);
-                var emitKeys_1 = [];
-                var emitFlag_1 = false;
-                keys.map(function (key) {
-                    _this.models.map(function (model) {
-                        if ((key === model) && !(/datasource/i.test(key))) {
-                            emitKeys_1.push(key);
-                            emitFlag_1 = true;
-                        }
-                    });
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    };
+    CalendarComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && (this.models.length !== 0)) {
+            var keys = Object.keys(prop);
+            var emitKeys_1 = [];
+            var emitFlag_1 = false;
+            keys.map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        emitKeys_1.push(key);
+                        emitFlag_1 = true;
+                    }
                 });
-                if (emitFlag_1) {
-                    emitKeys_1.map(function (propKey) {
-                        _this.$emit('update:' + propKey, prop[propKey]);
-                    });
-                }
+            });
+            if (emitFlag_1) {
+                emitKeys_1.map(function (propKey) {
+                    _this.$emit('update:' + propKey, prop[propKey]);
+                });
             }
-        };
-        CalendarComponent.prototype.render = function (createElement) {
-            return createElement('div', this.$slots.default);
-        };
-        CalendarComponent.prototype.createContent = function () {
-            return this.ej2Instances.createContent();
-        };
-        CalendarComponent.prototype.currentView = function () {
-            return this.ej2Instances.currentView();
-        };
-        CalendarComponent.prototype.navigateTo = function (view, date) {
-            return this.ej2Instances.navigateTo(view, date);
-        };
-        CalendarComponent = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({
-                props: exports.properties,
-                model: {
-                    event: 'modelchanged'
-                }
-            })
-        ], CalendarComponent);
-        return CalendarComponent;
-    }(ej2_vue_base_1.ComponentBase));
-    exports.CalendarComponent = CalendarComponent;
-    exports.CalendarPlugin = {
-        name: 'ejs-calendar',
-        install: function (Vue) {
-            Vue.component(exports.CalendarPlugin.name, CalendarComponent);
         }
     };
-});
+    CalendarComponent.prototype.render = function (createElement) {
+        return createElement('div', this.$slots.default);
+    };
+    CalendarComponent.prototype.createContent = function () {
+        return this.ej2Instances.createContent();
+    };
+    CalendarComponent.prototype.currentView = function () {
+        return this.ej2Instances.currentView();
+    };
+    CalendarComponent.prototype.navigateTo = function (view, date) {
+        return this.ej2Instances.navigateTo(view, date);
+    };
+    CalendarComponent = __decorate([
+        EJComponentDecorator({
+            props: properties,
+            model: {
+                event: 'modelchanged'
+            }
+        })
+    ], CalendarComponent);
+    return CalendarComponent;
+}(ComponentBase));
+export { CalendarComponent };
+export var CalendarPlugin = {
+    name: 'ejs-calendar',
+    install: function (Vue) {
+        Vue.component(CalendarPlugin.name, CalendarComponent);
+    }
+};

src/calendar/index.js

@@ -1,6 +0,1 @@
-define(["require", "exports", "./calendar.component"], function (require, exports, calendar_component_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CalendarComponent = calendar_component_1.CalendarComponent;
-    exports.CalendarPlugin = calendar_component_1.CalendarPlugin;
-});
+export { CalendarComponent, CalendarPlugin } from './calendar.component';

src/datepicker/datepicker.component.js

@@ -17,100 +17,107 @@ var __extends = (this && this.__extends) || (function () {
 };
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-vue-base", "@syncfusion/ej2-calendars"], function (require, exports, ej2_base_1, ej2_vue_base_1, ej2_calendars_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.properties = ['cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
-    exports.modelProps = ['value'];
-    var DatePickerComponent = (function (_super) {
-        __extends(DatePickerComponent, _super);
-        function DatePickerComponent() {
-            var _this = _super.call(this) || this;
-            _this.propKeys = exports.properties;
-            _this.models = exports.modelProps;
-            _this.hasChildDirective = false;
-            _this.hasInjectedModules = false;
-            _this.tagMapper = {};
-            _this.tagNameMapper = {};
-            _this.ej2Instances = new ej2_calendars_1.DatePicker({});
-            _this.ej2Instances._trigger = _this.ej2Instances.trigger;
-            _this.ej2Instances.trigger = _this.trigger;
-            _this.bindProperties();
-            return _this;
+import { isUndefined } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+import { DatePicker } from '@syncfusion/ej2-calendars';
+export var properties = ['allowEdit', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+export var modelProps = ['value'];
+/**
+ * Represents the Essential JS 2 VueJS DatePicker Component.
+ * ```html
+ * <ejs-datepicker v-bind:value='date'></ejs-datepicker>
+ * ```
+ */
+var DatePickerComponent = /** @class */ (function (_super) {
+    __extends(DatePickerComponent, _super);
+    function DatePickerComponent() {
+        var _this = _super.call(this) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.ej2Instances = new DatePicker({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        //this.ej2Instances.setProperties = this.setProperties;
+        _this.bindProperties();
+        return _this;
+    }
+    DatePickerComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
         }
-        DatePickerComponent.prototype.trigger = function (eventName, eventProp) {
-            if (eventName === 'change' && this.models && (this.models.length !== 0)) {
-                var key = this.models.toString().match(/checked|value/) || [];
-                var propKey = key[0];
-                if (eventProp && key && !ej2_base_1.isUndefined(eventProp[propKey])) {
-                    this.$emit('modelchanged', eventProp[propKey]);
-                }
-            }
-            if (this.ej2Instances && this.ej2Instances._trigger) {
-                this.ej2Instances._trigger(eventName, eventProp);
-            }
-        };
-        DatePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
-            var _this = this;
-            if (this.ej2Instances && this.ej2Instances._setProperties) {
-                this.ej2Instances._setProperties(prop, muteOnChange);
-            }
-            if (prop && this.models && (this.models.length !== 0)) {
-                var keys = Object.keys(prop);
-                var emitKeys_1 = [];
-                var emitFlag_1 = false;
-                keys.map(function (key) {
-                    _this.models.map(function (model) {
-                        if ((key === model) && !(/datasource/i.test(key))) {
-                            emitKeys_1.push(key);
-                            emitFlag_1 = true;
-                        }
-                    });
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    };
+    DatePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && (this.models.length !== 0)) {
+            var keys = Object.keys(prop);
+            var emitKeys_1 = [];
+            var emitFlag_1 = false;
+            keys.map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        emitKeys_1.push(key);
+                        emitFlag_1 = true;
+                    }
                 });
-                if (emitFlag_1) {
-                    emitKeys_1.map(function (propKey) {
-                        _this.$emit('update:' + propKey, prop[propKey]);
-                    });
-                }
+            });
+            if (emitFlag_1) {
+                emitKeys_1.map(function (propKey) {
+                    _this.$emit('update:' + propKey, prop[propKey]);
+                });
             }
-        };
-        DatePickerComponent.prototype.render = function (createElement) {
-            return createElement('input', this.$slots.default);
-        };
-        DatePickerComponent.prototype.createContent = function () {
-            return this.ej2Instances.createContent();
-        };
-        DatePickerComponent.prototype.currentView = function () {
-            return this.ej2Instances.currentView();
-        };
-        DatePickerComponent.prototype.focusIn = function (triggerEvent) {
-            return this.ej2Instances.focusIn(triggerEvent);
-        };
-        DatePickerComponent.prototype.focusOut = function () {
-            return this.ej2Instances.focusOut();
-        };
-        DatePickerComponent.prototype.hide = function (event) {
-            return this.ej2Instances.hide(event);
-        };
-        DatePickerComponent.prototype.navigateTo = function (view, date) {
-            return this.ej2Instances.navigateTo(view, date);
-        };
-        DatePickerComponent.prototype.show = function (type, e) {
-            return this.ej2Instances.show(type, e);
-        };
-        DatePickerComponent = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({
-                props: exports.properties,
-                model: {
-                    event: 'modelchanged'
-                }
-            })
-        ], DatePickerComponent);
-        return DatePickerComponent;
-    }(ej2_vue_base_1.ComponentBase));
-    exports.DatePickerComponent = DatePickerComponent;
-    exports.DatePickerPlugin = {
-        name: 'ejs-datepicker',
-        install: function (Vue) {
-            Vue.component(exports.DatePickerPlugin.name, DatePickerComponent);
         }
     };
-});
+    DatePickerComponent.prototype.render = function (createElement) {
+        return createElement('input', this.$slots.default);
+    };
+    DatePickerComponent.prototype.createContent = function () {
+        return this.ej2Instances.createContent();
+    };
+    DatePickerComponent.prototype.currentView = function () {
+        return this.ej2Instances.currentView();
+    };
+    DatePickerComponent.prototype.focusIn = function (triggerEvent) {
+        return this.ej2Instances.focusIn(triggerEvent);
+    };
+    DatePickerComponent.prototype.focusOut = function () {
+        return this.ej2Instances.focusOut();
+    };
+    DatePickerComponent.prototype.hide = function (event) {
+        return this.ej2Instances.hide(event);
+    };
+    DatePickerComponent.prototype.navigateTo = function (view, date) {
+        return this.ej2Instances.navigateTo(view, date);
+    };
+    DatePickerComponent.prototype.show = function (type, e) {
+        return this.ej2Instances.show(type, e);
+    };
+    DatePickerComponent = __decorate([
+        EJComponentDecorator({
+            props: properties,
+            model: {
+                event: 'modelchanged'
+            }
+        })
+    ], DatePickerComponent);
+    return DatePickerComponent;
+}(ComponentBase));
+export { DatePickerComponent };
+export var DatePickerPlugin = {
+    name: 'ejs-datepicker',
+    install: function (Vue) {
+        Vue.component(DatePickerPlugin.name, DatePickerComponent);
+    }
+};

src/datepicker/index.js

@@ -1,6 +0,1 @@
-define(["require", "exports", "./datepicker.component"], function (require, exports, datepicker_component_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DatePickerComponent = datepicker_component_1.DatePickerComponent;
-    exports.DatePickerPlugin = datepicker_component_1.DatePickerPlugin;
-});
+export { DatePickerComponent, DatePickerPlugin } from './datepicker.component';

src/daterangepicker/daterangepicker.component.js

@@ -17,96 +17,104 @@ var __extends = (this && this.__extends) || (function () {
 };
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-vue-base", "@syncfusion/ej2-calendars", "./presets.directive"], function (require, exports, ej2_base_1, ej2_vue_base_1, ej2_calendars_1, presets_directive_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.properties = ['cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
-    exports.modelProps = ['startDate', 'endDate', 'value'];
-    var DateRangePickerComponent = (function (_super) {
-        __extends(DateRangePickerComponent, _super);
-        function DateRangePickerComponent() {
-            var _this = _super.call(this) || this;
-            _this.propKeys = exports.properties;
-            _this.models = exports.modelProps;
-            _this.hasChildDirective = true;
-            _this.hasInjectedModules = false;
-            _this.tagMapper = { "e-presets": "e-preset" };
-            _this.tagNameMapper = {};
-            _this.ej2Instances = new ej2_calendars_1.DateRangePicker({});
-            _this.ej2Instances._trigger = _this.ej2Instances.trigger;
-            _this.ej2Instances.trigger = _this.trigger;
-            _this.bindProperties();
-            return _this;
+import { isUndefined } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+import { DateRangePicker } from '@syncfusion/ej2-calendars';
+import { PresetsDirective, PresetDirective, PresetsPlugin, PresetPlugin } from './presets.directive';
+export var properties = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
+export var modelProps = ['startDate', 'endDate', 'value'];
+/**
+ * Represents the Essential JS 2 VueJS DateRangePicker Component.
+ * ```html
+ * <ejs-daterangepicker v-bind:startDate='date' v-bind:endDate='date'></ejs-daterangepicker>
+ * ```
+ */
+var DateRangePickerComponent = /** @class */ (function (_super) {
+    __extends(DateRangePickerComponent, _super);
+    function DateRangePickerComponent() {
+        var _this = _super.call(this) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = true;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = { "e-presets": "e-preset" };
+        _this.tagNameMapper = {};
+        _this.ej2Instances = new DateRangePicker({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        //this.ej2Instances.setProperties = this.setProperties;
+        _this.bindProperties();
+        return _this;
+    }
+    DateRangePickerComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
         }
-        DateRangePickerComponent.prototype.trigger = function (eventName, eventProp) {
-            if (eventName === 'change' && this.models && (this.models.length !== 0)) {
-                var key = this.models.toString().match(/checked|value/) || [];
-                var propKey = key[0];
-                if (eventProp && key && !ej2_base_1.isUndefined(eventProp[propKey])) {
-                    this.$emit('modelchanged', eventProp[propKey]);
-                }
-            }
-            if (this.ej2Instances && this.ej2Instances._trigger) {
-                this.ej2Instances._trigger(eventName, eventProp);
-            }
-        };
-        DateRangePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
-            var _this = this;
-            if (this.ej2Instances && this.ej2Instances._setProperties) {
-                this.ej2Instances._setProperties(prop, muteOnChange);
-            }
-            if (prop && this.models && (this.models.length !== 0)) {
-                var keys = Object.keys(prop);
-                var emitKeys_1 = [];
-                var emitFlag_1 = false;
-                keys.map(function (key) {
-                    _this.models.map(function (model) {
-                        if ((key === model) && !(/datasource/i.test(key))) {
-                            emitKeys_1.push(key);
-                            emitFlag_1 = true;
-                        }
-                    });
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    };
+    DateRangePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && (this.models.length !== 0)) {
+            var keys = Object.keys(prop);
+            var emitKeys_1 = [];
+            var emitFlag_1 = false;
+            keys.map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        emitKeys_1.push(key);
+                        emitFlag_1 = true;
+                    }
                 });
-                if (emitFlag_1) {
-                    emitKeys_1.map(function (propKey) {
-                        _this.$emit('update:' + propKey, prop[propKey]);
-                    });
-                }
+            });
+            if (emitFlag_1) {
+                emitKeys_1.map(function (propKey) {
+                    _this.$emit('update:' + propKey, prop[propKey]);
+                });
             }
-        };
-        DateRangePickerComponent.prototype.render = function (createElement) {
-            return createElement('input', this.$slots.default);
-        };
-        DateRangePickerComponent.prototype.focusIn = function () {
-            return this.ej2Instances.focusIn();
-        };
-        DateRangePickerComponent.prototype.focusOut = function () {
-            return this.ej2Instances.focusOut();
-        };
-        DateRangePickerComponent.prototype.getSelectedRange = function () {
-            return this.ej2Instances.getSelectedRange();
-        };
-        DateRangePickerComponent.prototype.hide = function (event) {
-            return this.ej2Instances.hide(event);
-        };
-        DateRangePickerComponent.prototype.show = function (element, event) {
-            return this.ej2Instances.show(element, event);
-        };
-        DateRangePickerComponent = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({
-                props: exports.properties,
-                model: {
-                    event: 'modelchanged'
-                }
-            })
-        ], DateRangePickerComponent);
-        return DateRangePickerComponent;
-    }(ej2_vue_base_1.ComponentBase));
-    exports.DateRangePickerComponent = DateRangePickerComponent;
-    exports.DateRangePickerPlugin = {
-        name: 'ejs-daterangepicker',
-        install: function (Vue) {
-            Vue.component(exports.DateRangePickerPlugin.name, DateRangePickerComponent);
-            Vue.component(presets_directive_1.PresetPlugin.name, presets_directive_1.PresetDirective);
-            Vue.component(presets_directive_1.PresetsPlugin.name, presets_directive_1.PresetsDirective);
         }
     };
-});
+    DateRangePickerComponent.prototype.render = function (createElement) {
+        return createElement('input', this.$slots.default);
+    };
+    DateRangePickerComponent.prototype.focusIn = function () {
+        return this.ej2Instances.focusIn();
+    };
+    DateRangePickerComponent.prototype.focusOut = function () {
+        return this.ej2Instances.focusOut();
+    };
+    DateRangePickerComponent.prototype.getSelectedRange = function () {
+        return this.ej2Instances.getSelectedRange();
+    };
+    DateRangePickerComponent.prototype.hide = function (event) {
+        return this.ej2Instances.hide(event);
+    };
+    DateRangePickerComponent.prototype.show = function (element, event) {
+        return this.ej2Instances.show(element, event);
+    };
+    DateRangePickerComponent = __decorate([
+        EJComponentDecorator({
+            props: properties,
+            model: {
+                event: 'modelchanged'
+            }
+        })
+    ], DateRangePickerComponent);
+    return DateRangePickerComponent;
+}(ComponentBase));
+export { DateRangePickerComponent };
+export var DateRangePickerPlugin = {
+    name: 'ejs-daterangepicker',
+    install: function (Vue) {
+        Vue.component(DateRangePickerPlugin.name, DateRangePickerComponent);
+        Vue.component(PresetPlugin.name, PresetDirective);
+        Vue.component(PresetsPlugin.name, PresetsDirective);
+    }
+};

src/daterangepicker/index.js

@@ -1,10 +0,2 @@
-define(["require", "exports", "./presets.directive", "./daterangepicker.component"], function (require, exports, presets_directive_1, daterangepicker_component_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.PresetsDirective = presets_directive_1.PresetsDirective;
-    exports.PresetDirective = presets_directive_1.PresetDirective;
-    exports.PresetsPlugin = presets_directive_1.PresetsPlugin;
-    exports.PresetPlugin = presets_directive_1.PresetPlugin;
-    exports.DateRangePickerComponent = daterangepicker_component_1.DateRangePickerComponent;
-    exports.DateRangePickerPlugin = daterangepicker_component_1.DateRangePickerPlugin;
-});
+export { PresetsDirective, PresetDirective, PresetsPlugin, PresetPlugin } from './presets.directive';
+export { DateRangePickerComponent, DateRangePickerPlugin } from './daterangepicker.component';

src/daterangepicker/presets.directive.js

@@ -17,45 +17,55 @@ var __extends = (this && this.__extends) || (function () {
 };
-define(["require", "exports", "vue", "@syncfusion/ej2-vue-base"], function (require, exports, vue_1, ej2_vue_base_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var PresetsDirective = (function (_super) {
-        __extends(PresetsDirective, _super);
-        function PresetsDirective() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        PresetsDirective.prototype.render = function () {
-            return;
-        };
-        PresetsDirective = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({})
-        ], PresetsDirective);
-        return PresetsDirective;
-    }(vue_1.default));
-    exports.PresetsDirective = PresetsDirective;
-    exports.PresetsPlugin = {
-        name: 'e-presets',
-        install: function (Vue) {
-            Vue.component(exports.PresetsPlugin.name, PresetsDirective);
-        }
+import Vue from 'vue';
+import { EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+var PresetsDirective = /** @class */ (function (_super) {
+    __extends(PresetsDirective, _super);
+    function PresetsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PresetsDirective.prototype.render = function () {
+        return;
     };
-    var PresetDirective = (function (_super) {
-        __extends(PresetDirective, _super);
-        function PresetDirective() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        PresetDirective.prototype.render = function () {
-            return;
-        };
-        PresetDirective = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({})
-        ], PresetDirective);
-        return PresetDirective;
-    }(vue_1.default));
-    exports.PresetDirective = PresetDirective;
-    exports.PresetPlugin = {
-        name: 'e-preset',
-        install: function (Vue) {
-            Vue.component(exports.PresetPlugin.name, PresetDirective);
-        }
+    PresetsDirective = __decorate([
+        EJComponentDecorator({})
+    ], PresetsDirective);
+    return PresetsDirective;
+}(Vue));
+export { PresetsDirective };
+export var PresetsPlugin = {
+    name: 'e-presets',
+    install: function (Vue) {
+        Vue.component(PresetsPlugin.name, PresetsDirective);
+    }
+};
+/**
+ * 'e-presets' directive represent a presets of VueJS daterangepicker
+ * It must be contained in a daterangepicker component(`ej-daterangepicker`).
+ * ```html
+ * <ejs-daterangepicker id='range'>
+ *   <e-presets>
+ *   <e-preset label='Last Week' v-bind:start='startValue' v-bind:end='endValue'></e-preset>
+ *   <e-preset label='Last Month' v-bind:start='startValue' v-bind:end='endValue'></e-preset>
+ *   </e-presets>
+ * </ejs-daterangepicker>
+ * ```
+ */
+var PresetDirective = /** @class */ (function (_super) {
+    __extends(PresetDirective, _super);
+    function PresetDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PresetDirective.prototype.render = function () {
+        return;
     };
-});
+    PresetDirective = __decorate([
+        EJComponentDecorator({})
+    ], PresetDirective);
+    return PresetDirective;
+}(Vue));
+export { PresetDirective };
+export var PresetPlugin = {
+    name: 'e-preset',
+    install: function (Vue) {
+        Vue.component(PresetPlugin.name, PresetDirective);
+    }
+};

src/datetimepicker/datetimepicker.component.js

@@ -17,103 +17,110 @@ var __extends = (this && this.__extends) || (function () {
 };
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-vue-base", "@syncfusion/ej2-calendars"], function (require, exports, ej2_base_1, ej2_vue_base_1, ej2_calendars_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.properties = ['cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
-    exports.modelProps = ['value'];
-    var DateTimePickerComponent = (function (_super) {
-        __extends(DateTimePickerComponent, _super);
-        function DateTimePickerComponent() {
-            var _this = _super.call(this) || this;
-            _this.propKeys = exports.properties;
-            _this.models = exports.modelProps;
-            _this.hasChildDirective = false;
-            _this.hasInjectedModules = false;
-            _this.tagMapper = {};
-            _this.tagNameMapper = {};
-            _this.ej2Instances = new ej2_calendars_1.DateTimePicker({});
-            _this.ej2Instances._trigger = _this.ej2Instances.trigger;
-            _this.ej2Instances.trigger = _this.trigger;
-            _this.bindProperties();
-            return _this;
+import { isUndefined } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+import { DateTimePicker } from '@syncfusion/ej2-calendars';
+export var properties = ['allowEdit', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'weekNumber', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+export var modelProps = ['value'];
+/**
+ * Represents the Essential JS 2 VueJS DateTimePicker Component.
+ * ```html
+ * <ejs-datetimepicker v-bind:value='dateTime'></ejs-datetimepicker>
+ * ```
+ */
+var DateTimePickerComponent = /** @class */ (function (_super) {
+    __extends(DateTimePickerComponent, _super);
+    function DateTimePickerComponent() {
+        var _this = _super.call(this) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.ej2Instances = new DateTimePicker({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        //this.ej2Instances.setProperties = this.setProperties;
+        _this.bindProperties();
+        return _this;
+    }
+    DateTimePickerComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
         }
-        DateTimePickerComponent.prototype.trigger = function (eventName, eventProp) {
-            if (eventName === 'change' && this.models && (this.models.length !== 0)) {
-                var key = this.models.toString().match(/checked|value/) || [];
-                var propKey = key[0];
-                if (eventProp && key && !ej2_base_1.isUndefined(eventProp[propKey])) {
-                    this.$emit('modelchanged', eventProp[propKey]);
-                }
-            }
-            if (this.ej2Instances && this.ej2Instances._trigger) {
-                this.ej2Instances._trigger(eventName, eventProp);
-            }
-        };
-        DateTimePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
-            var _this = this;
-            if (this.ej2Instances && this.ej2Instances._setProperties) {
-                this.ej2Instances._setProperties(prop, muteOnChange);
-            }
-            if (prop && this.models && (this.models.length !== 0)) {
-                var keys = Object.keys(prop);
-                var emitKeys_1 = [];
-                var emitFlag_1 = false;
-                keys.map(function (key) {
-                    _this.models.map(function (model) {
-                        if ((key === model) && !(/datasource/i.test(key))) {
-                            emitKeys_1.push(key);
-                            emitFlag_1 = true;
-                        }
-                    });
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    };
+    DateTimePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && (this.models.length !== 0)) {
+            var keys = Object.keys(prop);
+            var emitKeys_1 = [];
+            var emitFlag_1 = false;
+            keys.map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        emitKeys_1.push(key);
+                        emitFlag_1 = true;
+                    }
                 });
-                if (emitFlag_1) {
-                    emitKeys_1.map(function (propKey) {
-                        _this.$emit('update:' + propKey, prop[propKey]);
-                    });
-                }
+            });
+            if (emitFlag_1) {
+                emitKeys_1.map(function (propKey) {
+                    _this.$emit('update:' + propKey, prop[propKey]);
+                });
             }
-        };
-        DateTimePickerComponent.prototype.render = function (createElement) {
-            return createElement('input', this.$slots.default);
-        };
-        DateTimePickerComponent.prototype.createContent = function () {
-            return this.ej2Instances.createContent();
-        };
-        DateTimePickerComponent.prototype.currentView = function () {
-            return this.ej2Instances.currentView();
-        };
-        DateTimePickerComponent.prototype.focusIn = function () {
-            return this.ej2Instances.focusIn();
-        };
-        DateTimePickerComponent.prototype.focusOut = function () {
-            return this.ej2Instances.focusOut();
-        };
-        DateTimePickerComponent.prototype.hide = function (e) {
-            return this.ej2Instances.hide(e);
-        };
-        DateTimePickerComponent.prototype.navigateTo = function (view, date) {
-            return this.ej2Instances.navigateTo(view, date);
-        };
-        DateTimePickerComponent.prototype.show = function (type, e) {
-            return this.ej2Instances.show(type, e);
-        };
-        DateTimePickerComponent.prototype.toggle = function (e) {
-            return this.ej2Instances.toggle(e);
-        };
-        DateTimePickerComponent = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({
-                props: exports.properties,
-                model: {
-                    event: 'modelchanged'
-                }
-            })
-        ], DateTimePickerComponent);
-        return DateTimePickerComponent;
-    }(ej2_vue_base_1.ComponentBase));
-    exports.DateTimePickerComponent = DateTimePickerComponent;
-    exports.DateTimePickerPlugin = {
-        name: 'ejs-datetimepicker',
-        install: function (Vue) {
-            Vue.component(exports.DateTimePickerPlugin.name, DateTimePickerComponent);
         }
     };
-});
+    DateTimePickerComponent.prototype.render = function (createElement) {
+        return createElement('input', this.$slots.default);
+    };
+    DateTimePickerComponent.prototype.createContent = function () {
+        return this.ej2Instances.createContent();
+    };
+    DateTimePickerComponent.prototype.currentView = function () {
+        return this.ej2Instances.currentView();
+    };
+    DateTimePickerComponent.prototype.focusIn = function () {
+        return this.ej2Instances.focusIn();
+    };
+    DateTimePickerComponent.prototype.focusOut = function () {
+        return this.ej2Instances.focusOut();
+    };
+    DateTimePickerComponent.prototype.hide = function (e) {
+        return this.ej2Instances.hide(e);
+    };
+    DateTimePickerComponent.prototype.navigateTo = function (view, date) {
+        return this.ej2Instances.navigateTo(view, date);
+    };
+    DateTimePickerComponent.prototype.show = function (type, e) {
+        return this.ej2Instances.show(type, e);
+    };
+    DateTimePickerComponent.prototype.toggle = function (e) {
+        return this.ej2Instances.toggle(e);
+    };
+    DateTimePickerComponent = __decorate([
+        EJComponentDecorator({
+            props: properties,
+            model: {
+                event: 'modelchanged'
+            }
+        })
+    ], DateTimePickerComponent);
+    return DateTimePickerComponent;
+}(ComponentBase));
+export { DateTimePickerComponent };
+export var DateTimePickerPlugin = {
+    name: 'ejs-datetimepicker',
+    install: function (Vue) {
+        Vue.component(DateTimePickerPlugin.name, DateTimePickerComponent);
+    }
+};

src/datetimepicker/index.js

@@ -1,6 +0,1 @@
-define(["require", "exports", "./datetimepicker.component"], function (require, exports, datetimepicker_component_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DateTimePickerComponent = datetimepicker_component_1.DateTimePickerComponent;
-    exports.DateTimePickerPlugin = datetimepicker_component_1.DateTimePickerPlugin;
-});
+export { DateTimePickerComponent, DateTimePickerPlugin } from './datetimepicker.component';

src/index.js

@@ -1,22 +0,7 @@
-define(["require", "exports", "@syncfusion/ej2-calendars", "./calendar/calendar.component", "./datepicker/datepicker.component", "./timepicker/timepicker.component", "./daterangepicker/presets.directive", "./daterangepicker/daterangepicker.component", "./datetimepicker/datetimepicker.component"], function (require, exports, ej2_calendars_1, calendar_component_1, datepicker_component_1, timepicker_component_1, presets_directive_1, daterangepicker_component_1, datetimepicker_component_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(ej2_calendars_1);
-    exports.CalendarComponent = calendar_component_1.CalendarComponent;
-    exports.CalendarPlugin = calendar_component_1.CalendarPlugin;
-    exports.DatePickerComponent = datepicker_component_1.DatePickerComponent;
-    exports.DatePickerPlugin = datepicker_component_1.DatePickerPlugin;
-    exports.TimePickerComponent = timepicker_component_1.TimePickerComponent;
-    exports.TimePickerPlugin = timepicker_component_1.TimePickerPlugin;
-    exports.PresetsDirective = presets_directive_1.PresetsDirective;
-    exports.PresetDirective = presets_directive_1.PresetDirective;
-    exports.PresetsPlugin = presets_directive_1.PresetsPlugin;
-    exports.PresetPlugin = presets_directive_1.PresetPlugin;
-    exports.DateRangePickerComponent = daterangepicker_component_1.DateRangePickerComponent;
-    exports.DateRangePickerPlugin = daterangepicker_component_1.DateRangePickerPlugin;
-    exports.DateTimePickerComponent = datetimepicker_component_1.DateTimePickerComponent;
-    exports.DateTimePickerPlugin = datetimepicker_component_1.DateTimePickerPlugin;
-});
+export * from '@syncfusion/ej2-calendars';
+export { CalendarComponent, CalendarPlugin } from './calendar/calendar.component';
+export { DatePickerComponent, DatePickerPlugin } from './datepicker/datepicker.component';
+export { TimePickerComponent, TimePickerPlugin } from './timepicker/timepicker.component';
+export { PresetsDirective, PresetDirective, PresetsPlugin, PresetPlugin } from './daterangepicker/presets.directive';
+export { DateRangePickerComponent, DateRangePickerPlugin } from './daterangepicker/daterangepicker.component';
+export { DateTimePickerComponent, DateTimePickerPlugin } from './datetimepicker/datetimepicker.component';

src/timepicker/index.js

@@ -1,6 +0,1 @@
-define(["require", "exports", "./timepicker.component"], function (require, exports, timepicker_component_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TimePickerComponent = timepicker_component_1.TimePickerComponent;
-    exports.TimePickerPlugin = timepicker_component_1.TimePickerPlugin;
-});
+export { TimePickerComponent, TimePickerPlugin } from './timepicker.component';

src/timepicker/timepicker.component.js

@@ -17,91 +17,98 @@ var __extends = (this && this.__extends) || (function () {
 };
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-vue-base", "@syncfusion/ej2-calendars"], function (require, exports, ej2_base_1, ej2_vue_base_1, ej2_calendars_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.properties = ['cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
-    exports.modelProps = ['value'];
-    var TimePickerComponent = (function (_super) {
-        __extends(TimePickerComponent, _super);
-        function TimePickerComponent() {
-            var _this = _super.call(this) || this;
-            _this.propKeys = exports.properties;
-            _this.models = exports.modelProps;
-            _this.hasChildDirective = false;
-            _this.hasInjectedModules = false;
-            _this.tagMapper = {};
-            _this.tagNameMapper = {};
-            _this.ej2Instances = new ej2_calendars_1.TimePicker({});
-            _this.ej2Instances._trigger = _this.ej2Instances.trigger;
-            _this.ej2Instances.trigger = _this.trigger;
-            _this.bindProperties();
-            return _this;
+import { isUndefined } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+import { TimePicker } from '@syncfusion/ej2-calendars';
+export var properties = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
+export var modelProps = ['value'];
+/**
+ * Represents the Essential JS 2 VueJS TimePicker Component.
+ * ```html
+ * <ejs-timepicker v-bind:value='value'></ejs-timepicker>
+ * ```
+ */
+var TimePickerComponent = /** @class */ (function (_super) {
+    __extends(TimePickerComponent, _super);
+    function TimePickerComponent() {
+        var _this = _super.call(this) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.ej2Instances = new TimePicker({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        //this.ej2Instances.setProperties = this.setProperties;
+        _this.bindProperties();
+        return _this;
+    }
+    TimePickerComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
         }
-        TimePickerComponent.prototype.trigger = function (eventName, eventProp) {
-            if (eventName === 'change' && this.models && (this.models.length !== 0)) {
-                var key = this.models.toString().match(/checked|value/) || [];
-                var propKey = key[0];
-                if (eventProp && key && !ej2_base_1.isUndefined(eventProp[propKey])) {
-                    this.$emit('modelchanged', eventProp[propKey]);
-                }
-            }
-            if (this.ej2Instances && this.ej2Instances._trigger) {
-                this.ej2Instances._trigger(eventName, eventProp);
-            }
-        };
-        TimePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
-            var _this = this;
-            if (this.ej2Instances && this.ej2Instances._setProperties) {
-                this.ej2Instances._setProperties(prop, muteOnChange);
-            }
-            if (prop && this.models && (this.models.length !== 0)) {
-                var keys = Object.keys(prop);
-                var emitKeys_1 = [];
-                var emitFlag_1 = false;
-                keys.map(function (key) {
-                    _this.models.map(function (model) {
-                        if ((key === model) && !(/datasource/i.test(key))) {
-                            emitKeys_1.push(key);
-                            emitFlag_1 = true;
-                        }
-                    });
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    };
+    TimePickerComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && (this.models.length !== 0)) {
+            var keys = Object.keys(prop);
+            var emitKeys_1 = [];
+            var emitFlag_1 = false;
+            keys.map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        emitKeys_1.push(key);
+                        emitFlag_1 = true;
+                    }
                 });
-                if (emitFlag_1) {
-                    emitKeys_1.map(function (propKey) {
-                        _this.$emit('update:' + propKey, prop[propKey]);
-                    });
-                }
+            });
+            if (emitFlag_1) {
+                emitKeys_1.map(function (propKey) {
+                    _this.$emit('update:' + propKey, prop[propKey]);
+                });
             }
-        };
-        TimePickerComponent.prototype.render = function (createElement) {
-            return createElement('input', this.$slots.default);
-        };
-        TimePickerComponent.prototype.focusIn = function () {
-            return this.ej2Instances.focusIn();
-        };
-        TimePickerComponent.prototype.focusOut = function () {
-            return this.ej2Instances.focusOut();
-        };
-        TimePickerComponent.prototype.hide = function () {
-            return this.ej2Instances.hide();
-        };
-        TimePickerComponent.prototype.show = function (event) {
-            return this.ej2Instances.show(event);
-        };
-        TimePickerComponent = __decorate([
-            ej2_vue_base_1.EJComponentDecorator({
-                props: exports.properties,
-                model: {
-                    event: 'modelchanged'
-                }
-            })
-        ], TimePickerComponent);
-        return TimePickerComponent;
-    }(ej2_vue_base_1.ComponentBase));
-    exports.TimePickerComponent = TimePickerComponent;
-    exports.TimePickerPlugin = {
-        name: 'ejs-timepicker',
-        install: function (Vue) {
-            Vue.component(exports.TimePickerPlugin.name, TimePickerComponent);
         }
     };
-});
+    TimePickerComponent.prototype.render = function (createElement) {
+        return createElement('input', this.$slots.default);
+    };
+    TimePickerComponent.prototype.focusIn = function () {
+        return this.ej2Instances.focusIn();
+    };
+    TimePickerComponent.prototype.focusOut = function () {
+        return this.ej2Instances.focusOut();
+    };
+    TimePickerComponent.prototype.hide = function () {
+        return this.ej2Instances.hide();
+    };
+    TimePickerComponent.prototype.show = function (event) {
+        return this.ej2Instances.show(event);
+    };
+    TimePickerComponent = __decorate([
+        EJComponentDecorator({
+            props: properties,
+            model: {
+                event: 'modelchanged'
+            }
+        })
+    ], TimePickerComponent);
+    return TimePickerComponent;
+}(ComponentBase));
+export { TimePickerComponent };
+export var TimePickerPlugin = {
+    name: 'ejs-timepicker',
+    install: function (Vue) {
+        Vue.component(TimePickerPlugin.name, TimePickerComponent);
+    }
+};

timepicker.js

@@ -1,8 +0,4 @@
-define(["require", "exports", "./src/timepicker/index"], function (require, exports, index_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(index_1);
-});
+/**
+ * timepicker
+ */
+export * from './src/timepicker/index';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12041328

increased by0.08%

Number of package files

96

increased by1.05%

Worsened metrics

Lines of code

163096

Dependency changes

• + Added@syncfusion/ej2-calendars@16.2.46(transitive)

• - Removed@syncfusion/ej2-calendars@16.2.45(transitive)

• Updated@syncfusion/ej2-base@~16.2.46

• Updated@syncfusion/ej2-calendars@16.2.46

• Updated@syncfusion/ej2-vue-base@~16.2.46