@syncfusion/ej2-angular-calendars 17.1.43 → 17.1.47-1015318

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 (101) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +69 -13
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-calendars.js +69 -13
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -1
  5. package/CHANGELOG.md +507 -4
  6. package/dist/ej2-angular-calendars.umd.js +70 -19
  7. package/dist/ej2-angular-calendars.umd.js.map +1 -1
  8. package/dist/ej2-angular-calendars.umd.min.js +1 -10
  9. package/dist/ej2-angular-calendars.umd.min.js.map +1 -1
  10. package/ej2-angular-calendars.metadata.json +1 -1
  11. package/package.json +65 -65
  12. package/postinstall/tagchange.js +18 -0
  13. package/schematics/utils/lib-details.d.ts +2 -2
  14. package/schematics/utils/lib-details.js +2 -2
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/calendar/calendar.component.d.ts +3 -0
  17. package/src/datepicker/datepicker-all.module.d.ts +2 -0
  18. package/src/datepicker/datepicker.component.d.ts +3 -0
  19. package/src/daterangepicker/daterangepicker.component.d.ts +3 -0
  20. package/src/daterangepicker/presets.directive.d.ts +1 -0
  21. package/src/datetimepicker/datetimepicker.component.d.ts +3 -0
  22. package/src/index.d.ts +1 -1
  23. package/src/timepicker/timepicker.component.d.ts +3 -0
  24. package/styles/bootstrap-dark.css +962 -339
  25. package/styles/bootstrap.css +963 -340
  26. package/styles/bootstrap4.css +966 -335
  27. package/styles/calendar/bootstrap-dark.css +390 -119
  28. package/styles/calendar/bootstrap.css +391 -120
  29. package/styles/calendar/bootstrap4.css +391 -120
  30. package/styles/calendar/fabric-dark.css +389 -123
  31. package/styles/calendar/fabric.css +391 -120
  32. package/styles/calendar/highcontrast-light.css +391 -120
  33. package/styles/calendar/highcontrast.css +391 -120
  34. package/styles/calendar/material-dark.css +404 -133
  35. package/styles/calendar/material.css +391 -120
  36. package/styles/calendar/tailwind-dark.css +993 -0
  37. package/styles/calendar/tailwind-dark.scss +1 -0
  38. package/styles/calendar/tailwind.css +993 -0
  39. package/styles/calendar/tailwind.scss +1 -0
  40. package/styles/datepicker/bootstrap-dark.css +65 -24
  41. package/styles/datepicker/bootstrap.css +65 -24
  42. package/styles/datepicker/bootstrap4.css +66 -17
  43. package/styles/datepicker/fabric-dark.css +63 -22
  44. package/styles/datepicker/fabric.css +63 -22
  45. package/styles/datepicker/highcontrast-light.css +63 -14
  46. package/styles/datepicker/highcontrast.css +63 -14
  47. package/styles/datepicker/material-dark.css +95 -18
  48. package/styles/datepicker/material.css +101 -15
  49. package/styles/datepicker/tailwind-dark.css +185 -0
  50. package/styles/datepicker/tailwind-dark.scss +1 -0
  51. package/styles/datepicker/tailwind.css +185 -0
  52. package/styles/datepicker/tailwind.scss +1 -0
  53. package/styles/daterangepicker/bootstrap-dark.css +381 -179
  54. package/styles/daterangepicker/bootstrap.css +381 -179
  55. package/styles/daterangepicker/bootstrap4.css +383 -181
  56. package/styles/daterangepicker/fabric-dark.css +381 -179
  57. package/styles/daterangepicker/fabric.css +381 -179
  58. package/styles/daterangepicker/highcontrast-light.css +381 -179
  59. package/styles/daterangepicker/highcontrast.css +381 -179
  60. package/styles/daterangepicker/material-dark.css +419 -189
  61. package/styles/daterangepicker/material.css +418 -179
  62. package/styles/daterangepicker/tailwind-dark.css +956 -0
  63. package/styles/daterangepicker/tailwind-dark.scss +1 -0
  64. package/styles/daterangepicker/tailwind.css +956 -0
  65. package/styles/daterangepicker/tailwind.scss +1 -0
  66. package/styles/datetimepicker/bootstrap-dark.css +42 -7
  67. package/styles/datetimepicker/bootstrap.css +42 -7
  68. package/styles/datetimepicker/bootstrap4.css +42 -7
  69. package/styles/datetimepicker/fabric-dark.css +42 -7
  70. package/styles/datetimepicker/fabric.css +42 -7
  71. package/styles/datetimepicker/highcontrast-light.css +43 -8
  72. package/styles/datetimepicker/highcontrast.css +43 -8
  73. package/styles/datetimepicker/material-dark.css +86 -11
  74. package/styles/datetimepicker/material.css +100 -7
  75. package/styles/datetimepicker/tailwind-dark.css +206 -0
  76. package/styles/datetimepicker/tailwind-dark.scss +1 -0
  77. package/styles/datetimepicker/tailwind.css +206 -0
  78. package/styles/datetimepicker/tailwind.scss +1 -0
  79. package/styles/fabric-dark.css +959 -341
  80. package/styles/fabric.css +961 -338
  81. package/styles/highcontrast-light.css +962 -331
  82. package/styles/highcontrast.css +962 -331
  83. package/styles/material-dark.css +1120 -365
  84. package/styles/material.css +1131 -331
  85. package/styles/tailwind-dark.css +2566 -0
  86. package/styles/tailwind-dark.scss +5 -0
  87. package/styles/tailwind.css +2566 -0
  88. package/styles/tailwind.scss +5 -0
  89. package/styles/timepicker/bootstrap-dark.css +84 -10
  90. package/styles/timepicker/bootstrap.css +84 -10
  91. package/styles/timepicker/bootstrap4.css +84 -10
  92. package/styles/timepicker/fabric-dark.css +84 -10
  93. package/styles/timepicker/fabric.css +84 -10
  94. package/styles/timepicker/highcontrast-light.css +84 -10
  95. package/styles/timepicker/highcontrast.css +84 -10
  96. package/styles/timepicker/material-dark.css +116 -14
  97. package/styles/timepicker/material.css +121 -10
  98. package/styles/timepicker/tailwind-dark.css +222 -0
  99. package/styles/timepicker/tailwind-dark.scss +1 -0
  100. package/styles/timepicker/tailwind.css +222 -0
  101. package/styles/timepicker/tailwind.scss +1 -0
