@syncfusion/ej2-vue-calendars 19.4.56 → 20.1.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.
Files changed (111) hide show
  1. package/CHANGELOG.md +6 -24
  2. package/dist/ej2-vue-calendars.umd.min.js +2 -2
  3. package/dist/es6/ej2-vue-calendars.es2015.js +114 -12
  4. package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-calendars.es5.js +73 -7
  6. package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-calendars.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/calendar/calendar.component.d.ts +1 -0
  10. package/src/calendar/calendar.component.js +10 -1
  11. package/src/datepicker/datepicker.component.d.ts +1 -0
  12. package/src/datepicker/datepicker.component.js +10 -1
  13. package/src/daterangepicker/daterangepicker.component.d.ts +1 -0
  14. package/src/daterangepicker/daterangepicker.component.js +10 -1
  15. package/src/daterangepicker/presets.directive.d.ts +3 -1
  16. package/src/daterangepicker/presets.directive.js +24 -2
  17. package/src/datetimepicker/datetimepicker.component.d.ts +1 -0
  18. package/src/datetimepicker/datetimepicker.component.js +10 -1
  19. package/src/timepicker/timepicker.component.d.ts +1 -0
  20. package/src/timepicker/timepicker.component.js +10 -1
  21. package/styles/bootstrap-dark.css +82 -31
  22. package/styles/bootstrap.css +82 -31
  23. package/styles/bootstrap4.css +82 -31
  24. package/styles/bootstrap5-dark.css +140 -45
  25. package/styles/bootstrap5.css +134 -39
  26. package/styles/calendar/bootstrap-dark.css +9 -5
  27. package/styles/calendar/bootstrap.css +9 -5
  28. package/styles/calendar/bootstrap4.css +9 -5
  29. package/styles/calendar/bootstrap5-dark.css +62 -14
  30. package/styles/calendar/bootstrap5.css +58 -10
  31. package/styles/calendar/fabric-dark.css +4 -0
  32. package/styles/calendar/fabric.css +4 -0
  33. package/styles/calendar/fluent-dark.css +1189 -0
  34. package/styles/calendar/fluent-dark.scss +1 -0
  35. package/styles/calendar/fluent.css +1189 -0
  36. package/styles/calendar/fluent.scss +1 -0
  37. package/styles/calendar/highcontrast-light.css +4 -0
  38. package/styles/calendar/highcontrast.css +4 -0
  39. package/styles/calendar/material-dark.css +4 -0
  40. package/styles/calendar/material.css +4 -0
  41. package/styles/calendar/tailwind-dark.css +158 -34
  42. package/styles/calendar/tailwind.css +158 -34
  43. package/styles/datepicker/bootstrap-dark.css +12 -2
  44. package/styles/datepicker/bootstrap.css +12 -2
  45. package/styles/datepicker/bootstrap4.css +12 -2
  46. package/styles/datepicker/bootstrap5-dark.css +12 -2
  47. package/styles/datepicker/bootstrap5.css +12 -2
  48. package/styles/datepicker/fabric-dark.css +12 -2
  49. package/styles/datepicker/fabric.css +12 -2
  50. package/styles/datepicker/fluent-dark.css +189 -0
  51. package/styles/datepicker/fluent-dark.scss +1 -0
  52. package/styles/datepicker/fluent.css +189 -0
  53. package/styles/datepicker/fluent.scss +1 -0
  54. package/styles/datepicker/highcontrast-light.css +12 -2
  55. package/styles/datepicker/highcontrast.css +12 -2
  56. package/styles/datepicker/material-dark.css +12 -2
  57. package/styles/datepicker/material.css +12 -2
  58. package/styles/datepicker/tailwind-dark.css +15 -5
  59. package/styles/datepicker/tailwind.css +15 -5
  60. package/styles/daterangepicker/bootstrap-dark.css +60 -24
  61. package/styles/daterangepicker/bootstrap.css +60 -24
  62. package/styles/daterangepicker/bootstrap4.css +60 -24
  63. package/styles/daterangepicker/bootstrap5-dark.css +65 -29
  64. package/styles/daterangepicker/bootstrap5.css +63 -27
  65. package/styles/daterangepicker/fabric-dark.css +60 -24
  66. package/styles/daterangepicker/fabric.css +60 -24
  67. package/styles/daterangepicker/fluent-dark.css +1055 -0
  68. package/styles/daterangepicker/fluent-dark.scss +1 -0
  69. package/styles/daterangepicker/fluent.css +1055 -0
  70. package/styles/daterangepicker/fluent.scss +1 -0
  71. package/styles/daterangepicker/highcontrast-light.css +60 -24
  72. package/styles/daterangepicker/highcontrast.css +60 -24
  73. package/styles/daterangepicker/material-dark.css +60 -24
  74. package/styles/daterangepicker/material.css +60 -24
  75. package/styles/daterangepicker/tailwind-dark.css +137 -93
  76. package/styles/daterangepicker/tailwind.css +137 -93
  77. package/styles/datetimepicker/fluent-dark.css +205 -0
  78. package/styles/datetimepicker/fluent-dark.scss +1 -0
  79. package/styles/datetimepicker/fluent.css +205 -0
  80. package/styles/datetimepicker/fluent.scss +1 -0
  81. package/styles/datetimepicker/tailwind-dark.css +1 -1
  82. package/styles/datetimepicker/tailwind.css +1 -1
  83. package/styles/fabric-dark.css +77 -26
  84. package/styles/fabric.css +77 -26
  85. package/styles/fluent-dark.css +2864 -0
  86. package/styles/fluent-dark.scss +5 -0
  87. package/styles/fluent.css +2864 -0
  88. package/styles/fluent.scss +5 -0
  89. package/styles/highcontrast-light.css +77 -26
  90. package/styles/highcontrast.css +77 -26
  91. package/styles/material-dark.css +77 -26
  92. package/styles/material.css +77 -26
  93. package/styles/tailwind-dark.css +316 -137
  94. package/styles/tailwind.css +316 -137
  95. package/styles/timepicker/bootstrap-dark.css +1 -0
  96. package/styles/timepicker/bootstrap.css +1 -0
  97. package/styles/timepicker/bootstrap4.css +1 -0
  98. package/styles/timepicker/bootstrap5-dark.css +1 -0
  99. package/styles/timepicker/bootstrap5.css +1 -0
  100. package/styles/timepicker/fabric-dark.css +1 -0
  101. package/styles/timepicker/fabric.css +1 -0
  102. package/styles/timepicker/fluent-dark.css +222 -0
  103. package/styles/timepicker/fluent-dark.scss +1 -0
  104. package/styles/timepicker/fluent.css +222 -0
  105. package/styles/timepicker/fluent.scss +1 -0
  106. package/styles/timepicker/highcontrast-light.css +1 -0
  107. package/styles/timepicker/highcontrast.css +1 -0
  108. package/styles/timepicker/material-dark.css +1 -0
  109. package/styles/timepicker/material.css +1 -0
  110. package/styles/timepicker/tailwind-dark.css +5 -4
  111. package/styles/timepicker/tailwind.css +5 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ### DateRangePicker
