@syncfusion/ej2-vue-calendars 20.1.56 → 20.2.36

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 (103) hide show
  1. package/CHANGELOG.md +6 -8
  2. package/dist/ej2-vue-calendars.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-calendars.es2015.js +5 -5
  4. package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-calendars.es5.js +5 -5
  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.js +1 -1
  10. package/src/datepicker/datepicker.component.js +1 -1
  11. package/src/daterangepicker/daterangepicker.component.js +1 -1
  12. package/src/datetimepicker/datetimepicker.component.js +1 -1
  13. package/src/timepicker/timepicker.component.js +1 -1
  14. package/styles/bootstrap-dark.css +96 -491
  15. package/styles/bootstrap.css +96 -491
  16. package/styles/bootstrap4.css +96 -493
  17. package/styles/bootstrap5-dark.css +97 -499
  18. package/styles/bootstrap5.css +97 -499
  19. package/styles/calendar/bootstrap-dark.css +50 -238
  20. package/styles/calendar/bootstrap.css +50 -238
  21. package/styles/calendar/bootstrap4.css +50 -238
  22. package/styles/calendar/bootstrap5-dark.css +51 -246
  23. package/styles/calendar/bootstrap5.css +51 -246
  24. package/styles/calendar/fabric-dark.css +50 -237
  25. package/styles/calendar/fabric.css +50 -238
  26. package/styles/calendar/fluent-dark.css +56 -270
  27. package/styles/calendar/fluent.css +56 -270
  28. package/styles/calendar/highcontrast-light.css +50 -238
  29. package/styles/calendar/highcontrast.css +50 -238
  30. package/styles/calendar/material-dark.css +50 -238
  31. package/styles/calendar/material.css +50 -238
  32. package/styles/calendar/tailwind-dark.css +53 -261
  33. package/styles/calendar/tailwind.css +53 -261
  34. package/styles/datepicker/bootstrap-dark.css +7 -20
  35. package/styles/datepicker/bootstrap.css +7 -20
  36. package/styles/datepicker/bootstrap4.css +7 -21
  37. package/styles/datepicker/bootstrap5-dark.css +7 -20
  38. package/styles/datepicker/bootstrap5.css +7 -20
  39. package/styles/datepicker/fabric-dark.css +7 -20
  40. package/styles/datepicker/fabric.css +7 -20
  41. package/styles/datepicker/fluent-dark.css +7 -21
  42. package/styles/datepicker/fluent.css +7 -21
  43. package/styles/datepicker/highcontrast-light.css +7 -21
  44. package/styles/datepicker/highcontrast.css +7 -21
  45. package/styles/datepicker/material-dark.css +7 -22
  46. package/styles/datepicker/material.css +7 -23
  47. package/styles/datepicker/tailwind-dark.css +7 -21
  48. package/styles/datepicker/tailwind.css +7 -21
  49. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  50. package/styles/daterangepicker/bootstrap.css +32 -184
  51. package/styles/daterangepicker/bootstrap4.css +32 -185
  52. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  53. package/styles/daterangepicker/bootstrap5.css +32 -185
  54. package/styles/daterangepicker/fabric-dark.css +32 -184
  55. package/styles/daterangepicker/fabric.css +32 -184
  56. package/styles/daterangepicker/fluent-dark.css +35 -188
  57. package/styles/daterangepicker/fluent.css +35 -188
  58. package/styles/daterangepicker/highcontrast-light.css +32 -184
  59. package/styles/daterangepicker/highcontrast.css +32 -184
  60. package/styles/daterangepicker/material-dark.css +32 -185
  61. package/styles/daterangepicker/material.css +32 -186
  62. package/styles/daterangepicker/tailwind-dark.css +31 -178
  63. package/styles/daterangepicker/tailwind.css +31 -178
  64. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  65. package/styles/datetimepicker/bootstrap.css +7 -30
  66. package/styles/datetimepicker/bootstrap4.css +7 -30
  67. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  68. package/styles/datetimepicker/bootstrap5.css +7 -30
  69. package/styles/datetimepicker/fabric-dark.css +7 -30
  70. package/styles/datetimepicker/fabric.css +7 -30
  71. package/styles/datetimepicker/fluent-dark.css +7 -30
  72. package/styles/datetimepicker/fluent.css +7 -30
  73. package/styles/datetimepicker/highcontrast-light.css +7 -30
  74. package/styles/datetimepicker/highcontrast.css +7 -30
  75. package/styles/datetimepicker/material-dark.css +7 -31
  76. package/styles/datetimepicker/material.css +7 -32
  77. package/styles/datetimepicker/tailwind-dark.css +7 -30
  78. package/styles/datetimepicker/tailwind.css +7 -30
  79. package/styles/fabric-dark.css +96 -490
  80. package/styles/fabric.css +96 -491
  81. package/styles/fluent-dark.css +105 -527
  82. package/styles/fluent.css +105 -527
  83. package/styles/highcontrast-light.css +96 -492
  84. package/styles/highcontrast.css +96 -492
  85. package/styles/material-dark.css +96 -496
  86. package/styles/material.css +96 -500
  87. package/styles/tailwind-dark.css +98 -509
  88. package/styles/tailwind.css +98 -509
  89. package/styles/timepicker/bootstrap-dark.css +4 -22
  90. package/styles/timepicker/bootstrap.css +4 -22
  91. package/styles/timepicker/bootstrap4.css +4 -22
  92. package/styles/timepicker/bootstrap5-dark.css +4 -22
  93. package/styles/timepicker/bootstrap5.css +4 -22
  94. package/styles/timepicker/fabric-dark.css +4 -22
  95. package/styles/timepicker/fabric.css +4 -22
  96. package/styles/timepicker/fluent-dark.css +4 -22
  97. package/styles/timepicker/fluent.css +4 -22
  98. package/styles/timepicker/highcontrast-light.css +4 -22
  99. package/styles/timepicker/highcontrast.css +4 -22
  100. package/styles/timepicker/material-dark.css +4 -23
  101. package/styles/timepicker/material.css +4 -24
  102. package/styles/timepicker/tailwind-dark.css +4 -22
  103. package/styles/timepicker/tailwind.css +4 -22