package/styles/timepicker/fabric.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
3
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
4
  content: '\e97f';
5
5
  }
6
6
 
@@ -11,22 +11,22 @@
11
11
  }
12
12
 
13
13
  .e-time-wrapper,
14
- .e-control-wrapper.e-time-wrapper {
14
+ *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
17
 
18
18
  .e-time-wrapper .e-time-icon.e-icons,
19
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
19
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
20
  font-size: 16px;
21
21
  }
22
22
 
23
23
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
24
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
25
  pointer-events: none;
26
26
  }
27
27
 
28
28
  .e-time-wrapper span,
29
- .e-control-wrapper.e-time-wrapper span {
29
+ *.e-control-wrapper.e-time-wrapper span {
30
30
  cursor: pointer;
31
31
  }
32
32
 
@@ -78,24 +78,91 @@
78
78
  }
79
79
 
80
80
  .e-bigger .e-time-wrapper .e-time-icon.e-icons,
81
- .e-bigger.e-time-wrapper .e-time-icon.e-icons,
82
- .e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
83
- .e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
81
+ *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
82
+ *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
83
+ *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
84
84
  font-size: 20px;
85
85
  }
86
86
 
87
87
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
88
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
88
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
89
  padding: 0 0;
90
90
  }
91
91
 
92
92
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
93
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
94
  font-size: 14px;
95
95
  line-height: 48px;
96
96
  text-indent: 12px;
97
97
  }
98
98
 
99
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
100
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
101
+ font-size: 13px;
102
+ line-height: 26px;
103
+ text-indent: 10px;
104
+ }
105
+
106
+ .e-small .e-time-wrapper .e-time-icon.e-icons,
107
+ *.e-small.e-time-wrapper .e-time-icon.e-icons,
108
+ *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
109
+ *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
110
+ font-size: 14px;
111
+ }
112
+
113
+ .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
114
+ *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
115
+ font-size: 14px;
116
+ line-height: 40px;
117
+ text-indent: 16px;
118
+ }
119
+
120
+ .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
121
+ *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
122
+ *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
123
+ *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
124
+ font-size: 18px;
125
+ }
126
+
127
+ .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
128
+ background-size: 250px 33px;
129
+ min-height: 33px;
130
+ }
131
+
132
+ .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
133
+ .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
134
+ background-size: 250px 40px;
135
+ min-height: 40px;
136
+ }
137
+
138
+ .e-time-overflow {
139
+ overflow: hidden;
140
+ }
141
+
142
+ .e-timepicker-mob-popup-wrap {
143
+ -ms-flex-align: center;
144
+ align-items: center;
145
+ display: -ms-flexbox;
146
+ display: flex;
147
+ -ms-flex-direction: column;
148
+ flex-direction: column;
149
+ height: 100%;
150
+ -ms-flex-pack: center;
151
+ justify-content: center;
152
+ left: 0;
153
+ max-height: 100%;
154
+ position: fixed;
155
+ top: 0;
156
+ width: 100%;
157
+ z-index: 1002;
158
+ }
159
+
160
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
+ left: 0 !important;
162
+ position: relative;
163
+ top: 0 !important;
164
+ }
165
+
99
166
  /*! timepicker theme */