6
+
7
+ #### Bug Fixes
8
+
9
+ - `#F171486` - Issue with "performance delay in the popup open while entering invalid start or end date value" has been resolved.
10
+
5
11
  ## 19.3.46 (2021-10-19)
6
12
 
7
13
  ### TimePicker
@@ -1226,30 +1232,6 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
1226
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.
1227
1233
 
1228
1234
 
1229
- ## 19.4.55 (2022-03-08)
1230
-
1231
- ### DateRangePicker
1232
-
1233
- #### Bug Fixes
1234
-
1235
- - `#F173381` - Issue with "range selection is not displayed in the tailwind dark theme" has been resolved.
1236
-
1237
- ## 19.4.50 (2022-02-08)
1238
-
1239
- ### TimePicker
1240
-
1241
- #### Bug Fixes
1242
-
1243
- - `#I362512` - Issue with "change event is not triggered in the masked timepicker while typing the time in the input" has been resolved.
1244
-
1245
- ## 19.4.42 (2022-01-11)
1246
-
1247
- ### DateRangePicker
1248
-
1249
- #### Bug Fixes
1250
-
1251
- - `#F171486` - Issue with "performance delay in the popup open while entering invalid start or end date value" has been resolved.
1252
-
1253
1235
  ## 19.1.56 (2021-04-13)
1254
1236
 
1255
1237
  ### DateRangePicker
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-calendars.umd.min.js
3
- * version : 19.4.56
3
+ * version : 20.1.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
@@ -9,7 +9,7 @@
9
9
  */
10
10
  /*!
11
11
  * filename: ej2-vue-calendars.umd.min.js
12
- * version : 19.2.55
12
+ * version : 19.4.38
13
13
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
14
14
  * Use of this code is subject to the terms of our license.
15
15
  * A copy of the current license can be obtained at any time by e-mailing
@@ -32,7 +32,12 @@ let CalendarComponent =
32
32
  /* Start Options({
33
33
  props: props,
34
34
  watch: watch,
35
- emits: emitProbs
35
+ emits: emitProbs,
36
+ provide: function provide() {
37
+ return {
38
+ custom: this.custom
39
+ };
40
+ }
36
41
  }) End */
