@syncfusion/ej2-angular-calendars 20.1.56 → 20.1.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ej2-angular-calendars.umd.js +1 -1
  3. package/dist/ej2-angular-calendars.umd.min.js +1 -1
  4. package/package.json +6 -6
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +96 -491
  9. package/styles/bootstrap.css +96 -491
  10. package/styles/bootstrap4.css +96 -493
  11. package/styles/bootstrap5-dark.css +97 -499
  12. package/styles/bootstrap5.css +97 -499
  13. package/styles/calendar/bootstrap-dark.css +50 -238
  14. package/styles/calendar/bootstrap.css +50 -238
  15. package/styles/calendar/bootstrap4.css +50 -238
  16. package/styles/calendar/bootstrap5-dark.css +51 -246
  17. package/styles/calendar/bootstrap5.css +51 -246
  18. package/styles/calendar/fabric-dark.css +50 -237
  19. package/styles/calendar/fabric.css +50 -238
  20. package/styles/calendar/fluent-dark.css +56 -270
  21. package/styles/calendar/fluent.css +56 -270
  22. package/styles/calendar/highcontrast-light.css +50 -238
  23. package/styles/calendar/highcontrast.css +50 -238
  24. package/styles/calendar/material-dark.css +50 -238
  25. package/styles/calendar/material.css +50 -238
  26. package/styles/calendar/tailwind-dark.css +53 -261
  27. package/styles/calendar/tailwind.css +53 -261
  28. package/styles/datepicker/bootstrap-dark.css +7 -20
  29. package/styles/datepicker/bootstrap.css +7 -20
  30. package/styles/datepicker/bootstrap4.css +7 -21
  31. package/styles/datepicker/bootstrap5-dark.css +7 -20
  32. package/styles/datepicker/bootstrap5.css +7 -20
  33. package/styles/datepicker/fabric-dark.css +7 -20
  34. package/styles/datepicker/fabric.css +7 -20
  35. package/styles/datepicker/fluent-dark.css +7 -21
  36. package/styles/datepicker/fluent.css +7 -21
  37. package/styles/datepicker/highcontrast-light.css +7 -21
  38. package/styles/datepicker/highcontrast.css +7 -21
  39. package/styles/datepicker/material-dark.css +7 -22
  40. package/styles/datepicker/material.css +7 -23
  41. package/styles/datepicker/tailwind-dark.css +7 -21
  42. package/styles/datepicker/tailwind.css +7 -21
  43. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  44. package/styles/daterangepicker/bootstrap.css +32 -184
  45. package/styles/daterangepicker/bootstrap4.css +32 -185
  46. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  47. package/styles/daterangepicker/bootstrap5.css +32 -185
  48. package/styles/daterangepicker/fabric-dark.css +32 -184
  49. package/styles/daterangepicker/fabric.css +32 -184
  50. package/styles/daterangepicker/fluent-dark.css +35 -188
  51. package/styles/daterangepicker/fluent.css +35 -188
  52. package/styles/daterangepicker/highcontrast-light.css +32 -184
  53. package/styles/daterangepicker/highcontrast.css +32 -184
  54. package/styles/daterangepicker/material-dark.css +32 -185
  55. package/styles/daterangepicker/material.css +32 -186
  56. package/styles/daterangepicker/tailwind-dark.css +31 -178
  57. package/styles/daterangepicker/tailwind.css +31 -178
  58. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  59. package/styles/datetimepicker/bootstrap.css +7 -30
  60. package/styles/datetimepicker/bootstrap4.css +7 -30
  61. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  62. package/styles/datetimepicker/bootstrap5.css +7 -30
  63. package/styles/datetimepicker/fabric-dark.css +7 -30
  64. package/styles/datetimepicker/fabric.css +7 -30
  65. package/styles/datetimepicker/fluent-dark.css +7 -30
  66. package/styles/datetimepicker/fluent.css +7 -30
  67. package/styles/datetimepicker/highcontrast-light.css +7 -30
  68. package/styles/datetimepicker/highcontrast.css +7 -30
  69. package/styles/datetimepicker/material-dark.css +7 -31
  70. package/styles/datetimepicker/material.css +7 -32
  71. package/styles/datetimepicker/tailwind-dark.css +7 -30
  72. package/styles/datetimepicker/tailwind.css +7 -30
  73. package/styles/fabric-dark.css +96 -490
  74. package/styles/fabric.css +96 -491
  75. package/styles/fluent-dark.css +105 -527
  76. package/styles/fluent.css +105 -527
  77. package/styles/highcontrast-light.css +96 -492
  78. package/styles/highcontrast.css +96 -492
  79. package/styles/material-dark.css +96 -496
  80. package/styles/material.css +96 -500
  81. package/styles/tailwind-dark.css +98 -509
  82. package/styles/tailwind.css +98 -509
  83. package/styles/timepicker/bootstrap-dark.css +4 -22
  84. package/styles/timepicker/bootstrap.css +4 -22
  85. package/styles/timepicker/bootstrap4.css +4 -22
  86. package/styles/timepicker/bootstrap5-dark.css +4 -22
  87. package/styles/timepicker/bootstrap5.css +4 -22
  88. package/styles/timepicker/fabric-dark.css +4 -22
  89. package/styles/timepicker/fabric.css +4 -22
  90. package/styles/timepicker/fluent-dark.css +4 -22
  91. package/styles/timepicker/fluent.css +4 -22
  92. package/styles/timepicker/highcontrast-light.css +4 -22
  93. package/styles/timepicker/highcontrast.css +4 -22
  94. package/styles/timepicker/material-dark.css +4 -23
  95. package/styles/timepicker/material.css +4 -24
  96. package/styles/timepicker/tailwind-dark.css +4 -22
  97. package/styles/timepicker/tailwind.css +4 -22
