@syncfusion/ej2-vue-calendars 19.4.56 → 20.1.55

package/CHANGELOG.md

@@ -1226,23 +1226,7 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
 - **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.
 
 
-## 19.4.55 (2022-03-08)
-
-### DateRangePicker
-
-#### Bug Fixes
-
-- `#F173381` - Issue with "range selection is not displayed in the tailwind dark theme" has been resolved.
-
-## 19.4.50 (2022-02-08)
-
-### TimePicker
-
-#### Bug Fixes
-
-- `#I362512` - Issue with "change event is not triggered in the masked timepicker while typing the time in the input" has been resolved.
-
-## 19.4.42 (2022-01-11)
+## 20.1.47 (2022-04-04)
 
 ### DateRangePicker
 

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-calendars.umd.min.js
-*  version : 19.4.56
+*  version : 20.1.55
 *  Copyright Syncfusion Inc. 2001 - 2020. 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
@@ -9,7 +9,16 @@
 */
 /*!
 *  filename: ej2-vue-calendars.umd.min.js
-*  version : 19.2.55
+*  version : 20.1.47
+*  Copyright Syncfusion Inc. 2001 - 2020. 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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+/*!
+*  filename: ej2-vue-calendars.umd.min.js
+*  version : 19.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. 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

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

@@ -32,7 +32,12 @@ let CalendarComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class CalendarComponent extends ComponentBase {
     constructor() {
@@ -51,6 +56,7 @@ class CalendarComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -108,6 +114,7 @@ class CalendarComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -143,6 +150,9 @@ class CalendarComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addDate(dates) {
         return this.ej2Instances.addDate(dates);
     }
@@ -172,7 +182,12 @@ CalendarComponent = __decorate([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], CalendarComponent);
 const CalendarPlugin = {
@@ -210,7 +225,12 @@ let DatePickerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class DatePickerComponent extends ComponentBase {
     constructor() {
@@ -229,6 +249,7 @@ class DatePickerComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -286,6 +307,7 @@ class DatePickerComponent extends ComponentBase {
                 if (!isExecute$1) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -321,6 +343,9 @@ class DatePickerComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     addDate(dates) {
         return this.ej2Instances.addDate(dates);
     }
@@ -362,7 +387,12 @@ DatePickerComponent = __decorate$1([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], DatePickerComponent);
 const DatePickerPlugin = {
@@ -400,7 +430,12 @@ let TimePickerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class TimePickerComponent extends ComponentBase {
     constructor() {
@@ -419,6 +454,7 @@ class TimePickerComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -476,6 +512,7 @@ class TimePickerComponent extends ComponentBase {
                 if (!isExecute$2) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -511,6 +548,9 @@ class TimePickerComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     focusIn() {
         return this.ej2Instances.focusIn();
     }
@@ -537,7 +577,12 @@ TimePickerComponent = __decorate$2([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], TimePickerComponent);
 const TimePickerPlugin = {
@@ -553,6 +598,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$3 = gh ? false : true;
 let vueImport;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -561,16 +607,47 @@ if (!isExecute$3 || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let PresetsDirective = class PresetsDirective extends vueImport {
-    render() {
+let PresetsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class PresetsDirective extends vueImport {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-presets';
     }
 };
 PresetsDirective = __decorate$3([
     EJComponentDecorator({}, isExecute$3)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], PresetsDirective);
 const PresetsPlugin = {
     name: 'e-presets',
@@ -636,7 +713,12 @@ let DateRangePickerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class DateRangePickerComponent extends ComponentBase {
     constructor() {
@@ -655,6 +737,7 @@ class DateRangePickerComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -712,6 +795,7 @@ class DateRangePickerComponent extends ComponentBase {
                 if (!isExecute$4) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -747,6 +831,9 @@ class DateRangePickerComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     focusIn() {
         return this.ej2Instances.focusIn();
     }
@@ -776,7 +863,12 @@ DateRangePickerComponent = __decorate$4([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], DateRangePickerComponent);
 const DateRangePickerPlugin = {
@@ -816,7 +908,12 @@ let DateTimePickerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class DateTimePickerComponent extends ComponentBase {
     constructor() {
@@ -835,6 +932,7 @@ class DateTimePickerComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -892,6 +990,7 @@ class DateTimePickerComponent extends ComponentBase {
                 if (!isExecute$5) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -927,6 +1026,9 @@ class DateTimePickerComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     addDate(dates) {
         return this.ej2Instances.addDate(dates);
     }
@@ -971,7 +1073,12 @@ DateTimePickerComponent = __decorate$5([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], DateTimePickerComponent);
 const DateTimePickerPlugin = {