@syncfusion/ej2-angular-calendars 20.1.56 → 20.1.57

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