@syncfusion/ej2-vue-calendars 19.2.62 → 19.3.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/ej2-vue-calendars.umd.min.js +1 -1
- package/dist/es6/ej2-vue-calendars.es2015.js +30 -15
- package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-calendars.es5.js +30 -15
- package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
- package/dist/global/ej2-vue-calendars.min.js +2 -2
- package/package.json +8 -8
- package/src/calendar/calendar.component.js +6 -3
- package/src/datepicker/datepicker.component.js +6 -3
- package/src/daterangepicker/daterangepicker.component.js +6 -3
- package/src/datetimepicker/datetimepicker.component.js +6 -3
- package/src/timepicker/timepicker.component.js +6 -3
- package/styles/bootstrap-dark.css +17 -2
- package/styles/bootstrap.css +17 -2
- package/styles/bootstrap4.css +17 -2
- package/styles/bootstrap5-dark.css +2676 -0
- package/styles/bootstrap5-dark.scss +5 -0
- package/styles/bootstrap5.css +2676 -0
- package/styles/bootstrap5.scss +5 -0
- package/styles/calendar/bootstrap-dark.css +17 -2
- package/styles/calendar/bootstrap.css +17 -2
- package/styles/calendar/bootstrap4.css +17 -2
- package/styles/calendar/bootstrap5-dark.css +1038 -0
- package/styles/calendar/bootstrap5-dark.scss +1 -0
- package/styles/calendar/bootstrap5.css +1038 -0
- package/styles/calendar/bootstrap5.scss +1 -0
- package/styles/calendar/fabric-dark.css +15 -0
- package/styles/calendar/fabric.css +15 -0
- package/styles/calendar/highcontrast-light.css +15 -0
- package/styles/calendar/highcontrast.css +15 -0
- package/styles/calendar/material-dark.css +28 -13
- package/styles/calendar/material.css +15 -0
- package/styles/calendar/tailwind-dark.css +17 -2
- package/styles/calendar/tailwind.css +17 -2
- package/styles/datepicker/bootstrap5-dark.css +177 -0
- package/styles/datepicker/bootstrap5-dark.scss +1 -0
- package/styles/datepicker/bootstrap5.css +177 -0
- package/styles/datepicker/bootstrap5.scss +1 -0
- package/styles/datepicker/material-dark.css +3 -3
- package/styles/daterangepicker/bootstrap5-dark.css +1029 -0
- package/styles/daterangepicker/bootstrap5-dark.scss +1 -0
- package/styles/daterangepicker/bootstrap5.css +1029 -0
- package/styles/daterangepicker/bootstrap5.scss +1 -0
- package/styles/daterangepicker/material-dark.css +9 -9
- package/styles/datetimepicker/bootstrap5-dark.css +205 -0
- package/styles/datetimepicker/bootstrap5-dark.scss +1 -0
- package/styles/datetimepicker/bootstrap5.css +205 -0
- package/styles/datetimepicker/bootstrap5.scss +1 -0
- package/styles/datetimepicker/material-dark.css +4 -4
- package/styles/fabric-dark.css +15 -0
- package/styles/fabric.css +15 -0
- package/styles/highcontrast-light.css +15 -0
- package/styles/highcontrast.css +15 -0
- package/styles/material-dark.css +48 -33
- package/styles/material.css +15 -0
- package/styles/tailwind-dark.css +17 -2
- package/styles/tailwind.css +17 -2
- package/styles/timepicker/bootstrap5-dark.css +223 -0
- package/styles/timepicker/bootstrap5-dark.scss +1 -0
- package/styles/timepicker/bootstrap5.css +223 -0
- package/styles/timepicker/bootstrap5.scss +1 -0
- package/styles/timepicker/material-dark.css +4 -4
|
@@ -24,7 +24,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
|
|
|
24
24
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
25
25
|
};
|
|
26
26
|
import { Options } from 'vue-class-component';
|
|
27
|
-
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'];
|
|
27
|
+
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'];
|
|
28
28
|
var modelProps = ['value', 'values'];
|
|
29
29
|
var testProp = getProps({ props: properties });
|
|
30
30
|
var props = testProp[0];
|
|
@@ -103,6 +103,7 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
103
103
|
}
|
|
104
104
|
else {
|
|
105
105
|
_this.$emit('update:' + key, prop[key]);
|
|
106
|
+
_this.$emit('modelchanged', prop[key]);
|
|
106
107
|
}
|
|
107
108
|
}
|
|
108
109
|
});
|
|
@@ -122,8 +123,10 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
122
123
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
123
124
|
}
|
|
124
125
|
else {
|
|
125
|
-
|
|
126
|
-
|
|
126
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
127
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
128
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
129
|
+
}
|
|
127
130
|
}
|
|
128
131
|
}
|
|
129
132
|
}
|
|
@@ -213,7 +216,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
213
216
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
214
217
|
};
|
|
215
218
|
// {{VueImport}}
|
|
216
|
-
var properties$1 = ['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'];
|
|
219
|
+
var properties$1 = ['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'];
|
|
217
220
|
var modelProps$1 = ['value'];
|
|
218
221
|
var testProp$1 = getProps({ props: properties$1 });
|
|
219
222
|
var props$1 = testProp$1[0];
|
|
@@ -292,6 +295,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
292
295
|
}
|
|
293
296
|
else {
|
|
294
297
|
_this.$emit('update:' + key, prop[key]);
|
|
298
|
+
_this.$emit('modelchanged', prop[key]);
|
|
295
299
|
}
|
|
296
300
|
}
|
|
297
301
|
});
|
|
@@ -311,8 +315,10 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
311
315
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
312
316
|
}
|
|
313
317
|
else {
|
|
314
|
-
|
|
315
|
-
|
|
318
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
319
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
320
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
321
|
+
}
|
|
316
322
|
}
|
|
317
323
|
}
|
|
318
324
|
}
|
|
@@ -414,7 +420,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
414
420
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
415
421
|
};
|
|
416
422
|
// {{VueImport}}
|
|
417
|
-
var properties$2 = ['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'];
|
|
423
|
+
var properties$2 = ['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'];
|
|
418
424
|
var modelProps$2 = ['value'];
|
|
419
425
|
var testProp$2 = getProps({ props: properties$2 });
|
|
420
426
|
var props$2 = testProp$2[0];
|
|
@@ -493,6 +499,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
493
499
|
}
|
|
494
500
|
else {
|
|
495
501
|
_this.$emit('update:' + key, prop[key]);
|
|
502
|
+
_this.$emit('modelchanged', prop[key]);
|
|
496
503
|
}
|
|
497
504
|
}
|
|
498
505
|
});
|
|
@@ -512,8 +519,10 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
512
519
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
513
520
|
}
|
|
514
521
|
else {
|
|
515
|
-
|
|
516
|
-
|
|
522
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
523
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
524
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
525
|
+
}
|
|
517
526
|
}
|
|
518
527
|
}
|
|
519
528
|
}
|
|
@@ -684,7 +693,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
684
693
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
685
694
|
};
|
|
686
695
|
// {{VueImport}}
|
|
687
|
-
var properties$3 = ['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'];
|
|
696
|
+
var properties$3 = ['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'];
|
|
688
697
|
var modelProps$3 = ['startDate', 'endDate', 'value'];
|
|
689
698
|
var testProp$3 = getProps({ props: properties$3 });
|
|
690
699
|
var props$3 = testProp$3[0];
|
|
@@ -763,6 +772,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
763
772
|
}
|
|
764
773
|
else {
|
|
765
774
|
_this.$emit('update:' + key, prop[key]);
|
|
775
|
+
_this.$emit('modelchanged', prop[key]);
|
|
766
776
|
}
|
|
767
777
|
}
|
|
768
778
|
});
|
|
@@ -782,8 +792,10 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
782
792
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
783
793
|
}
|
|
784
794
|
else {
|
|
785
|
-
|
|
786
|
-
|
|
795
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
796
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
797
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
798
|
+
}
|
|
787
799
|
}
|
|
788
800
|
}
|
|
789
801
|
}
|
|
@@ -875,7 +887,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
875
887
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
876
888
|
};
|
|
877
889
|
// {{VueImport}}
|
|
878
|
-
var properties$4 = ['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'];
|
|
890
|
+
var properties$4 = ['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'];
|
|
879
891
|
var modelProps$4 = ['value'];
|
|
880
892
|
var testProp$4 = getProps({ props: properties$4 });
|
|
881
893
|
var props$4 = testProp$4[0];
|
|
@@ -954,6 +966,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
954
966
|
}
|
|
955
967
|
else {
|
|
956
968
|
_this.$emit('update:' + key, prop[key]);
|
|
969
|
+
_this.$emit('modelchanged', prop[key]);
|
|
957
970
|
}
|
|
958
971
|
}
|
|
959
972
|
});
|
|
@@ -973,8 +986,10 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
973
986
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
974
987
|
}
|
|
975
988
|
else {
|
|
976
|
-
|
|
977
|
-
|
|
989
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
990
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
991
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
992
|
+
}
|
|
978
993
|
}
|
|
979
994
|
}
|
|
980
995
|
}
|