100
167
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
101
168
  color: #333;
@@ -145,3 +212,10 @@
145
212
  background-color: #0078d6;
146
213
  color: #fff;
147
214
  }
215
+
216
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
217
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
218
+ .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
219
+ *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
220
+ color: #333;
221
+ }
package/styles/timepicker/highcontrast-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
3
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
4
  content: '\e97f';
5
5
  }
6
6
 
@@ -11,22 +11,22 @@
11
11
  }
12
12
 
13
13
  .e-time-wrapper,
14
- .e-control-wrapper.e-time-wrapper {
14
+ *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
17
 
18
18
  .e-time-wrapper .e-time-icon.e-icons,
19
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
19
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
20
  font-size: 16px;
21
21
  }
22
22
 
23
23
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
24
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
25
  pointer-events: none;
26
26
  }
27
27
 
28
28
  .e-time-wrapper span,
29
- .e-control-wrapper.e-time-wrapper span {
29
+ *.e-control-wrapper.e-time-wrapper span {
30
30
  cursor: pointer;
31
31
  }
32
32
 
@@ -78,24 +78,91 @@
78
78
  }
79
79
 
80
80
  .e-bigger .e-time-wrapper .e-time-icon.e-icons,
81
- .e-bigger.e-time-wrapper .e-time-icon.e-icons,
82
- .e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
83
- .e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
81
+ *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
82
+ *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
83
+ *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
84
84
  font-size: 20px;
85
85
  }
86
86
 
87
87
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
88
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
88
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
89
  padding: 0 0;
90
90
  }
91
91
 
92
92
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
93
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
94
  font-size: 14px;
95
95
  line-height: 48px;
96
96
  text-indent: 12px;
97
97
  }
98
98
 
99
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
100
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
101
+ font-size: 13px;
102
+ line-height: 26px;
103
+ text-indent: 10px;
104
+ }
105
+
106
+ .e-small .e-time-wrapper .e-time-icon.e-icons,
107
+ *.e-small.e-time-wrapper .e-time-icon.e-icons,
108
+ *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
109
+ *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
110
+ font-size: 14px;
111
+ }
112
+
113
+ .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
114
+ *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
115
+ font-size: 14px;
116
+ line-height: 40px;
117
+ text-indent: 16px;
118
+ }
119
+
120
+ .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
121
+ *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
122
+ *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
123
+ *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
124
+ font-size: 18px;
125
+ }
126
+
127
+ .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
128
+ background-size: 250px 33px;
129
+ min-height: 33px;
130
+ }
131
+
132
+ .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
133
+ .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
134
+ background-size: 250px 40px;
135
+ min-height: 40px;
136
+ }
137
+
138
+ .e-time-overflow {
139
+ overflow: hidden;
140
+ }
141
+
142
+ .e-timepicker-mob-popup-wrap {
143
+ -ms-flex-align: center;
144
+ align-items: center;
145
+ display: -ms-flexbox;
146
+ display: flex;
147
+ -ms-flex-direction: column;
148
+ flex-direction: column;
149
+ height: 100%;
150
+ -ms-flex-pack: center;
151
+ justify-content: center;
152
+ left: 0;
153
+ max-height: 100%;
154
+ position: fixed;
155
+ top: 0;
156
+ width: 100%;
157
+ z-index: 1002;
158
+ }
159
+
160
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
+ left: 0 !important;
162
+ position: relative;
163
+ top: 0 !important;
164
+ }
165
+
99
166
  /*! timepicker theme */
100
167
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
101
168
  color: #000;
@@ -145,3 +212,10 @@
145
212
  background-color: #ecf;
