@syncfusion/ej2-vue-calendars 19.2.62 → 19.3.53

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-calendars@*",
-  "_id": "@syncfusion/ej2-vue-calendars@19.2.60",
+  "_id": "@syncfusion/ej2-vue-calendars@19.3.46",
   "_inBundle": false,
-  "_integrity": "sha512-9sU2KAHtrqZqRBB70HGkd+CfEpBYuLREz8Lj6UEDj+BgeB0lMaDlWp7VUshXdV3rp8BpfDcSRzWTK4sAILHjDA==",
+  "_integrity": "sha512-vd36wafVlrLWIaduW3Bo8f8Iyp6yeLD3EPnZPp/yQcfYKdp5d+TBoirOOHp7unsE/1PtuOaEkcZuJzOgfFEeuw==",
   "_location": "/@syncfusion/ej2-vue-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-19.2.60.tgz",
-  "_shasum": "c83bd5a705a8877ec1b4272ea0bd61446ca6de97",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-19.3.46.tgz",
+  "_shasum": "aadfd0f098a9a8ef64cc6663364919013221ef41",
   "_spec": "@syncfusion/ej2-vue-calendars@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.60",
-    "@syncfusion/ej2-calendars": "19.2.62",
-    "@syncfusion/ej2-vue-base": "~19.2.60"
+    "@syncfusion/ej2-base": "~19.3.53",
+    "@syncfusion/ej2-calendars": "19.3.53",
+    "@syncfusion/ej2-vue-base": "~19.3.53"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Vue",
@@ -89,6 +89,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.2.62",
+  "version": "19.3.53",
   "sideEffects": false
 }

package/src/calendar/calendar.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Calendar } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'isMultiSelection', 'keyConfigs', 'locale', 'max', 'min', 'serverTimezoneOffset', 'showTodayButton', 'start', 'value', 'values', 'weekNumber', 'weekRule', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell'];
+export var properties = ['islazyUpdate', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'isMultiSelection', 'keyConfigs', 'locale', 'max', 'min', 'serverTimezoneOffset', 'showTodayButton', 'start', 'value', 'values', 'weekNumber', 'weekRule', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell'];
 export var modelProps = ['value', 'values'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -101,6 +101,7 @@ var CalendarComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -120,8 +121,10 @@ var CalendarComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/datepicker/datepicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DatePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+export var properties = ['islazyUpdate', 'allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -101,6 +101,7 @@ var DatePickerComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -120,8 +121,10 @@ var DatePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/daterangepicker/daterangepicker.component.js

@@ -23,7 +23,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DateRangePicker } from '@syncfusion/ej2-calendars';
 import { PresetsDirective, PresetDirective, PresetsPlugin, PresetPlugin } from './presets.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'max', 'maxDays', 'min', 'minDays', 'openOnFocus', 'placeholder', 'presets', 'readonly', 'separator', 'serverTimezoneOffset', 'showClearButton', 'start', 'startDate', 'strictMode', 'value', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
+export var properties = ['islazyUpdate', 'allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'max', 'maxDays', 'min', 'minDays', 'openOnFocus', 'placeholder', 'presets', 'readonly', 'separator', 'serverTimezoneOffset', 'showClearButton', 'start', 'startDate', 'strictMode', 'value', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
 export var modelProps = ['startDate', 'endDate', 'value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -102,6 +102,7 @@ var DateRangePickerComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -121,8 +122,10 @@ var DateRangePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/datetimepicker/datetimepicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DateTimePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
+export var properties = ['islazyUpdate', 'allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -101,6 +101,7 @@ var DateTimePickerComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -120,8 +121,10 @@ var DateTimePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/timepicker/timepicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { TimePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['allowEdit', 'cssClass', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
+export var properties = ['islazyUpdate', 'allowEdit', 'cssClass', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -101,6 +101,7 @@ var TimePickerComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -120,8 +121,10 @@ var TimePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/styles/bootstrap-dark.css

@@ -360,6 +360,11 @@ ejs-calendar {
   width: 34px;
 }
 
+.e-calendar .e-content.e-month td.e-today span.e-day,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 28px;
+}
+
 .e-calendar .e-content.e-year table,
 .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -531,6 +536,11 @@ ejs-calendar {
   width: 36px;
 }
 
+.e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
+*.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 30px;
+}
+
 .e-bigger.e-calendar .e-content.e-month td,
 *.e-bigger .e-calendar .e-content.e-month td {
   height: 0;
@@ -589,6 +599,11 @@ ejs-calendar {
   width: 34px;
 }
 
+.e-small.e-calendar .e-content.e-month td.e-today span.e-day,
+.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 24px;
+}
+
 .e-small.e-calendar .e-content.e-month td,
 .e-small .e-calendar .e-content.e-month td {
   height: 24px;
@@ -724,7 +739,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #f0f0f0;
 }
 
@@ -939,7 +954,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #0070f0;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/bootstrap.css

@@ -361,6 +361,11 @@ ejs-calendar {
   width: 34px;
 }
 
+.e-calendar .e-content.e-month td.e-today span.e-day,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 28px;
+}
+
 .e-calendar .e-content.e-year table,
 .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -532,6 +537,11 @@ ejs-calendar {
   width: 36px;
 }
 
+.e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
+*.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 30px;
+}
+
 .e-bigger.e-calendar .e-content.e-month td,
 *.e-bigger .e-calendar .e-content.e-month td {
   height: 0;
@@ -590,6 +600,11 @@ ejs-calendar {
   width: 34px;
 }
 
+.e-small.e-calendar .e-content.e-month td.e-today span.e-day,
+.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 24px;
+}
+
 .e-small.e-calendar .e-content.e-month td,
 .e-small .e-calendar .e-content.e-month td {
   height: 24px;
@@ -725,7 +740,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #333;
 }
 
@@ -940,7 +955,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #317ab9;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/bootstrap4.css

@@ -361,6 +361,11 @@ ejs-calendar {
   width: 32px;
 }
 
+.e-calendar .e-content.e-month td.e-today span.e-day,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 28px;
+}
+
 .e-calendar .e-content.e-year table,
 .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -532,6 +537,11 @@ ejs-calendar {
   width: 38px;
 }
 
+.e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
+*.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 32px;
+}
+
 .e-bigger.e-calendar .e-content.e-month td,
 *.e-bigger .e-calendar .e-content.e-month td {
   height: 0;
@@ -590,6 +600,11 @@ ejs-calendar {
   width: 34px;
 }
 
+.e-small.e-calendar .e-content.e-month td.e-today span.e-day,
+.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
+  line-height: 24px;
+}
+
 .e-small.e-calendar .e-content.e-month td,
 .e-small .e-calendar .e-content.e-month td {
   height: 24px;
@@ -725,7 +740,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #fff;
 }
 
@@ -940,7 +955,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #007bff;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }