@syncfusion/ej2-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 (109) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-calendars.umd.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-calendars.es2015.js +115 -14
  5. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  6. package/dist/es6/ej2-calendars.es5.js +117 -14
  7. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  8. package/dist/global/ej2-calendars.min.js +2 -2
  9. package/dist/global/ej2-calendars.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -6
  12. package/src/calendar/calendar.js +4 -0
  13. package/src/datepicker/datepicker.d.ts +1 -0
  14. package/src/datepicker/datepicker.js +2 -0
  15. package/src/daterangepicker/daterangepicker.d.ts +2 -0
  16. package/src/daterangepicker/daterangepicker.js +62 -8
  17. package/src/maskbase/interface.d.ts +1 -0
  18. package/src/maskbase/masked-date-time.d.ts +2 -0
  19. package/src/maskbase/masked-date-time.js +49 -6
  20. package/styles/bootstrap-dark.css +96 -491
  21. package/styles/bootstrap.css +96 -491
  22. package/styles/bootstrap4.css +96 -493
  23. package/styles/bootstrap5-dark.css +97 -499
  24. package/styles/bootstrap5.css +97 -499
  25. package/styles/calendar/bootstrap-dark.css +50 -238
  26. package/styles/calendar/bootstrap.css +50 -238
  27. package/styles/calendar/bootstrap4.css +50 -238
  28. package/styles/calendar/bootstrap5-dark.css +51 -246
  29. package/styles/calendar/bootstrap5.css +51 -246
  30. package/styles/calendar/fabric-dark.css +50 -237
  31. package/styles/calendar/fabric.css +50 -238
  32. package/styles/calendar/fluent-dark.css +56 -270
  33. package/styles/calendar/fluent.css +56 -270
  34. package/styles/calendar/highcontrast-light.css +50 -238
  35. package/styles/calendar/highcontrast.css +50 -238
  36. package/styles/calendar/material-dark.css +50 -238
  37. package/styles/calendar/material.css +50 -238
  38. package/styles/calendar/tailwind-dark.css +53 -261
  39. package/styles/calendar/tailwind.css +53 -261
  40. package/styles/datepicker/bootstrap-dark.css +7 -20
  41. package/styles/datepicker/bootstrap.css +7 -20
  42. package/styles/datepicker/bootstrap4.css +7 -21
  43. package/styles/datepicker/bootstrap5-dark.css +7 -20
  44. package/styles/datepicker/bootstrap5.css +7 -20
  45. package/styles/datepicker/fabric-dark.css +7 -20
  46. package/styles/datepicker/fabric.css +7 -20
  47. package/styles/datepicker/fluent-dark.css +7 -21
  48. package/styles/datepicker/fluent.css +7 -21
  49. package/styles/datepicker/highcontrast-light.css +7 -21
  50. package/styles/datepicker/highcontrast.css +7 -21
  51. package/styles/datepicker/material-dark.css +7 -22
  52. package/styles/datepicker/material.css +7 -23
  53. package/styles/datepicker/tailwind-dark.css +7 -21
  54. package/styles/datepicker/tailwind.css +7 -21
  55. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  56. package/styles/daterangepicker/bootstrap.css +32 -184
  57. package/styles/daterangepicker/bootstrap4.css +32 -185
  58. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  59. package/styles/daterangepicker/bootstrap5.css +32 -185
  60. package/styles/daterangepicker/fabric-dark.css +32 -184
  61. package/styles/daterangepicker/fabric.css +32 -184
  62. package/styles/daterangepicker/fluent-dark.css +35 -188
  63. package/styles/daterangepicker/fluent.css +35 -188
  64. package/styles/daterangepicker/highcontrast-light.css +32 -184
  65. package/styles/daterangepicker/highcontrast.css +32 -184
  66. package/styles/daterangepicker/material-dark.css +32 -185
  67. package/styles/daterangepicker/material.css +32 -186
  68. package/styles/daterangepicker/tailwind-dark.css +31 -178
  69. package/styles/daterangepicker/tailwind.css +31 -178
  70. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  71. package/styles/datetimepicker/bootstrap.css +7 -30
  72. package/styles/datetimepicker/bootstrap4.css +7 -30
  73. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  74. package/styles/datetimepicker/bootstrap5.css +7 -30
  75. package/styles/datetimepicker/fabric-dark.css +7 -30
  76. package/styles/datetimepicker/fabric.css +7 -30
  77. package/styles/datetimepicker/fluent-dark.css +7 -30
  78. package/styles/datetimepicker/fluent.css +7 -30
  79. package/styles/datetimepicker/highcontrast-light.css +7 -30
  80. package/styles/datetimepicker/highcontrast.css +7 -30
  81. package/styles/datetimepicker/material-dark.css +7 -31
  82. package/styles/datetimepicker/material.css +7 -32
  83. package/styles/datetimepicker/tailwind-dark.css +7 -30
  84. package/styles/datetimepicker/tailwind.css +7 -30
  85. package/styles/fabric-dark.css +96 -490
  86. package/styles/fabric.css +96 -491
  87. package/styles/fluent-dark.css +105 -527
  88. package/styles/fluent.css +105 -527
  89. package/styles/highcontrast-light.css +96 -492
  90. package/styles/highcontrast.css +96 -492
  91. package/styles/material-dark.css +96 -496
  92. package/styles/material.css +96 -500
  93. package/styles/tailwind-dark.css +98 -509
  94. package/styles/tailwind.css +98 -509
  95. package/styles/timepicker/bootstrap-dark.css +4 -22
  96. package/styles/timepicker/bootstrap.css +4 -22
  97. package/styles/timepicker/bootstrap4.css +4 -22
  98. package/styles/timepicker/bootstrap5-dark.css +4 -22
  99. package/styles/timepicker/bootstrap5.css +4 -22
  100. package/styles/timepicker/fabric-dark.css +4 -22
  101. package/styles/timepicker/fabric.css +4 -22
  102. package/styles/timepicker/fluent-dark.css +4 -22
  103. package/styles/timepicker/fluent.css +4 -22
  104. package/styles/timepicker/highcontrast-light.css +4 -22
  105. package/styles/timepicker/highcontrast.css +4 -22
  106. package/styles/timepicker/material-dark.css +4 -23
  107. package/styles/timepicker/material.css +4 -24
  108. package/styles/timepicker/tailwind-dark.css +4 -22
  109. package/styles/timepicker/tailwind.css +4 -22