146
213
  color: #000;
147
214
  }
215
+
216
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
217
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
218
+ .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
219
+ *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
220
+ color: #000;
221
+ }
package/styles/timepicker/highcontrast.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
3
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
4
  content: '\e97f';
5
5
  }
6
6
 
@@ -11,22 +11,22 @@
11
11
  }
12
12
 
13
13
  .e-time-wrapper,
14
- .e-control-wrapper.e-time-wrapper {
14
+ *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
17
 
18
18
  .e-time-wrapper .e-time-icon.e-icons,
19
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
19
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
20
  font-size: 16px;
21
21
  }
22
22
 
23
23
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
24
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
25
  pointer-events: none;
26
26
  }
27
27
 
28
28
  .e-time-wrapper span,
29
- .e-control-wrapper.e-time-wrapper span {
29
+ *.e-control-wrapper.e-time-wrapper span {
30
30
  cursor: pointer;
31
31
  }
32
32
 
@@ -78,24 +78,91 @@
78
78
  }
79
79
 
80
80
  .e-bigger .e-time-wrapper .e-time-icon.e-icons,
81
- .e-bigger.e-time-wrapper .e-time-icon.e-icons,
82
- .e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
83
- .e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
81
+ *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
82
+ *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
83
+ *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
84
84
  font-size: 20px;
85
85
  }
86
86
 
87
87
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
88
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
88
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
89
  padding: 0 0;
90
90
  }
91
91
 
92
92
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
93
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
94
  font-size: 14px;
95
95
  line-height: 48px;
96
96
  text-indent: 12px;
97
97
  }
98
98
 
99
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
100
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
101
+ font-size: 13px;
102
+ line-height: 26px;
103
+ text-indent: 10px;
104
+ }
105
+
106
+ .e-small .e-time-wrapper .e-time-icon.e-icons,
107
+ *.e-small.e-time-wrapper .e-time-icon.e-icons,
108
+ *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
109
+ *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
110
+ font-size: 14px;
111
+ }
112
+
113
+ .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
114
+ *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
115
+ font-size: 14px;
116
+ line-height: 40px;
117
+ text-indent: 16px;
118
+ }
119
+
120
+ .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
121
+ *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
122
+ *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
123
+ *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
124
+ font-size: 18px;
125
+ }
126
+
127
+ .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
128
+ background-size: 250px 33px;
129
+ min-height: 33px;
130
+ }
131
+
132
+ .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
133
+ .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
134
+ background-size: 250px 40px;
135
+ min-height: 40px;
136
+ }
137
+
138
+ .e-time-overflow {
139
+ overflow: hidden;
140
+ }
141
+
142
+ .e-timepicker-mob-popup-wrap {
143
+ -ms-flex-align: center;
144
+ align-items: center;
145
+ display: -ms-flexbox;
146
+ display: flex;
147
+ -ms-flex-direction: column;
148
+ flex-direction: column;
149
+ height: 100%;
150
+ -ms-flex-pack: center;
151
+ justify-content: center;
152
+ left: 0;
153
+ max-height: 100%;
154
+ position: fixed;
155
+ top: 0;
156
+ width: 100%;
157
+ z-index: 1002;
158
+ }
159
+
160
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
+ left: 0 !important;
162
+ position: relative;
163
+ top: 0 !important;
164
+ }
165
+
99
166
  /*! timepicker theme */
100
167
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
101
168
  color: #fff;
@@ -145,3 +212,10 @@
145
212
  background-color: #685708;
146
213
  color: #fff;
147
214
  }
215
+
216
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
217
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
218
+ .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
219
+ *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
220
+ color: #fff;
221
+ }
package/styles/timepicker/material-dark.css CHANGED
@@ -8,10 +8,38 @@
8
8
 
9
9
  /*! component icons */
10
10
  .e-time-wrapper .e-time-icon.e-icons::before,
11
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
11
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
12
12
  content: '\e20c';
13
13
  }
14
14
 
15
+ .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
16
+ .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
17
+ min-height: 0;
18
+ min-width: 20px;
19
+ }
20
+
21
+ .e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
22
+ .e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
23
+ .e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
24
+ min-height: 0;
25
+ min-width: 24px;
26
+ }
27
+
28
+ .e-small .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
29
+ .e-time-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon,
30
+ .e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
31
+ min-height: 0;
32
+ min-width: 18px;
33
+ }
34
+
35
+ .e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
36
+ .e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
37
+ .e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
38
+ .e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
39
+ min-height: 0;
40
+ min-width: 20px;
41
+ }
42
+
15
43
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
16
44
  .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
