@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/datetimepicker/fabric-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e97f';
4
- font-family: 'e-icons';
3
+ content: "\e97f";
4
+ font-family: "e-icons";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
13
13
  .e-datetime-wrapper {
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  }
16
-
17
16
  .e-datetime-wrapper .e-time-icon.e-icons::before {
18
17
  font-size: 16px;
19
18
  }
20
-
21
19
  .e-datetime-wrapper.e-control-wrapper {
22
20
  box-sizing: border-box;
23
21
  }
24
-
25
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
26
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
22
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
27
23
  pointer-events: none;
28
24
  }
29
-
30
25
  .e-datetime-wrapper .e-clear-icon {
31
26
  box-sizing: content-box;
32
27
  }
33
-
34
28
  .e-datetime-wrapper span {
35
29
  cursor: pointer;
36
30
  }
37
-
38
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
39
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
31
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
40
32
  font-size: 16px;
41
33
  margin: 0;
42
34
  outline: none;
43
35
  }
44
-
45
36
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
46
37
  border: 0;
47
38
  border-style: none;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(248, 248, 248, 0.6);
57
48
  height: 100%;
58
49
  left: 0;
59
- opacity: .5;
50
+ opacity: 0.5;
60
51
  pointer-events: auto;
61
52
  position: fixed;
62
53
  top: 0;
@@ -69,16 +60,13 @@
69
60
  border-width: 1px;
70
61
  overflow: auto;
71
62
  }
72
-
73
63
  .e-datetimepicker.e-popup .e-content {
74
64
  position: relative;
75
65
  }
76
-
77
66
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
78
67
  margin: 0;
79
68
  padding: 0 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #dadada;
84
72
  cursor: default;
@@ -90,7 +78,6 @@
90
78
  white-space: nowrap;
91
79
  width: 100%;
92
80
  }
93
-
94
81
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
95
82
  cursor: pointer;
96
83
  }
@@ -104,7 +91,6 @@
104
91
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
105
92
  font-size: 20px;
106
93
  }
107
-
108
94
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
109
95
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
110
96
  margin: 0;
@@ -119,7 +105,6 @@
119
105
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
120
106
  padding: 8px 0;
121
107
  }
122
-
123
108
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
124
109
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
125
110
  font-size: 14px;
@@ -166,7 +151,6 @@
166
151
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
167
152
  color: #dadada;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #dadada;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 0;
177
161
  box-shadow: none;
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #282727;
182
165
  }
183
-
184
166
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
185
167
  border: none;
186
168
  color: #dadada;
187
169
  }
188
-
189
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
170
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
192
171
  background-color: #414040;
193
172
  border: none;
194
173
  color: #dadada;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #514f4f;
199
177
  color: #dadada;
200
178
  }
201
-
202
179
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
203
180
  background-color: #514f4f;
204
181
  color: #dadada;
205
- }
182
+ }
package/styles/datetimepicker/fabric.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e97f';
4
- font-family: 'e-icons';
3
+ content: "\e97f";
4
+ font-family: "e-icons";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
13
13
  .e-datetime-wrapper {
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  }
16
-
17
16
  .e-datetime-wrapper .e-time-icon.e-icons::before {
18
17
  font-size: 16px;
19
18
  }
20
-
21
19
  .e-datetime-wrapper.e-control-wrapper {
22
20
  box-sizing: border-box;
23
21
  }
24
-
25
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
26
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
22
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
27
23
  pointer-events: none;
28
24
  }
29
-
30
25
  .e-datetime-wrapper .e-clear-icon {
31
26
  box-sizing: content-box;
32
27
  }
33
-
34
28
  .e-datetime-wrapper span {
35
29
  cursor: pointer;
36
30
  }
37
-
38
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
39
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
31
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
40
32
  font-size: 16px;
41
33
  margin: 0;
42
34
  outline: none;
43
35
  }
44
-
45
36
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
46
37
  border: 0;
47
38
  border-style: none;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(0, 0, 0, 0.6);
57
48
  height: 100%;
58
49
  left: 0;
59
- opacity: .5;
50
+ opacity: 0.5;
60
51
  pointer-events: auto;
61
52
  position: fixed;
62
53
  top: 0;
@@ -69,16 +60,13 @@
69
60
  border-width: 1px;
70
61
  overflow: auto;
71
62
  }
72
-
73
63
  .e-datetimepicker.e-popup .e-content {
74
64
  position: relative;
75
65
  }
76
-
77
66
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
78
67
  margin: 0;
79
68
  padding: 0 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #333;
84
72
  cursor: default;
@@ -90,7 +78,6 @@
90
78
  white-space: nowrap;
91
79
  width: 100%;
92
80
  }
93
-
94
81
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
95
82
  cursor: pointer;
96
83
  }
@@ -104,7 +91,6 @@
104
91
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
105
92
  font-size: 20px;