package/styles/datepicker/material.css CHANGED
@@ -5,7 +5,6 @@
5
5
  transform: scale(4);
6
6
  }
7
7
  }
8
-
9
8
  @keyframes slideTopUp {
10
9
  from {
11
10
  transform: translate3d(0, 0, 0) scale(1);
@@ -14,7 +13,6 @@
14
13
  transform: translate3d(0, 0, 0) scale(1);
15
14
  }
16
15
  }
17
-
18
16
  /*! calendar material theme variables */
19
17
  /*! component icons */
20
18
  .e-input-group-icon.e-date-icon,
@@ -25,13 +23,11 @@
25
23
  min-width: 24px;
26
24
  outline: none;
27
25
  }
28
-
29
26
  .e-input-group-icon.e-date-icon::before,
30
27
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
31
- content: '\e901';
32
- font-family: 'e-icons';
28
+ content: "\e901";
29
+ font-family: "e-icons";
33
30
  }
34
-
35
31
  .e-input-group-icon.e-date-icon:focus,
36
32
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
37
33
  background: #eee;
@@ -46,14 +42,12 @@
46
42
  min-height: 26px;
47
43
  min-width: 26px;
48
44
  }
49
-
50
45
  .e-bigger .e-input-group-icon.e-date-icon::before,
51
46
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
52
47
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
53
- content: '\e901';
54
- font-family: 'e-icons';
48
+ content: "\e901";
49
+ font-family: "e-icons";
55
50
  }
56
-
57
51
  .e-bigger .e-input-group-icon.e-date-icon:focus,
58
52
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
59
53
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -114,25 +108,22 @@
114
108
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
115
109
  display: none;
116
110
  }
117
-
118
111
  .e-datepicker.e-popup-wrapper {
119
112
  border-radius: 0;
120
113
  overflow-y: hidden;
121
114
  pointer-events: auto;
122
115
  }
123
-
124
116
  .e-datepicker.e-date-modal {
125
117
  background-color: rgba(0, 0, 0, 0.6);
126
118
  height: 100%;
127
119
  left: 0;
128
- opacity: .5;
120
+ opacity: 0.5;
129
121
  pointer-events: auto;
130
122
  position: fixed;
131
123
  top: 0;
132
124
  width: 100%;
133
125
  z-index: 999;
134
126
  }
