@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/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
+ }