106
93
  }
107
-
108
94
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
109
95
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
110
96
  margin: 0;
@@ -119,7 +105,6 @@
119
105
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
120
106
  padding: 8px 0;
121
107
  }
122
-
123
108
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
124
109
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
125
110
  font-size: 14px;
@@ -166,7 +151,6 @@
166
151
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
167
152
  color: #333;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #fff;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 0;
177
161
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #fff;
182
165
  }
183
-
184
166
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
185
167
  border: none;
186
168
  color: #333;
187
169
  }
188
-
189
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
170
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
192
171
  background-color: #eaeaea;
193
172
  border: none;
194
173
  color: #333;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #0078d6;
199
177
  color: #fff;
200
178
  }
201
-
202
179
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
203
180
  background-color: #0078d6;
204
181
  color: #fff;
205
- }
182
+ }
package/styles/datetimepicker/fluent-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e705';
4
- font-family: 'e-icons';
3
+ content: "\e705";
4
+ font-family: "e-icons";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
13
13
  .e-datetime-wrapper {
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  }
16
-
17
16
  .e-datetime-wrapper .e-time-icon.e-icons::before {
18
17
  font-size: 16px;
19
18
  }
20
-
21
19
  .e-datetime-wrapper.e-control-wrapper {
22
20
  box-sizing: border-box;
23
21
  }
24
-
25
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
26
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
22
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
27
23
  pointer-events: none;
28
24
  }
29
-
30
25
  .e-datetime-wrapper .e-clear-icon {
31
26
  box-sizing: content-box;
32
27
  }
33
-
34
28
  .e-datetime-wrapper span {
35
29
  cursor: pointer;
36
30
  }
37
-
38
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
39
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
31
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
40
32
  font-size: 16px;
41
33
  margin: 0;
42
34
  outline: none;
43
35
  }
44
-
45
36
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
46
37
  border: 0;
47
38
  border-style: none;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(0, 0, 0, 0.4);
57
48
  height: 100%;
58
49
  left: 0;
59
- opacity: .5;
50
+ opacity: 0.5;
60
51
  pointer-events: auto;
61
52
  position: fixed;
62
53
  top: 0;
@@ -69,16 +60,13 @@
69
60
  border-width: 1px;
70
61
  overflow: auto;
71
62
  }
72
-
73
63
  .e-datetimepicker.e-popup .e-content {
74
64
  position: relative;
75
65
  }
76
-
77
66
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
78
67
  margin: 0;
79
68
  padding: 8px 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #f3f2f1;
84
72
  cursor: default;
@@ -90,7 +78,6 @@
90
78
  white-space: nowrap;
91
79
  width: 100%;
92
80
  }
93
-
94
81
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
95
82
  cursor: pointer;
96
83
  }
@@ -104,7 +91,6 @@
104
91
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
105
92
  font-size: 18px;
106
93
  }
107
-
108
94
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
109
95
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
110
96
  margin: 0;
@@ -119,7 +105,6 @@
119
105
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
120
106
  padding: 8px 0;
121
107
  }
122
-
123
108
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
124
109
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
125
110
  font-size: 16px;
@@ -166,7 +151,6 @@
166
151
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
167
152
  color: #f3f2f1;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #f3f2f1;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 6px;
177
161
  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);
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #252423;
182
165
  }
183
-
184
166
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
185
167
  border: none;
186
168
  color: #f3f2f1;
187
169
  }
188
-
189
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
170
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
192
171
  background-color: #323130;
193
172
  border: none;
194
173
  color: #f3f2f1;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #3b3a39;
199
177
  color: #f3f2f1;
200
178
  }
201
-
202
179
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
203
180
  background-color: #323130;
204
181
  color: #f3f2f1;
205
- }
182
+ }
package/styles/datetimepicker/fluent.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e705';
4
- font-family: 'e-icons';
3
+ content: "\e705";
4
+ font-family: "e-icons";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
13
13
  .e-datetime-wrapper {
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  }
16
-
17
16
  .e-datetime-wrapper .e-time-icon.e-icons::before {
18
17
  font-size: 16px;
19
18
  }
20
-
21
19
  .e-datetime-wrapper.e-control-wrapper {
22
20
  box-sizing: border-box;
23
21
  }
24
-
25
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
26
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
22
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
27
23
  pointer-events: none;
28
24
  }
29
-
30
25
  .e-datetime-wrapper .e-clear-icon {
31
26
  box-sizing: content-box;
32
27
  }
33
-
34
28
  .e-datetime-wrapper span {
35
29
  cursor: pointer;
36
30
  }
37
-
38
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
39
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
31
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
40
32
  font-size: 16px;
41
33
  margin: 0;
42
34
  outline: none;
43
35
  }
44
-
45
36
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
46
37
  border: 0;