135
-
136
127
  .e-datepicker .e-model-header {
137
128
  background-color: #e3165b;
138
129
  color: #fff;
@@ -140,16 +131,13 @@
140
131
  display: block;
141
132
  padding: 10px 10px 10px 15px;
142
133
  }
143
-
144
134
  .e-datepicker .e-model-header .e-model-year {
145
135
  font-size: 14px;
146
136
  font-weight: 500;
147
137
  line-height: 32px;
148
138
  margin: 0;
149
139
  }
150
-
151
- .e-datepicker .e-model-month,
152
- .e-datepicker .e-model-day {
140
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
153
141
  font-size: 20px;
154
142
  font-weight: 500;
155
143
  line-height: 32px;
@@ -177,7 +165,6 @@
177
165
  width: 100%;
178
166
  z-index: 1002;
179
167
  }
180
-
181
168
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
182
169
  position: relative;
183
170
  top: 0 !important;
@@ -202,7 +189,6 @@
202
189
  overflow: auto;
203
190
  }
204
191
  }
205
-
206
192
  .e-datepicker.e-popup-wrapper,
207
193
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
208
194
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -213,7 +199,6 @@
213
199
  border: none;
214
200
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
215
201
  }
216
-
217
202
  .e-datepicker .e-calendar,
218
203
  .e-bigger.e-small .e-datepicker .e-calendar,
219
204
  .e-bigger .e-datepicker .e-calendar,
@@ -232,7 +217,6 @@
232
217
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
233
218
  color: #e3165b;
234
219
  }
235
-
236
220
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
237
221
  color: #e3165b;
238
- }
222
+ }
package/styles/datepicker/tailwind-dark.css CHANGED
@@ -9,13 +9,11 @@
9
9
  min-width: 20px;
10
10
  outline: none;
11
11
  }
12
-
13
12
  .e-input-group-icon.e-date-icon::before,
14
13
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
15
- content: '\e75e';
16
- font-family: 'e-icons';
14
+ content: "\e75e";
15
+ font-family: "e-icons";
17
16
  }
18
-
19
17
  .e-input-group-icon.e-date-icon:focus,
20
18
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
21
19
  background: #fff;
@@ -30,14 +28,12 @@
30
28
  min-height: 18px;
31
29
  min-width: 20px;
32
30
  }
33
-
34
31
  .e-bigger .e-input-group-icon.e-date-icon::before,
35
32
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
36
33
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
37
- content: '\e75e';
38
- font-family: 'e-icons';
34
+ content: "\e75e";
35
+ font-family: "e-icons";
39
36
  }
40
-
41
37
  .e-bigger .e-input-group-icon.e-date-icon:focus,
42
38
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
43
39
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -71,25 +67,22 @@
71
67
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
72
68
  display: none;
73
69
  }
74
-
75
70
  .e-datepicker.e-popup-wrapper {
76
71
  border-radius: 6px;
77
72
  overflow-y: hidden;
78
73
  pointer-events: auto;
79
74
  }
80
-
81
75
  .e-datepicker.e-date-modal {
82
76
  background-color: rgba(209, 213, 219, 0.6);
83
77
  height: 100%;
84
78
  left: 0;
85
- opacity: .5;
79
+ opacity: 0.5;
86
80
  pointer-events: auto;
87
81
  position: fixed;
88
82
  top: 0;
89
83
  width: 100%;
90
84
  z-index: 999;
91
85
  }
92
-
93
86
  .e-datepicker .e-model-header {
94
87
  background-color: #d1d5db;
95
88
  color: #374151;
@@ -97,16 +90,13 @@
97
90
  display: block;
98
91
  padding: 10px 10px 10px 15px;
99
92
  }
100
-
101
93
  .e-datepicker .e-model-header .e-model-year {
102
94
  font-size: 14px;
103
95
  font-weight: 500;
104
96
  line-height: 32px;
105
97
  margin: 0;
106
98
  }
107
-
108
- .e-datepicker .e-model-month,
109
- .e-datepicker .e-model-day {
99
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
110
100
  font-size: 20px;
111
101
  font-weight: 500;
112
102
  line-height: 32px;
@@ -134,7 +124,6 @@
134
124
  width: 100%;
135
125
  z-index: 1002;
136
126
  }