17
45
  display: -ms-flexbox;
@@ -19,24 +47,24 @@
19
47
  }
20
48
 
21
49
  .e-time-wrapper,
22
- .e-control-wrapper.e-time-wrapper {
50
+ *.e-control-wrapper.e-time-wrapper {
23
51
  -webkit-tap-highlight-color: transparent;
24
52
  }
25
53
 
26
54
  .e-time-wrapper .e-time-icon.e-icons,
27
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
55
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
28
56
  font-size: 16px;
29
57
  min-height: 20px;
30
58
  min-width: 20px;
31
59
  }
32
60
 
33
61
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
34
- .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
62
+ *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
35
63
  pointer-events: none;
36
64
  }
37
65
 
38
66
  .e-time-wrapper span,
39
- .e-control-wrapper.e-time-wrapper span {
67
+ *.e-control-wrapper.e-time-wrapper span {
40
68
  cursor: pointer;
41
69
  }
42
70
 
@@ -88,33 +116,100 @@
88
116
  }
89
117
 
90
118
  .e-bigger .e-time-wrapper .e-time-icon.e-icons,
91
- .e-bigger.e-time-wrapper .e-time-icon.e-icons,
92
- .e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
93
- .e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
119
+ *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
120
+ *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
121
+ *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
94
122
  font-size: 20px;
95
123
  min-height: 22px;
96
124
  min-width: 22px;
97
125
  }
98
126
 
99
127
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
100
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
128
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
101
129
  padding: 0 0;
102
130
  }
103
131
 
104
132
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
105
- .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
133
+ *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
106
134
  font-size: 14px;
107
135
  line-height: 48px;
108
136
  text-indent: 16px;
109
137
  }
110
138
 
139
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
140
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
141
+ font-size: 12px;
142
+ line-height: 26px;
143
+ text-indent: 12px;
144
+ }
145
+
146
+ .e-small .e-time-wrapper .e-time-icon.e-icons,
147
+ *.e-small.e-time-wrapper .e-time-icon.e-icons,
148
+ *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
149
+ *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
150
+ font-size: 14px;
151
+ }
152
+
153
+ .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
154
+ *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
155
+ font-size: 13px;
156
+ line-height: 40px;
157
+ text-indent: 16px;
158
+ }
159
+
160
+ .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
161
+ *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
162
+ *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
163
+ *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
164
+ font-size: 18px;
165
+ }
166
+
167
+ .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
168
+ background-size: 250px 33px;
169
+ min-height: 33px;
170
+ }
171
+
172
+ .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
173
+ .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
174
+ background-size: 250px 40px;
175
+ min-height: 40px;
176
+ }
177
+
178
+ .e-time-overflow {
179
+ overflow: hidden;
180
+ }
181
+
182
+ .e-timepicker-mob-popup-wrap {
183
+ -ms-flex-align: center;
184
+ align-items: center;
185
+ display: -ms-flexbox;
186
+ display: flex;
187
+ -ms-flex-direction: column;
188
+ flex-direction: column;
189
+ height: 100%;
190
+ -ms-flex-pack: center;
191
+ justify-content: center;
192
+ left: 0;
193
+ max-height: 100%;
194
+ position: fixed;
195
+ top: 0;
196
+ width: 100%;
197
+ z-index: 1002;
198
+ }
199
+
200
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
201
+ left: 0 !important;
202
+ position: relative;
203
+ top: 0 !important;
204
+ }
205
+
111
206
  /*! timepicker theme */
112
207
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
113
- color: #00b0ff;
208
+ color: #ff80ab;
114
209
  }
115
210
 
116
211
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
117
- color: #00b0ff;
212
+ color: #ff80ab;
118
213
  }
119
214
 
120
215
  .e-timepicker.e-popup {
@@ -150,10 +245,17 @@
150
245
 
151
246
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
152
247
  background-color: rgba(255, 255, 255, 0.1);
153
- color: #00b0ff;
248
+ color: #ff80ab;
154
249
  }
155
250
 
156
251
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
157
252
  background-color: rgba(255, 255, 255, 0.1);
158
- color: #00b0ff;
253
+ color: #ff80ab;
254
+ }
255
+
256
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
257
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
258
+ .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
259
+ *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
260
+ color: #000;
159
261
  }