package/styles/timepicker/fabric-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e97f';
4
+ content: "\e97f";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(248, 248, 248, 0.6);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 14px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #dadada;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #dadada;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 0;
179
169
  box-shadow: none;
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #282727;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: none;
188
176
  color: #dadada;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: #6f6c6c;
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #414040;
203
187
  border: none;
204
188
  color: #dadada;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #514f4f;
209
192
  color: #dadada;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #514f4f;
214
196
  color: #dadada;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #dadada;
222
- }
204
+ }
package/styles/timepicker/fabric.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e97f';
4
+ content: "\e97f";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(0, 0, 0, 0.6);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 14px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #333;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #fff;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 0;
179
169
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #fff;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: none;
188
176
  color: #333;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: #c8c8c8;
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #eaeaea;
203
187
  border: none;
204
188
  color: #333;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #0078d6;
209
192
  color: #fff;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #0078d6;
214
196
  color: #fff;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #333;
222
- }
204
+ }
package/styles/timepicker/fluent-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e705';
4
+ content: "\e705";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(0, 0, 0, 0.4);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 18px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #f3f2f1;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #f3f2f1;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 6px;
179
169
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #252423;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: none;
188
176
  color: #f3f2f1;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: #605e5c;
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #323130;
203
187
  border: none;
204
188
  color: #f3f2f1;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #3b3a39;
209
192
  color: #f3f2f1;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #323130;
214
196
  color: #f3f2f1;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #f3f2f1;
222
- }
204
+ }
package/styles/timepicker/fluent.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e705';
4
+ content: "\e705";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(0, 0, 0, 0.4);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 18px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #201f1e;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #201f1e;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 6px;
179
169
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #fff;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: none;
188
176
  color: #201f1e;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: #a19f9d;
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #f3f2f1;
203
187
  border: none;
204
188
  color: #201f1e;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #edebe9;
209
192
  color: #201f1e;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #f3f2f1;
214
196
  color: #201f1e;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #201f1e;
222
- }
204
+ }
package/styles/timepicker/highcontrast-light.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e97f';
4
+ content: "\e97f";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(255, 255, 255, 0.6);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 14px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #000;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #fff;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 0;
179
169
  box-shadow: none;
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #fff;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: 1px solid transparent;
188
176
  color: #000;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: #757575;
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #ecf;
203
187
  border: 1px solid #000;
204
188
  color: #000;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #400074;
209
192
  color: #fff;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #ecf;
214
196
  color: #000;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #000;
222
- }
204
+ }