37
42
  class CalendarComponent extends ComponentBase {
38
43
  constructor() {
@@ -51,6 +56,7 @@ class CalendarComponent extends ComponentBase {
51
56
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
52
57
  this.ej2Instances.setProperties = this.setProperties;
53
58
  this.ej2Instances.clearTemplate = this.clearTemplate;
59
+ this.updated = this.updated;
54
60
  }
55
61
  clearTemplate(templateNames) {
56
62
  if (!templateNames) {
@@ -143,6 +149,9 @@ class CalendarComponent extends ComponentBase {
143
149
  }
144
150
  return h('div', slots);
145
151
  }
152
+ custom() {
153
+ this.updated();
154
+ }
146
155
  addDate(dates) {
147
156
  return this.ej2Instances.addDate(dates);
148
157
  }
@@ -172,7 +181,12 @@ CalendarComponent = __decorate([
172
181
  /* Start Options({
173
182
  props: props,
174
183
  watch: watch,
175
- emits: emitProbs
184
+ emits: emitProbs,
185
+ provide: function provide() {
186
+ return {
187
+ custom: this.custom
188
+ };
189
+ }
176
190
  }) End */
177
191
  ], CalendarComponent);
178
192
  const CalendarPlugin = {
@@ -210,7 +224,12 @@ let DatePickerComponent =
210
224
  /* Start Options({
211
225
  props: props,
212
226
  watch: watch,
213
- emits: emitProbs
227
+ emits: emitProbs,
228
+ provide: function provide() {
229
+ return {
230
+ custom: this.custom
231
+ };
232
+ }
214
233
  }) End */
215
234
  class DatePickerComponent extends ComponentBase {
216
235
  constructor() {
@@ -229,6 +248,7 @@ class DatePickerComponent extends ComponentBase {
229
248
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
230
249
  this.ej2Instances.setProperties = this.setProperties;
231
250
  this.ej2Instances.clearTemplate = this.clearTemplate;
251
+ this.updated = this.updated;
232
252
  }
233
253
  clearTemplate(templateNames) {
234
254
  if (!templateNames) {
@@ -321,6 +341,9 @@ class DatePickerComponent extends ComponentBase {
321
341
  }
322
342
  return h('input', slots);
323
343
  }
344
+ custom() {
345
+ this.updated();
346
+ }
324
347
  addDate(dates) {
325
348
  return this.ej2Instances.addDate(dates);
326
349
  }
@@ -362,7 +385,12 @@ DatePickerComponent = __decorate$1([
362
385
  /* Start Options({
363
386
  props: props,
364
387
  watch: watch,
365
- emits: emitProbs
388
+ emits: emitProbs,
389
+ provide: function provide() {
390
+ return {
391
+ custom: this.custom
392
+ };
393
+ }
366
394
  }) End */
367
395
  ], DatePickerComponent);
368
396
  const DatePickerPlugin = {
@@ -400,7 +428,12 @@ let TimePickerComponent =
400
428
  /* Start Options({
401
429
  props: props,
402
430
  watch: watch,
403
- emits: emitProbs
431
+ emits: emitProbs,
432
+ provide: function provide() {
433
+ return {
434
+ custom: this.custom
435
+ };
436
+ }
404
437
  }) End */
405
438
  class TimePickerComponent extends ComponentBase {
406
439
  constructor() {
@@ -419,6 +452,7 @@ class TimePickerComponent extends ComponentBase {
419
452
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
420
453
  this.ej2Instances.setProperties = this.setProperties;
421
454
  this.ej2Instances.clearTemplate = this.clearTemplate;
455
+ this.updated = this.updated;
422
456
  }
423
457
  clearTemplate(templateNames) {
424
458
  if (!templateNames) {
@@ -511,6 +545,9 @@ class TimePickerComponent extends ComponentBase {
511
545
  }
512
546
  return h('input', slots);
513
547
  }
548
+ custom() {
549
+ this.updated();
550
+ }
514
551
  focusIn() {
515
552
  return this.ej2Instances.focusIn();
516
553
  }
@@ -537,7 +574,12 @@ TimePickerComponent = __decorate$2([
537
574
  /* Start Options({
538
575
  props: props,
539
576
  watch: watch,
540
- emits: emitProbs
577
+ emits: emitProbs,
578
+ provide: function provide() {
579
+ return {
580
+ custom: this.custom
581
+ };
582
+ }
541
583
  }) End */
542
584
  ], TimePickerComponent);
543
585
  const TimePickerPlugin = {
@@ -553,6 +595,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
553
595
  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;
554
596
  return c > 3 && r && Object.defineProperty(target, key, r), r;
555
597
  };
598
+ // {{VueImport}}
556
599
  const isExecute$3 = gh ? false : true;
557
600
  let vueImport;
558
601
  if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -561,16 +604,47 @@ if (!isExecute$3 || parseInt(allVue.version) < 3) {
561
604
  else {
562
605
  vueImport = Vue$1;
563
606
  }
564
- let PresetsDirective = class PresetsDirective extends vueImport {
565
- render() {
607
+ let PresetsDirective =
608
+ /* Start Options({
609
+ inject: {
610
+ custom: {
611
+ default: null
612
+ }
613
+ }
614
+ }) End */
615
+ class PresetsDirective extends vueImport {
616
+ constructor() {
617
+ super(arguments);
618
+ }
619
+ render(createElement) {
620
+ if (gh) {
621
+ let h = gh || createElement;
622
+ let slots = null;
623
+ if (!isNullOrUndefined(this.$slots.default)) {
624
+ slots = gh ? this.$slots.default() : this.$slots.default;
625
+ }
626
+ return h('div', { class: 'e-directive' }, slots);
627
+ }
566
628
  return;
567
629
  }
630
+ updated() {
631
+ if (gh && this.custom) {
632
+ this.custom();
633
+ }
634
+ }
568
635
  getTag() {
569
636
  return 'e-presets';
570
637
  }
571
638
  };
572
639
  PresetsDirective = __decorate$3([
573
640
  EJComponentDecorator({}, isExecute$3)
641
+ /* Start Options({
642
+ inject: {
643
+ custom: {
644
+ default: null
645
+ }
646
+ }
647
+ }) End */
574
648
  ], PresetsDirective);
575
649
  const PresetsPlugin = {
576
650
  name: 'e-presets',
@@ -636,7 +710,12 @@ let DateRangePickerComponent =
636
710
  /* Start Options({
637
711
  props: props,
638
712
  watch: watch,
639
- emits: emitProbs
713
+ emits: emitProbs,
714
+ provide: function provide() {
715
+ return {
716
+ custom: this.custom
717
+ };
718
+ }
640
719
  }) End */
641
720
  class DateRangePickerComponent extends ComponentBase {
642
721
  constructor() {
@@ -655,6 +734,7 @@ class DateRangePickerComponent extends ComponentBase {
655
734
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
656
735
  this.ej2Instances.setProperties = this.setProperties;
657
736
  this.ej2Instances.clearTemplate = this.clearTemplate;
737
+ this.updated = this.updated;
658
738
  }
659
739
  clearTemplate(templateNames) {
660
740
  if (!templateNames) {
@@ -747,6 +827,9 @@ class DateRangePickerComponent extends ComponentBase {
747
827
  }
748
828
  return h('input', slots);
749
829
  }
830
+ custom() {
831
+ this.updated();
832
+ }
750
833
  focusIn() {
751
834
  return this.ej2Instances.focusIn();
752
835
  }
@@ -776,7 +859,12 @@ DateRangePickerComponent = __decorate$4([
776
859
  /* Start Options({
777
860
  props: props,
778
861
  watch: watch,
779
- emits: emitProbs
862
+ emits: emitProbs,
863
+ provide: function provide() {
864
+ return {
865
+ custom: this.custom
866
+ };
867
+ }
780
868
  }) End */
781
869
  ], DateRangePickerComponent);
782
870
  const DateRangePickerPlugin = {
@@ -816,7 +904,12 @@ let DateTimePickerComponent =
816
904
  /* Start Options({
817
905
  props: props,
818
906
  watch: watch,
819
- emits: emitProbs
907
+ emits: emitProbs,
908
+ provide: function provide() {
909
+ return {
910
+ custom: this.custom
911
+ };
912
+ }
820
913
  }) End */
821
914
  class DateTimePickerComponent extends ComponentBase {
822
915
  constructor() {
@@ -835,6 +928,7 @@ class DateTimePickerComponent extends ComponentBase {
835
928
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
836
929
  this.ej2Instances.setProperties = this.setProperties;
837
930
  this.ej2Instances.clearTemplate = this.clearTemplate;
931
+ this.updated = this.updated;
838
932
  }
839
933
  clearTemplate(templateNames) {
840
934
  if (!templateNames) {
@@ -927,6 +1021,9 @@ class DateTimePickerComponent extends ComponentBase {
927
1021
  }
928
1022
  return h('input', slots);
929
1023
  }
1024
+ custom() {
1025
+ this.updated();
1026
+ }
930
1027
  addDate(dates) {
931
1028
  return this.ej2Instances.addDate(dates);
932
1029
  }
@@ -971,7 +1068,12 @@ DateTimePickerComponent = __decorate$5([
971
1068
  /* Start Options({
972
1069
  props: props,
973
1070
  watch: watch,
974
- emits: emitProbs
1071
+ emits: emitProbs,
1072
+ provide: function provide() {
1073
+ return {
1074
+ custom: this.custom
1075
+ };
1076
+ }
975
1077
  }) End */
976
1078
  ], DateTimePickerComponent);
977
1079
  const DateTimePickerPlugin = {