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