@syncfusion/ej2-vue-calendars 20.1.55 → 20.1.58

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 (95) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-vue-calendars.umd.min.js +2 -29
  3. package/dist/ej2-vue-calendars.umd.min.js.map +1 -1
  4. package/dist/global/ej2-vue-calendars.min.js +2 -2
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +96 -491
  7. package/styles/bootstrap.css +96 -491
  8. package/styles/bootstrap4.css +96 -493
  9. package/styles/bootstrap5-dark.css +97 -499
  10. package/styles/bootstrap5.css +97 -499
  11. package/styles/calendar/bootstrap-dark.css +50 -238
  12. package/styles/calendar/bootstrap.css +50 -238
  13. package/styles/calendar/bootstrap4.css +50 -238
  14. package/styles/calendar/bootstrap5-dark.css +51 -246
  15. package/styles/calendar/bootstrap5.css +51 -246
  16. package/styles/calendar/fabric-dark.css +50 -237
  17. package/styles/calendar/fabric.css +50 -238
  18. package/styles/calendar/fluent-dark.css +56 -270
  19. package/styles/calendar/fluent.css +56 -270
  20. package/styles/calendar/highcontrast-light.css +50 -238
  21. package/styles/calendar/highcontrast.css +50 -238
  22. package/styles/calendar/material-dark.css +50 -238
  23. package/styles/calendar/material.css +50 -238
  24. package/styles/calendar/tailwind-dark.css +53 -261
  25. package/styles/calendar/tailwind.css +53 -261
  26. package/styles/datepicker/bootstrap-dark.css +7 -20
  27. package/styles/datepicker/bootstrap.css +7 -20
  28. package/styles/datepicker/bootstrap4.css +7 -21
  29. package/styles/datepicker/bootstrap5-dark.css +7 -20
  30. package/styles/datepicker/bootstrap5.css +7 -20
  31. package/styles/datepicker/fabric-dark.css +7 -20
  32. package/styles/datepicker/fabric.css +7 -20
  33. package/styles/datepicker/fluent-dark.css +7 -21
  34. package/styles/datepicker/fluent.css +7 -21
  35. package/styles/datepicker/highcontrast-light.css +7 -21
  36. package/styles/datepicker/highcontrast.css +7 -21
  37. package/styles/datepicker/material-dark.css +7 -22
  38. package/styles/datepicker/material.css +7 -23
  39. package/styles/datepicker/tailwind-dark.css +7 -21
  40. package/styles/datepicker/tailwind.css +7 -21
  41. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  42. package/styles/daterangepicker/bootstrap.css +32 -184
  43. package/styles/daterangepicker/bootstrap4.css +32 -185
  44. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  45. package/styles/daterangepicker/bootstrap5.css +32 -185
  46. package/styles/daterangepicker/fabric-dark.css +32 -184
  47. package/styles/daterangepicker/fabric.css +32 -184
  48. package/styles/daterangepicker/fluent-dark.css +35 -188
  49. package/styles/daterangepicker/fluent.css +35 -188
  50. package/styles/daterangepicker/highcontrast-light.css +32 -184
  51. package/styles/daterangepicker/highcontrast.css +32 -184
  52. package/styles/daterangepicker/material-dark.css +32 -185
  53. package/styles/daterangepicker/material.css +32 -186
  54. package/styles/daterangepicker/tailwind-dark.css +31 -178
  55. package/styles/daterangepicker/tailwind.css +31 -178
  56. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  57. package/styles/datetimepicker/bootstrap.css +7 -30
  58. package/styles/datetimepicker/bootstrap4.css +7 -30
  59. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  60. package/styles/datetimepicker/bootstrap5.css +7 -30
  61. package/styles/datetimepicker/fabric-dark.css +7 -30
  62. package/styles/datetimepicker/fabric.css +7 -30
  63. package/styles/datetimepicker/fluent-dark.css +7 -30
  64. package/styles/datetimepicker/fluent.css +7 -30
  65. package/styles/datetimepicker/highcontrast-light.css +7 -30
  66. package/styles/datetimepicker/highcontrast.css +7 -30
  67. package/styles/datetimepicker/material-dark.css +7 -31
  68. package/styles/datetimepicker/material.css +7 -32
  69. package/styles/datetimepicker/tailwind-dark.css +7 -30
  70. package/styles/datetimepicker/tailwind.css +7 -30
  71. package/styles/fabric-dark.css +96 -490
  72. package/styles/fabric.css +96 -491
  73. package/styles/fluent-dark.css +105 -527
  74. package/styles/fluent.css +105 -527
  75. package/styles/highcontrast-light.css +96 -492
  76. package/styles/highcontrast.css +96 -492
  77. package/styles/material-dark.css +96 -496
  78. package/styles/material.css +96 -500
  79. package/styles/tailwind-dark.css +98 -509
  80. package/styles/tailwind.css +98 -509
  81. package/styles/timepicker/bootstrap-dark.css +4 -22
  82. package/styles/timepicker/bootstrap.css +4 -22
  83. package/styles/timepicker/bootstrap4.css +4 -22
  84. package/styles/timepicker/bootstrap5-dark.css +4 -22
  85. package/styles/timepicker/bootstrap5.css +4 -22
  86. package/styles/timepicker/fabric-dark.css +4 -22
  87. package/styles/timepicker/fabric.css +4 -22
  88. package/styles/timepicker/fluent-dark.css +4 -22
  89. package/styles/timepicker/fluent.css +4 -22
  90. package/styles/timepicker/highcontrast-light.css +4 -22
  91. package/styles/timepicker/highcontrast.css +4 -22
  92. package/styles/timepicker/material-dark.css +4 -23
  93. package/styles/timepicker/material.css +4 -24
  94. package/styles/timepicker/tailwind-dark.css +4 -22
  95. 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
+ }