137
-
138
127
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
139
128
  position: relative;
140
129
  top: 0 !important;
@@ -159,7 +148,6 @@
159
148
  overflow: auto;
160
149
  }
161
150
  }
162
-
163
151
  .e-datepicker.e-popup-wrapper,
164
152
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
165
153
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -170,7 +158,6 @@
170
158
  border: 1px solid #4b5563;
171
159
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
172
160
  }
173
-
174
161
  .e-datepicker .e-calendar,
175
162
  .e-bigger.e-small .e-datepicker .e-calendar,
176
163
  .e-bigger .e-datepicker .e-calendar,
@@ -189,7 +176,6 @@
189
176
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
190
177
  color: #d1d5db;
191
178
  }
192
-
193
179
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
194
180
  color: #d1d5db;
195
- }
181
+ }
package/styles/datepicker/tailwind.css CHANGED
@@ -9,13 +9,11 @@
9
9
  min-width: 20px;
10
10
  outline: none;
11
11
  }
12
-
13
12
  .e-input-group-icon.e-date-icon::before,
14
13
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
15
- content: '\e75e';
16
- font-family: 'e-icons';
14
+ content: "\e75e";
15
+ font-family: "e-icons";
17
16
  }
18
-
19
17
  .e-input-group-icon.e-date-icon:focus,
20
18
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
21
19
  background: #374151;
@@ -30,14 +28,12 @@
30
28
  min-height: 18px;
31
29
  min-width: 20px;
32
30
  }
33
-
34
31
  .e-bigger .e-input-group-icon.e-date-icon::before,
35
32
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
36
33
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
37
- content: '\e75e';
38
- font-family: 'e-icons';
34
+ content: "\e75e";
35
+ font-family: "e-icons";
39
36
  }
40
-
41
37
  .e-bigger .e-input-group-icon.e-date-icon:focus,
42
38
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
43
39
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -71,25 +67,22 @@
71
67
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
72
68
  display: none;
73
69
  }
74
-
75
70
  .e-datepicker.e-popup-wrapper {
76
71
  border-radius: 6px;
77
72
  overflow-y: hidden;
78
73
  pointer-events: auto;
79
74
  }
80
-
81
75
  .e-datepicker.e-date-modal {
82
76
  background-color: rgba(209, 213, 219, 0.6);
83
77
  height: 100%;
84
78
  left: 0;
85
- opacity: .5;
79
+ opacity: 0.5;
86
80
  pointer-events: auto;
87
81
  position: fixed;
88
82
  top: 0;
89
83
  width: 100%;
90
84
  z-index: 999;
91
85
  }
92
-
93
86
  .e-datepicker .e-model-header {
94
87
  background-color: #6b7280;
95
88
  color: #f3f4f6;
@@ -97,16 +90,13 @@
97
90
  display: block;
98
91
  padding: 10px 10px 10px 15px;
99
92
  }
100
-
101
93
  .e-datepicker .e-model-header .e-model-year {
102
94
  font-size: 14px;
103
95
  font-weight: 500;
104
96
  line-height: 32px;
105
97
  margin: 0;
106
98
  }
107
-
108
- .e-datepicker .e-model-month,
109
- .e-datepicker .e-model-day {
99
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
110
100
  font-size: 20px;
111
101
  font-weight: 500;
112
102
  line-height: 32px;
@@ -134,7 +124,6 @@
134
124
  width: 100%;
135
125
  z-index: 1002;
136
126
  }
137
-
138
127
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
139
128
  position: relative;
140
129
  top: 0 !important;
@@ -159,7 +148,6 @@
159
148
  overflow: auto;
160
149
  }
161
150
  }
162
-
163
151
  .e-datepicker.e-popup-wrapper,
164
152
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
165
153
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -170,7 +158,6 @@
170
158
  border: 1px solid #e5e7eb;
171
159
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
172
160
  }
173
-
174
161
  .e-datepicker .e-calendar,
175
162
  .e-bigger.e-small .e-datepicker .e-calendar,
176
163
  .e-bigger .e-datepicker .e-calendar,
@@ -189,7 +176,6 @@
189
176
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
190
177
  color: #6b7280;
191
178
  }
192
-
193
179
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
194
180
  color: #6b7280;
195
- }
181
+ }