package/styles/datetimepicker/bootstrap-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e93e';
4
- font-family: 'e-icons';
3
+ content: "\e93e";
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: 1px;
47
38
  border-style: none;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(26, 26, 26, 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: 5px 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #f0f0f0;
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: 10px 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: 15px;
@@ -166,7 +151,6 @@
166
151
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
167
152
  color: #f0f0f0;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #f0f0f0;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 4px;
177
161
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #2a2a2a;
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: #f0f0f0;
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: #414141;
193
172
  border: none;
194
173
  color: #f0f0f0;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #0070f0;
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: #0070f0;
204
181
  color: #fff;
205
- }
182
+ }
package/styles/datetimepicker/bootstrap.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e93e';
4
- font-family: 'e-icons';
3
+ content: "\e93e";
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: 1px;
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: 5px 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: 10px 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: 15px;
@@ -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: 4px;
177
161
  box-shadow: 0 6px 12px rgba(51, 51, 51, 0.175);
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: #f5f5f5;
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: #317ab9;
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: #317ab9;
204
181
  color: #fff;
205
- }
182
+ }
package/styles/datetimepicker/bootstrap4.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3
- content: '\e7c7';
4
- font-family: 'e-icons';
3
+ content: "\e7c7";
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: 1px;
47
38
  border-style: none;
@@ -56,7 +47,7 @@
56
47
  background-color: rgba(0, 0, 0, 0.15);
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: 5px 0;
80
69
  }
81
-
82
70
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
83
71
  color: #212529;
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: 10px 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: 15px;
@@ -168,7 +153,6 @@
168
153
  border-color: #545b62;
169
154
  color: #fff;
170
155
  }
171
-
172
156
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
173
157
  color: #fff;
174
158
  }
@@ -178,30 +162,23 @@
178
162
  border-radius: 4px;
179
163
  box-shadow: none;
180
164
  }
181
-
182
165
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
183
166
  background-color: #fff;
184
167
  }
185
-
186
168
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
169
  border: none;
188
170
  color: #212529;
189
171
  }
190
-
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
192
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
193
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
172
+ .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 {
194
173
  background-color: #f2f4f6;
195
174
  border: none;
196
175
  color: #212529;
197
176
  }
198
-
199
177
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
200
178
  background-color: #007bff;
201
179
  color: #fff;
202
180
  }
203
-
204
181
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
205
182
  background-color: #007bff;
206
183
  color: #fff;
207
- }
184
+ }
package/styles/datetimepicker/bootstrap5-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: #343a40;
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: #fff;
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: #fff;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #f8f9fa;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 6px;
177
161
  box-shadow: none;
178
162
  }
179
-
180
163
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
181
164
  background-color: #212529;
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: #fff;
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: #31373d;
193
172
  border: none;
194
173
  color: #fff;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #0d6efd;
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: #444c54;
204
181
  color: #fff;
205
- }
182
+ }
package/styles/datetimepicker/bootstrap5.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: #e9ecef;
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: #212529;
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: #212529;
168
153
  }
169
-
170
154
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
171
155
  color: #212529;
172
156
  }
@@ -176,30 +160,23 @@
176
160
  border-radius: 6px;
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: none;
186
168
  color: #212529;
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: #e9ecef;
193
172
  border: none;
194
173
  color: #212529;
195
174
  }
196
-
197
175
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
198
176
  background-color: #0d6efd;
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: #e9ecef;
204
181
  color: #212529;
205
- }
182
+ }