@syncfusion/ej2-vue-calendars 20.2.50 → 20.3.47
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 +2 -18
- package/dist/ej2-vue-calendars.umd.min.js +1 -1
- package/dist/es6/ej2-vue-calendars.es2015.js +38 -44
- package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-calendars.es5.js +38 -44
- 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.d.ts +0 -1
- package/src/calendar/calendar.component.js +3 -4
- package/src/datepicker/datepicker.component.d.ts +0 -1
- package/src/datepicker/datepicker.component.js +3 -4
- package/src/daterangepicker/daterangepicker.component.d.ts +0 -1
- package/src/daterangepicker/daterangepicker.component.js +3 -4
- package/src/daterangepicker/presets.directive.d.ts +0 -1
- package/src/daterangepicker/presets.directive.js +5 -6
- package/src/datetimepicker/datetimepicker.component.d.ts +0 -1
- package/src/datetimepicker/datetimepicker.component.js +3 -4
- package/src/timepicker/timepicker.component.d.ts +0 -1
- package/src/timepicker/timepicker.component.js +3 -4
- package/styles/bootstrap-dark.css +13 -184
- package/styles/bootstrap.css +13 -184
- package/styles/bootstrap4.css +13 -184
- package/styles/bootstrap5-dark.css +18 -186
- package/styles/bootstrap5.css +18 -186
- package/styles/calendar/bootstrap-dark.css +1 -0
- package/styles/calendar/bootstrap.css +1 -0
- package/styles/calendar/bootstrap4.css +1 -0
- package/styles/calendar/bootstrap5-dark.css +1 -0
- package/styles/calendar/bootstrap5.css +1 -0
- package/styles/calendar/fabric-dark.css +1 -0
- package/styles/calendar/fabric.css +1 -0
- package/styles/calendar/fluent-dark.css +1 -0
- package/styles/calendar/fluent.css +1 -0
- package/styles/calendar/highcontrast-light.css +1 -0
- package/styles/calendar/highcontrast.css +1 -0
- package/styles/calendar/material-dark.css +1 -0
- package/styles/calendar/material.css +1 -0
- package/styles/calendar/tailwind-dark.css +2 -0
- package/styles/calendar/tailwind.css +2 -0
- package/styles/datepicker/bootstrap-dark.css +3 -80
- package/styles/datepicker/bootstrap.css +3 -80
- package/styles/datepicker/bootstrap4.css +3 -80
- package/styles/datepicker/bootstrap5-dark.css +4 -81
- package/styles/datepicker/bootstrap5.css +4 -81
- package/styles/datepicker/fabric-dark.css +3 -80
- package/styles/datepicker/fabric.css +3 -80
- package/styles/datepicker/fluent-dark.css +4 -81
- package/styles/datepicker/fluent.css +4 -81
- package/styles/datepicker/highcontrast-light.css +3 -80
- package/styles/datepicker/highcontrast.css +3 -80
- package/styles/datepicker/material-dark.css +3 -80
- package/styles/datepicker/material.css +9 -3
- package/styles/datepicker/tailwind-dark.css +4 -81
- package/styles/datepicker/tailwind.css +4 -81
- package/styles/daterangepicker/bootstrap-dark.css +3 -104
- package/styles/daterangepicker/bootstrap.css +3 -104
- package/styles/daterangepicker/bootstrap4.css +3 -104
- package/styles/daterangepicker/bootstrap5-dark.css +5 -105
- package/styles/daterangepicker/bootstrap5.css +5 -105
- package/styles/daterangepicker/fabric-dark.css +3 -104
- package/styles/daterangepicker/fabric.css +3 -104
- package/styles/daterangepicker/fluent-dark.css +4 -105
- package/styles/daterangepicker/fluent.css +4 -105
- package/styles/daterangepicker/highcontrast-light.css +3 -104
- package/styles/daterangepicker/highcontrast.css +3 -104
- package/styles/daterangepicker/material-dark.css +5 -106
- package/styles/daterangepicker/material.css +12 -0
- package/styles/daterangepicker/tailwind-dark.css +5 -105
- package/styles/daterangepicker/tailwind.css +5 -105
- package/styles/datetimepicker/bootstrap-dark.css +2 -0
- package/styles/datetimepicker/bootstrap.css +2 -0
- package/styles/datetimepicker/bootstrap4.css +2 -0
- package/styles/datetimepicker/bootstrap5-dark.css +3 -0
- package/styles/datetimepicker/bootstrap5.css +3 -0
- package/styles/datetimepicker/fabric-dark.css +2 -0
- package/styles/datetimepicker/fabric.css +2 -0
- package/styles/datetimepicker/fluent-dark.css +3 -0
- package/styles/datetimepicker/fluent.css +3 -0
- package/styles/datetimepicker/highcontrast-light.css +2 -0
- package/styles/datetimepicker/highcontrast.css +2 -0
- package/styles/datetimepicker/material-dark.css +2 -0
- package/styles/datetimepicker/material.css +2 -0
- package/styles/datetimepicker/tailwind-dark.css +3 -0
- package/styles/datetimepicker/tailwind.css +3 -0
- package/styles/fabric-dark.css +13 -184
- package/styles/fabric.css +13 -186
- package/styles/fluent-dark.css +17 -186
- package/styles/fluent.css +17 -186
- package/styles/highcontrast-light.css +13 -184
- package/styles/highcontrast.css +13 -184
- package/styles/material-dark.css +15 -186
- package/styles/material.css +28 -3
- package/styles/tailwind-dark.css +19 -186
- package/styles/tailwind.css +19 -186
- package/styles/timepicker/bootstrap-dark.css +4 -0
- package/styles/timepicker/bootstrap.css +4 -0
- package/styles/timepicker/bootstrap4.css +4 -0
- package/styles/timepicker/bootstrap5-dark.css +5 -0
- package/styles/timepicker/bootstrap5.css +5 -0
- package/styles/timepicker/fabric-dark.css +4 -0
- package/styles/timepicker/fabric.css +4 -0
- package/styles/timepicker/fluent-dark.css +5 -0
- package/styles/timepicker/fluent.css +5 -0
- package/styles/timepicker/highcontrast-light.css +4 -0
- package/styles/timepicker/highcontrast.css +4 -0
- package/styles/timepicker/material-dark.css +4 -0
- package/styles/timepicker/material.css +4 -0
- package/styles/timepicker/tailwind-dark.css +5 -0
- package/styles/timepicker/tailwind.css +5 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
-
###
|
|
5
|
+
### DateRangePicker
|
|
6
6
|
|
|
7
7
|
#### Bug Fixes
|
|
8
8
|
|
|
9
|
-
- `#
|
|
9
|
+
- `#F171486` - Issue with "performance delay in the popup open while entering invalid start or end date value" has been resolved.
|
|
10
10
|
|
|
11
11
|
## 19.3.46 (2021-10-19)
|
|
12
12
|
|
|
@@ -1232,22 +1232,6 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
|
|
|
1232
1232
|
- **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.
|
|
1233
1233
|
|
|
1234
1234
|
|
|
1235
|
-
## 20.2.45 (2022-08-23)
|
|
1236
|
-
|
|
1237
|
-
### DatePicker
|
|
1238
|
-
|
|
1239
|
-
#### Bug Fixes
|
|
1240
|
-
|
|
1241
|
-
- `#I393644` - Issue with "selected value is not editable on input when popup is in open state" has been resolved.
|
|
1242
|
-
|
|
1243
|
-
## 20.2.36 (2022-06-30)
|
|
1244
|
-
|
|
1245
|
-
### DateRangePicker
|
|
1246
|
-
|
|
1247
|
-
#### Bug Fixes
|
|
1248
|
-
|
|
1249
|
-
- `#F171486` - Issue with "performance delay in the popup open while entering invalid start or end date value" has been resolved.
|
|
1250
|
-
|
|
1251
1235
|
## 19.1.56 (2021-04-13)
|
|
1252
1236
|
|
|
1253
1237
|
### DateRangePicker
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-vue-calendars.umd.min.js
|
|
3
|
-
* version : 20.
|
|
3
|
+
* version : 20.3.47
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker } from '@syncfusion/ej2-calendars';
|
|
2
2
|
import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
|
|
3
|
-
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
|
|
3
|
+
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
|
|
4
4
|
import { Vue } from 'vue-class-component';
|
|
5
5
|
import Vue$1 from 'vue';
|
|
6
6
|
|
|
@@ -21,7 +21,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
|
|
|
21
21
|
for (let props of modelProps) {
|
|
22
22
|
emitProbs.push('update:' + props);
|
|
23
23
|
}
|
|
24
|
-
const isExecute = gh ? false : true;
|
|
25
24
|
/**
|
|
26
25
|
* Represents the Essential JS 2 VueJS Calendar Component.
|
|
27
26
|
* ```html
|
|
@@ -143,10 +142,10 @@ class CalendarComponent extends ComponentBase {
|
|
|
143
142
|
}
|
|
144
143
|
}
|
|
145
144
|
render(createElement) {
|
|
146
|
-
let h = gh
|
|
145
|
+
let h = !isExecute ? gh : createElement;
|
|
147
146
|
let slots = null;
|
|
148
147
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
149
|
-
slots =
|
|
148
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
150
149
|
}
|
|
151
150
|
return h('div', slots);
|
|
152
151
|
}
|
|
@@ -214,7 +213,6 @@ emitProbs$1.push('modelchanged', 'update:modelValue');
|
|
|
214
213
|
for (let props of modelProps$1) {
|
|
215
214
|
emitProbs$1.push('update:' + props);
|
|
216
215
|
}
|
|
217
|
-
const isExecute$1 = gh ? false : true;
|
|
218
216
|
/**
|
|
219
217
|
* Represents the Essential JS 2 VueJS DatePicker Component.
|
|
220
218
|
* ```html
|
|
@@ -241,7 +239,7 @@ class DatePickerComponent extends ComponentBase {
|
|
|
241
239
|
this.hasInjectedModules = true;
|
|
242
240
|
this.tagMapper = {};
|
|
243
241
|
this.tagNameMapper = {};
|
|
244
|
-
this.isVue3 = !isExecute
|
|
242
|
+
this.isVue3 = !isExecute;
|
|
245
243
|
this.ej2Instances = new DatePicker({});
|
|
246
244
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
247
245
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -297,14 +295,14 @@ class DatePickerComponent extends ComponentBase {
|
|
|
297
295
|
}
|
|
298
296
|
}
|
|
299
297
|
trigger(eventName, eventProp, successHandler) {
|
|
300
|
-
if (!isExecute
|
|
298
|
+
if (!isExecute) {
|
|
301
299
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
302
300
|
}
|
|
303
301
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
304
302
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
305
303
|
let propKey = key[0];
|
|
306
304
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
307
|
-
if (!isExecute
|
|
305
|
+
if (!isExecute) {
|
|
308
306
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
309
307
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
310
308
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -321,7 +319,7 @@ class DatePickerComponent extends ComponentBase {
|
|
|
321
319
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
322
320
|
let propKey = key[0];
|
|
323
321
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
324
|
-
if (!isExecute
|
|
322
|
+
if (!isExecute) {
|
|
325
323
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
326
324
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
327
325
|
}
|
|
@@ -336,10 +334,10 @@ class DatePickerComponent extends ComponentBase {
|
|
|
336
334
|
}
|
|
337
335
|
}
|
|
338
336
|
render(createElement) {
|
|
339
|
-
let h = gh
|
|
337
|
+
let h = !isExecute ? gh : createElement;
|
|
340
338
|
let slots = null;
|
|
341
339
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
342
|
-
slots =
|
|
340
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
343
341
|
}
|
|
344
342
|
return h('input', slots);
|
|
345
343
|
}
|
|
@@ -383,7 +381,7 @@ DatePickerComponent = __decorate$1([
|
|
|
383
381
|
model: {
|
|
384
382
|
event: 'modelchanged'
|
|
385
383
|
}
|
|
386
|
-
}, isExecute
|
|
384
|
+
}, isExecute)
|
|
387
385
|
/* Start Options({
|
|
388
386
|
props: props,
|
|
389
387
|
watch: watch,
|
|
@@ -419,7 +417,6 @@ emitProbs$2.push('modelchanged', 'update:modelValue');
|
|
|
419
417
|
for (let props of modelProps$2) {
|
|
420
418
|
emitProbs$2.push('update:' + props);
|
|
421
419
|
}
|
|
422
|
-
const isExecute$2 = gh ? false : true;
|
|
423
420
|
/**
|
|
424
421
|
* Represents the Essential JS 2 VueJS TimePicker Component.
|
|
425
422
|
* ```html
|
|
@@ -446,7 +443,7 @@ class TimePickerComponent extends ComponentBase {
|
|
|
446
443
|
this.hasInjectedModules = true;
|
|
447
444
|
this.tagMapper = {};
|
|
448
445
|
this.tagNameMapper = {};
|
|
449
|
-
this.isVue3 = !isExecute
|
|
446
|
+
this.isVue3 = !isExecute;
|
|
450
447
|
this.ej2Instances = new TimePicker({});
|
|
451
448
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
452
449
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -502,14 +499,14 @@ class TimePickerComponent extends ComponentBase {
|
|
|
502
499
|
}
|
|
503
500
|
}
|
|
504
501
|
trigger(eventName, eventProp, successHandler) {
|
|
505
|
-
if (!isExecute
|
|
502
|
+
if (!isExecute) {
|
|
506
503
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
507
504
|
}
|
|
508
505
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
509
506
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
510
507
|
let propKey = key[0];
|
|
511
508
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
512
|
-
if (!isExecute
|
|
509
|
+
if (!isExecute) {
|
|
513
510
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
514
511
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
515
512
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -526,7 +523,7 @@ class TimePickerComponent extends ComponentBase {
|
|
|
526
523
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
527
524
|
let propKey = key[0];
|
|
528
525
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
529
|
-
if (!isExecute
|
|
526
|
+
if (!isExecute) {
|
|
530
527
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
531
528
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
532
529
|
}
|
|
@@ -541,10 +538,10 @@ class TimePickerComponent extends ComponentBase {
|
|
|
541
538
|
}
|
|
542
539
|
}
|
|
543
540
|
render(createElement) {
|
|
544
|
-
let h = gh
|
|
541
|
+
let h = !isExecute ? gh : createElement;
|
|
545
542
|
let slots = null;
|
|
546
543
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
547
|
-
slots =
|
|
544
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
548
545
|
}
|
|
549
546
|
return h('input', slots);
|
|
550
547
|
}
|
|
@@ -573,7 +570,7 @@ TimePickerComponent = __decorate$2([
|
|
|
573
570
|
model: {
|
|
574
571
|
event: 'modelchanged'
|
|
575
572
|
}
|
|
576
|
-
}, isExecute
|
|
573
|
+
}, isExecute)
|
|
577
574
|
/* Start Options({
|
|
578
575
|
props: props,
|
|
579
576
|
watch: watch,
|
|
@@ -599,9 +596,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
599
596
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
600
597
|
};
|
|
601
598
|
// {{VueImport}}
|
|
602
|
-
const isExecute$3 = gh ? false : true;
|
|
603
599
|
let vueImport;
|
|
604
|
-
if (!isExecute
|
|
600
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
605
601
|
vueImport = Vue;
|
|
606
602
|
}
|
|
607
603
|
else {
|
|
@@ -620,18 +616,18 @@ class PresetsDirective extends vueImport {
|
|
|
620
616
|
super(arguments);
|
|
621
617
|
}
|
|
622
618
|
render(createElement) {
|
|
623
|
-
if (
|
|
624
|
-
let h = gh
|
|
619
|
+
if (!isExecute) {
|
|
620
|
+
let h = !isExecute ? gh : createElement;
|
|
625
621
|
let slots = null;
|
|
626
622
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
627
|
-
slots =
|
|
623
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
628
624
|
}
|
|
629
625
|
return h('div', { class: 'e-directive' }, slots);
|
|
630
626
|
}
|
|
631
627
|
return;
|
|
632
628
|
}
|
|
633
629
|
updated() {
|
|
634
|
-
if (
|
|
630
|
+
if (!isExecute && this.custom) {
|
|
635
631
|
this.custom();
|
|
636
632
|
}
|
|
637
633
|
}
|
|
@@ -640,7 +636,7 @@ class PresetsDirective extends vueImport {
|
|
|
640
636
|
}
|
|
641
637
|
};
|
|
642
638
|
PresetsDirective = __decorate$3([
|
|
643
|
-
EJComponentDecorator({}, isExecute
|
|
639
|
+
EJComponentDecorator({}, isExecute)
|
|
644
640
|
/* Start Options({
|
|
645
641
|
inject: {
|
|
646
642
|
custom: {
|
|
@@ -676,7 +672,7 @@ let PresetDirective = class PresetDirective extends vueImport {
|
|
|
676
672
|
}
|
|
677
673
|
};
|
|
678
674
|
PresetDirective = __decorate$3([
|
|
679
|
-
EJComponentDecorator({}, isExecute
|
|
675
|
+
EJComponentDecorator({}, isExecute)
|
|
680
676
|
], PresetDirective);
|
|
681
677
|
const PresetPlugin = {
|
|
682
678
|
name: 'e-preset',
|
|
@@ -702,7 +698,6 @@ emitProbs$3.push('modelchanged', 'update:modelValue');
|
|
|
702
698
|
for (let props of modelProps$3) {
|
|
703
699
|
emitProbs$3.push('update:' + props);
|
|
704
700
|
}
|
|
705
|
-
const isExecute$4 = gh ? false : true;
|
|
706
701
|
/**
|
|
707
702
|
* Represents the Essential JS 2 VueJS DateRangePicker Component.
|
|
708
703
|
* ```html
|
|
@@ -729,7 +724,7 @@ class DateRangePickerComponent extends ComponentBase {
|
|
|
729
724
|
this.hasInjectedModules = false;
|
|
730
725
|
this.tagMapper = { "e-presets": "e-preset" };
|
|
731
726
|
this.tagNameMapper = {};
|
|
732
|
-
this.isVue3 = !isExecute
|
|
727
|
+
this.isVue3 = !isExecute;
|
|
733
728
|
this.ej2Instances = new DateRangePicker({});
|
|
734
729
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
735
730
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -785,14 +780,14 @@ class DateRangePickerComponent extends ComponentBase {
|
|
|
785
780
|
}
|
|
786
781
|
}
|
|
787
782
|
trigger(eventName, eventProp, successHandler) {
|
|
788
|
-
if (!isExecute
|
|
783
|
+
if (!isExecute) {
|
|
789
784
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
790
785
|
}
|
|
791
786
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
792
787
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
793
788
|
let propKey = key[0];
|
|
794
789
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
795
|
-
if (!isExecute
|
|
790
|
+
if (!isExecute) {
|
|
796
791
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
797
792
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
798
793
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -809,7 +804,7 @@ class DateRangePickerComponent extends ComponentBase {
|
|
|
809
804
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
810
805
|
let propKey = key[0];
|
|
811
806
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
812
|
-
if (!isExecute
|
|
807
|
+
if (!isExecute) {
|
|
813
808
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
814
809
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
815
810
|
}
|
|
@@ -824,10 +819,10 @@ class DateRangePickerComponent extends ComponentBase {
|
|
|
824
819
|
}
|
|
825
820
|
}
|
|
826
821
|
render(createElement) {
|
|
827
|
-
let h = gh
|
|
822
|
+
let h = !isExecute ? gh : createElement;
|
|
828
823
|
let slots = null;
|
|
829
824
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
830
|
-
slots =
|
|
825
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
831
826
|
}
|
|
832
827
|
return h('input', slots);
|
|
833
828
|
}
|
|
@@ -859,7 +854,7 @@ DateRangePickerComponent = __decorate$4([
|
|
|
859
854
|
model: {
|
|
860
855
|
event: 'modelchanged'
|
|
861
856
|
}
|
|
862
|
-
}, isExecute
|
|
857
|
+
}, isExecute)
|
|
863
858
|
/* Start Options({
|
|
864
859
|
props: props,
|
|
865
860
|
watch: watch,
|
|
@@ -897,7 +892,6 @@ emitProbs$4.push('modelchanged', 'update:modelValue');
|
|
|
897
892
|
for (let props of modelProps$4) {
|
|
898
893
|
emitProbs$4.push('update:' + props);
|
|
899
894
|
}
|
|
900
|
-
const isExecute$5 = gh ? false : true;
|
|
901
895
|
/**
|
|
902
896
|
* Represents the Essential JS 2 VueJS DateTimePicker Component.
|
|
903
897
|
* ```html
|
|
@@ -924,7 +918,7 @@ class DateTimePickerComponent extends ComponentBase {
|
|
|
924
918
|
this.hasInjectedModules = true;
|
|
925
919
|
this.tagMapper = {};
|
|
926
920
|
this.tagNameMapper = {};
|
|
927
|
-
this.isVue3 = !isExecute
|
|
921
|
+
this.isVue3 = !isExecute;
|
|
928
922
|
this.ej2Instances = new DateTimePicker({});
|
|
929
923
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
930
924
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -980,14 +974,14 @@ class DateTimePickerComponent extends ComponentBase {
|
|
|
980
974
|
}
|
|
981
975
|
}
|
|
982
976
|
trigger(eventName, eventProp, successHandler) {
|
|
983
|
-
if (!isExecute
|
|
977
|
+
if (!isExecute) {
|
|
984
978
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
985
979
|
}
|
|
986
980
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
987
981
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
988
982
|
let propKey = key[0];
|
|
989
983
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
990
|
-
if (!isExecute
|
|
984
|
+
if (!isExecute) {
|
|
991
985
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
992
986
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
993
987
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -1004,7 +998,7 @@ class DateTimePickerComponent extends ComponentBase {
|
|
|
1004
998
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
1005
999
|
let propKey = key[0];
|
|
1006
1000
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1007
|
-
if (!isExecute
|
|
1001
|
+
if (!isExecute) {
|
|
1008
1002
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1009
1003
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1010
1004
|
}
|
|
@@ -1019,10 +1013,10 @@ class DateTimePickerComponent extends ComponentBase {
|
|
|
1019
1013
|
}
|
|
1020
1014
|
}
|
|
1021
1015
|
render(createElement) {
|
|
1022
|
-
let h = gh
|
|
1016
|
+
let h = !isExecute ? gh : createElement;
|
|
1023
1017
|
let slots = null;
|
|
1024
1018
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1025
|
-
slots =
|
|
1019
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1026
1020
|
}
|
|
1027
1021
|
return h('input', slots);
|
|
1028
1022
|
}
|
|
@@ -1069,7 +1063,7 @@ DateTimePickerComponent = __decorate$5([
|
|
|
1069
1063
|
model: {
|
|
1070
1064
|
event: 'modelchanged'
|
|
1071
1065
|
}
|
|
1072
|
-
}, isExecute
|
|
1066
|
+
}, isExecute)
|
|
1073
1067
|
/* Start Options({
|
|
1074
1068
|
props: props,
|
|
1075
1069
|
watch: watch,
|