47
38
  border-style: none;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(0, 0, 0, 0.4);
57
48
  height: 100%;
58
49
  left: 0;
59
- opacity: .5;
50
+ opacity: 0.5;
60
51
  pointer-events: auto;
61
52
  position: fixed;
62
53
  top: 0;
@@ -69,16 +60,13 @@
69
60
  border-width: 1px;
70
61
  overflow: auto;
71
62
  }
72
-
73
63
  .e-datetimepicker.e-popup .e-content {
74
64
  position: relative;
75
65
  }
76
-
77
66
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
78
67
  margin: 0;
79
68
  padding: 8px 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #201f1e;
84
72
  cursor: default;
@@ -90,7 +78,6 @@
90
78
  white-space: nowrap;
91
79
  width: 100%;
92
80
  }
93
-
94
81
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
95
82
  cursor: pointer;
96
83
  }
@@ -104,7 +91,6 @@
104
91
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
105
92
  font-size: 18px;
106
93
  }
107
-
108
94
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
109
95
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
110
96
  margin: 0;
@@ -119,7 +105,6 @@
119
105
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
120
106
  padding: 8px 0;
121
107
  }
122
-
123
108
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
124
109
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
125
110
  font-size: 16px;
@@ -166,7 +151,6 @@
166
151
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
167
152
  color: #201f1e;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #201f1e;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 6px;
177
161
  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);
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #fff;
182
165
  }
183
-
184
166
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
185
167
  border: none;
186
168
  color: #201f1e;
187
169
  }
188
-
189
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
170
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
192
171
  background-color: #f3f2f1;
193
172
  border: none;
194
173
  color: #201f1e;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #edebe9;
199
177
  color: #201f1e;
200
178
  }
201
-
202
179
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
203
180
  background-color: #f3f2f1;
204
181
  color: #201f1e;
205
- }
182
+ }
package/styles/datetimepicker/highcontrast-light.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e97f';
4
- font-family: 'e-icons';
3
+ content: "\e97f";
4
+ font-family: "e-icons";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -13,35 +13,26 @@
13
13
  .e-datetime-wrapper {
14
14
  -webkit-tap-highlight-color: transparent;
15
15
  }
16
-
17
16
  .e-datetime-wrapper .e-time-icon.e-icons::before {
18
17
  font-size: 16px;
19
18
  }
20
-
21
19
  .e-datetime-wrapper.e-control-wrapper {
22
20
  box-sizing: border-box;
23
21
  }
24
-
25
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
26
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
22
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
27
23
  pointer-events: none;
28
24
  }
29
-
30
25
  .e-datetime-wrapper .e-clear-icon {
31
26
  box-sizing: content-box;
32
27
  }
33
-
34
28
  .e-datetime-wrapper span {
35
29
  cursor: pointer;
36
30
  }
37
-
38
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
39
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
31
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
40
32
  font-size: 16px;
41
33
  margin: 0;
42
34
  outline: none;
43
35
  }
44
-
45
36
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
46
37
  border: 0;
47
38
  border-style: solid;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(255, 255, 255, 0.6);
57
48
  height: 100%;
58
49
  left: 0;
59
- opacity: .5;
50
+ opacity: 0.5;
60
51
  pointer-events: auto;
61
52
  position: fixed;
62
53
  top: 0;
@@ -69,16 +60,13 @@
69
60
  border-width: 1px;
70
61
  overflow: auto;
71
62
  }
72
-
73
63
  .e-datetimepicker.e-popup .e-content {
74
64
  position: relative;
75
65
  }
76
-
77
66
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
78
67
  margin: 0;
79
68
  padding: 0 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #000;
84
72
  cursor: default;
@@ -90,7 +78,6 @@
90
78
  white-space: nowrap;
91
79
  width: 100%;
92
80
  }
93
-
94
81
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
95
82
  cursor: pointer;
96
83
  }
@@ -104,7 +91,6 @@
104
91
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
105
92
  font-size: 20px;
106
93
  }
107
-
108
94
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
109
95
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
110
96
  margin: 0;
@@ -119,7 +105,6 @@
119
105
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
120
106
  padding: 8px 0;
121
107
  }
122
-
123
108
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
124
109
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
125
110
  font-size: 14px;
@@ -166,7 +151,6 @@
166
151
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
167
152
  color: #000;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #fff;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 0;
177
161
  box-shadow: none;
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #fff;
182
165
  }
183
-
184
166
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
185
167
  border: 1px solid transparent;
186
168
  color: #000;
187
169
  }
188
-
189
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
170
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
192
171
  background-color: #ecf;
193
172
  border: 1px solid #000;
194
173
  color: #000;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #400074;
199
177
  color: #fff;
200
178
  }
201
-
202
179
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
203
180
  background-color: #ecf;
204
181
  color: #000;
205
- }
182
+ }