@syncfusion/ej2-calendars 20.1.56 → 20.2.36

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 (134) hide show
  1. package/dist/ej2-calendars.umd.min.js +2 -2
  2. package/dist/ej2-calendars.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-calendars.es2015.js +115 -14
  4. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es5.js +117 -14
  6. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  7. package/dist/global/ej2-calendars.min.js +2 -2
  8. package/dist/global/ej2-calendars.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/helpers/e2e/calendarHelper.js +86 -70
  11. package/helpers/e2e/datepickerHelper.js +95 -79
  12. package/helpers/e2e/daterangepickerHelper.js +128 -112
  13. package/helpers/e2e/datetimepickerHelper.js +125 -109
  14. package/helpers/e2e/index.js +12 -10
  15. package/helpers/e2e/timepickerHelper.js +62 -46
  16. package/package.json +10 -10
  17. package/src/calendar/calendar.js +4 -0
  18. package/src/datepicker/datepicker.d.ts +1 -0
  19. package/src/datepicker/datepicker.js +2 -0
  20. package/src/daterangepicker/daterangepicker.d.ts +2 -0
  21. package/src/daterangepicker/daterangepicker.js +62 -8
  22. package/src/maskbase/interface.d.ts +1 -0
  23. package/src/maskbase/masked-date-time.d.ts +2 -0
  24. package/src/maskbase/masked-date-time.js +49 -6
  25. package/styles/bootstrap-dark.css +96 -491
  26. package/styles/bootstrap.css +96 -491
  27. package/styles/bootstrap4.css +96 -493
  28. package/styles/bootstrap5-dark.css +97 -499
  29. package/styles/bootstrap5.css +97 -499
  30. package/styles/calendar/_fusionnew-definition.scss +224 -0
  31. package/styles/calendar/_material3-definition.scss +224 -0
  32. package/styles/calendar/bootstrap-dark.css +50 -238
  33. package/styles/calendar/bootstrap.css +50 -238
  34. package/styles/calendar/bootstrap4.css +50 -238
  35. package/styles/calendar/bootstrap5-dark.css +51 -246
  36. package/styles/calendar/bootstrap5.css +51 -246
  37. package/styles/calendar/fabric-dark.css +50 -237
  38. package/styles/calendar/fabric.css +50 -238
  39. package/styles/calendar/fluent-dark.css +56 -270
  40. package/styles/calendar/fluent.css +56 -270
  41. package/styles/calendar/highcontrast-light.css +50 -238
  42. package/styles/calendar/highcontrast.css +50 -238
  43. package/styles/calendar/icons/_fusionnew.scss +12 -0
  44. package/styles/calendar/icons/_material3.scss +12 -0
  45. package/styles/calendar/material-dark.css +50 -238
  46. package/styles/calendar/material.css +50 -238
  47. package/styles/calendar/tailwind-dark.css +53 -261
  48. package/styles/calendar/tailwind.css +53 -261
  49. package/styles/datepicker/_fusionnew-definition.scss +42 -0
  50. package/styles/datepicker/_material3-definition.scss +42 -0
  51. package/styles/datepicker/bootstrap-dark.css +7 -20
  52. package/styles/datepicker/bootstrap.css +7 -20
  53. package/styles/datepicker/bootstrap4.css +7 -21
  54. package/styles/datepicker/bootstrap5-dark.css +7 -20
  55. package/styles/datepicker/bootstrap5.css +7 -20
  56. package/styles/datepicker/fabric-dark.css +7 -20
  57. package/styles/datepicker/fabric.css +7 -20
  58. package/styles/datepicker/fluent-dark.css +7 -21
  59. package/styles/datepicker/fluent.css +7 -21
  60. package/styles/datepicker/highcontrast-light.css +7 -21
  61. package/styles/datepicker/highcontrast.css +7 -21
  62. package/styles/datepicker/icons/_fusionnew.scss +55 -0
  63. package/styles/datepicker/icons/_material3.scss +55 -0
  64. package/styles/datepicker/material-dark.css +7 -22
  65. package/styles/datepicker/material.css +7 -23
  66. package/styles/datepicker/tailwind-dark.css +7 -21
  67. package/styles/datepicker/tailwind.css +7 -21
  68. package/styles/daterangepicker/_fusionnew-definition.scss +223 -0
  69. package/styles/daterangepicker/_material3-definition.scss +223 -0
  70. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  71. package/styles/daterangepicker/bootstrap.css +32 -184
  72. package/styles/daterangepicker/bootstrap4.css +32 -185
  73. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  74. package/styles/daterangepicker/bootstrap5.css +32 -185
  75. package/styles/daterangepicker/fabric-dark.css +32 -184
  76. package/styles/daterangepicker/fabric.css +32 -184
  77. package/styles/daterangepicker/fluent-dark.css +35 -188
  78. package/styles/daterangepicker/fluent.css +35 -188
  79. package/styles/daterangepicker/highcontrast-light.css +32 -184
  80. package/styles/daterangepicker/highcontrast.css +32 -184
  81. package/styles/daterangepicker/icons/_fusionnew.scss +67 -0
  82. package/styles/daterangepicker/icons/_material3.scss +67 -0
  83. package/styles/daterangepicker/material-dark.css +32 -185
  84. package/styles/daterangepicker/material.css +32 -186
  85. package/styles/daterangepicker/tailwind-dark.css +31 -178
  86. package/styles/daterangepicker/tailwind.css +31 -178
  87. package/styles/datetimepicker/_fusionnew-definition.scss +55 -0
  88. package/styles/datetimepicker/_material3-definition.scss +55 -0
  89. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  90. package/styles/datetimepicker/bootstrap.css +7 -30
  91. package/styles/datetimepicker/bootstrap4.css +7 -30
  92. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  93. package/styles/datetimepicker/bootstrap5.css +7 -30
  94. package/styles/datetimepicker/fabric-dark.css +7 -30
  95. package/styles/datetimepicker/fabric.css +7 -30
  96. package/styles/datetimepicker/fluent-dark.css +7 -30
  97. package/styles/datetimepicker/fluent.css +7 -30
  98. package/styles/datetimepicker/highcontrast-light.css +7 -30
  99. package/styles/datetimepicker/highcontrast.css +7 -30
  100. package/styles/datetimepicker/icons/_fusionnew.scss +11 -0
  101. package/styles/datetimepicker/icons/_material3.scss +11 -0
  102. package/styles/datetimepicker/material-dark.css +7 -31
  103. package/styles/datetimepicker/material.css +7 -32
  104. package/styles/datetimepicker/tailwind-dark.css +7 -30
  105. package/styles/datetimepicker/tailwind.css +7 -30
  106. package/styles/fabric-dark.css +96 -490
  107. package/styles/fabric.css +96 -491
  108. package/styles/fluent-dark.css +105 -527
  109. package/styles/fluent.css +105 -527
  110. package/styles/highcontrast-light.css +96 -492
  111. package/styles/highcontrast.css +96 -492
  112. package/styles/material-dark.css +96 -496
  113. package/styles/material.css +96 -500
  114. package/styles/tailwind-dark.css +98 -509
  115. package/styles/tailwind.css +98 -509
  116. package/styles/timepicker/_fusionnew-definition.scss +52 -0
  117. package/styles/timepicker/_material3-definition.scss +52 -0
  118. package/styles/timepicker/bootstrap-dark.css +4 -22
  119. package/styles/timepicker/bootstrap.css +4 -22
  120. package/styles/timepicker/bootstrap4.css +4 -22
  121. package/styles/timepicker/bootstrap5-dark.css +4 -22
  122. package/styles/timepicker/bootstrap5.css +4 -22
  123. package/styles/timepicker/fabric-dark.css +4 -22
  124. package/styles/timepicker/fabric.css +4 -22
  125. package/styles/timepicker/fluent-dark.css +4 -22
  126. package/styles/timepicker/fluent.css +4 -22
  127. package/styles/timepicker/highcontrast-light.css +4 -22
  128. package/styles/timepicker/highcontrast.css +4 -22
  129. package/styles/timepicker/icons/_fusionnew.scss +13 -0
  130. package/styles/timepicker/icons/_material3.scss +13 -0
  131. package/styles/timepicker/material-dark.css +4 -23
  132. package/styles/timepicker/material.css +4 -24
  133. package/styles/timepicker/tailwind-dark.css +4 -22
  134. package/styles/timepicker/tailwind.css +4 -22
package/styles/timepicker/_fusionnew-definition.scss ADDED
@@ -0,0 +1,52 @@
1
+ // size variables
2
+ $timepicker-default-text-indent: 12px !default;
3
+ $timepicker-list-bigger-line-height: 32px !default;
4
+ $timepicker-list-normal-line-height: 30px !default;
5
+ $timepicker-list-normal-font-size: $text-sm !default;
6
+ $timepicker-list-bigger-font-size: $text-base !default;
7
+ $timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
8
+ $timepicker-list-bigger-text-indent: 16px !default;
9
+ $timepicker-popup-border-radius: 6px !default;
10
+ $timepicker-list-font-weight: normal !default;
11
+ $timepicker-list-normal-padding: 0 !default;
12
+ $timepicker-list-bigger-padding: 0 !default;
13
+ $timepicker-font-icon: '\e20c' !default;
14
+ $timepicker-icon-normal-font-size: 16px !default;
15
+ $timepicker-icon-bigger-font-size: 18px !default;
16
+ $timepicker-normal-input-min-height: 20px !default;
17
+ $timepicker-normal-input-min-width: 20px !default;
18
+ $timepicker-bigger-input-min-height: 22px !default;
19
+ $timepicker-bigger-input-min-width: 22px !default;
20
+ $timepicker-list-default-border-style: none !default;
21
+ $timepicker-disable-opacity: 1 !default;
22
+ // mouse small
23
+ $timepicker-list-small-font-size: $text-sm !default;
24
+ $timepicker-list-small-line-height: 26px !default;
25
+ $timepicker-list-small-text-indent: 8px !default;
26
+ // mouse small icon
27
+ $timepicker-icon-small-font-size: 14px !default;
28
+ // Touch small
29
+ $timepicker-list-bigger-small-font-size: $text-sm !default;
30
+ $timepicker-list-bigger-small-line-height: 30px !default;
31
+ $timepicker-list-bigger-small-text-indent: 16px !default;
32
+ // Touch small icon
33
+ $timepicker-icon-bigger-small-font-size: 16px !default;
34
+ // color variables
35
+ $timepicker-popup-shadow: none !default;
36
+ $timepicker-list-default-font-color: $content-text-color !default;
37
+ $timepicker-list-border-color: 1px solid $border-light !default;
38
+ $timepicker-list-hover-border-color: none !default;
39
+ $timepicker-list-bg-color: $flyout-bg-color !default;
40
+ $timepicker-list-active-bg-color: $content-bg-color-selected !default;
41
+ $timepicker-icon-active-bg-color: $secondary-bg-color-pressed;
42
+ $timepicker-active-border-color: darken($gray-600, 10%) !default;
43
+ $timepicker-list-active-font-color: $flyout-text-color-pressed !default;
44
+ $timepicker-list-active-icon-color: $content-text-color-selected !default;
45
+ $timepicker-list-hover-bg-color: $flyout-bg-color-hover !default;
46
+ $timepicker-list-hover-font-color: $flyout-text-color-hover !default;
47
+ $timepicker-list-popup-icon-active-color: $flyout-text-color-pressed !default;
48
+ $timepicker-list-active-hover-bg-color: $flyout-bg-color-hover !default;
49
+ $timepicker-list-active-hover-font-color: $flyout-text-color-hover !default;
50
+ $timepicker-disable-text: $content-text-color-disabled !default;
51
+ $timepicker-default-overlay: $content-bg-color-alt2 !default;
52
+ $timepicker-list-small-font-color: $content-text-color !default;
package/styles/timepicker/_material3-definition.scss ADDED
@@ -0,0 +1,52 @@
1
+ // size variables
2
+ $timepicker-default-text-indent: 12px !default;
3
+ $timepicker-list-bigger-line-height: 32px !default;
4
+ $timepicker-list-normal-line-height: 30px !default;
5
+ $timepicker-list-normal-font-size: $text-sm !default;
6
+ $timepicker-list-bigger-font-size: $text-base !default;
7
+ $timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
8
+ $timepicker-list-bigger-text-indent: 16px !default;
9
+ $timepicker-popup-border-radius: 6px !default;
10
+ $timepicker-list-font-weight: normal !default;
11
+ $timepicker-list-normal-padding: 0 !default;
12
+ $timepicker-list-bigger-padding: 0 !default;
13
+ $timepicker-font-icon: '\e20c' !default;
14
+ $timepicker-icon-normal-font-size: 16px !default;
15
+ $timepicker-icon-bigger-font-size: 18px !default;
16
+ $timepicker-normal-input-min-height: 20px !default;
17
+ $timepicker-normal-input-min-width: 20px !default;
18
+ $timepicker-bigger-input-min-height: 22px !default;
19
+ $timepicker-bigger-input-min-width: 22px !default;
20
+ $timepicker-list-default-border-style: none !default;
21
+ $timepicker-disable-opacity: 1 !default;
22
+ // mouse small
23
+ $timepicker-list-small-font-size: $text-sm !default;
24
+ $timepicker-list-small-line-height: 26px !default;
25
+ $timepicker-list-small-text-indent: 8px !default;
26
+ // mouse small icon
27
+ $timepicker-icon-small-font-size: 14px !default;
28
+ // Touch small
29
+ $timepicker-list-bigger-small-font-size: $text-sm !default;
30
+ $timepicker-list-bigger-small-line-height: 30px !default;
31
+ $timepicker-list-bigger-small-text-indent: 16px !default;
32
+ // Touch small icon
33
+ $timepicker-icon-bigger-small-font-size: 16px !default;
34
+ // color variables
35
+ $timepicker-popup-shadow: none !default;
36
+ $timepicker-list-default-font-color: $content-text-color !default;
37
+ $timepicker-list-border-color: 1px solid $border-light !default;
38
+ $timepicker-list-hover-border-color: none !default;
39
+ $timepicker-list-bg-color: $flyout-bg-color !default;
40
+ $timepicker-list-active-bg-color: $content-bg-color-selected !default;
41
+ $timepicker-icon-active-bg-color: $secondary-bg-color-pressed;
42
+ $timepicker-active-border-color: darken($gray-600, 10%) !default;
43
+ $timepicker-list-active-font-color: $flyout-text-color-pressed !default;
44
+ $timepicker-list-active-icon-color: $content-text-color-selected !default;
45
+ $timepicker-list-hover-bg-color: $flyout-bg-color-hover !default;
46
+ $timepicker-list-hover-font-color: $flyout-text-color-hover !default;
47
+ $timepicker-list-popup-icon-active-color: $flyout-text-color-pressed !default;
48
+ $timepicker-list-active-hover-bg-color: $flyout-bg-color-hover !default;
49
+ $timepicker-list-active-hover-font-color: $flyout-text-color-hover !default;
50
+ $timepicker-disable-text: $content-text-color-disabled !default;
51
+ $timepicker-default-overlay: $content-bg-color-alt2 !default;
52
+ $timepicker-list-small-font-color: $content-text-color !default;
package/styles/timepicker/bootstrap-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e93e';
4
+ content: "\e93e";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(26, 26, 26, 0.6);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 15px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #fff;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #f0f0f0;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 4px;
179
169
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #2a2a2a;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: none;
188
176
  color: #f0f0f0;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: #585858;
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #414141;
203
187
  border: none;
204
188
  color: #f0f0f0;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #0070f0;
209
192
  color: #fff;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #0070f0;
214
196
  color: #fff;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #f0f0f0;
222
- }
204
+ }
package/styles/timepicker/bootstrap.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e93e';
4
+ content: "\e93e";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(0, 0, 0, 0.6);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 15px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -167,7 +158,6 @@
167
158
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
168
159
  color: #333;
169
160
  }
170
-
171
161
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
162
  color: #333;
173
163
  }
@@ -178,16 +168,13 @@
178
168
  border-radius: 4px;
179
169
  box-shadow: 0 6px 12px rgba(51, 51, 51, 0.175);
180
170
  }
181
-
182
171
  .e-timepicker.e-popup .e-list-parent.e-ul {
183
172
  background-color: #fff;
184
173
  }
185
-
186
174
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
187
175
  border: none;
188
176
  color: #333;
189
177
  }
190
-
191
178
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
192
179
  color: rgba(85, 85, 85, 0.65);
193
180
  opacity: 1;
@@ -195,20 +182,15 @@
195
182
  -ms-touch-action: none;
196
183
  touch-action: none;
197
184
  }
198
-
199
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
185
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
202
186
  background-color: #f5f5f5;
203
187
  border: none;
204
188
  color: #333;
205
189
  }
206
-
207
190
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
208
191
  background-color: #317ab9;
209
192
  color: #fff;
210
193
  }
211
-
212
194
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
213
195
  background-color: #f5f5f5;
214
196
  color: #333;
@@ -219,4 +201,4 @@
219
201
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
220
202
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
221
203
  color: #333;
222
- }
204
+ }
package/styles/timepicker/bootstrap4.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e7c7';
4
+ content: "\e7c7";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 14px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: rgba(0, 0, 0, 0.5);
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 16px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -169,7 +160,6 @@
169
160
  border-color: #545b62;
170
161
  color: #fff;
171
162
  }
172
-
173
163
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
174
164
  color: #fff;
175
165
  }
@@ -180,16 +170,13 @@
180
170
  border-radius: 4px;
181
171
  box-shadow: none;
182
172
  }
183
-
184
173
  .e-timepicker.e-popup .e-list-parent.e-ul {
185
174
  background-color: #fff;
186
175
  }
187
-
188
176
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
189
177
  border: none;
190
178
  color: #212529;
191
179
  }
192
-
193
180
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
194
181
  color: #adb5bd;
195
182
  opacity: 1;
@@ -197,20 +184,15 @@
197
184
  -ms-touch-action: none;
198
185
  touch-action: none;
199
186
  }
200
-
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
202
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
203
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
187
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
204
188
  background-color: #f2f4f6;
205
189
  border: none;
206
190
  color: #212529;
207
191
  }
208
-
209
192
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
210
193
  background-color: #007bff;
211
194
  color: #fff;
212
195
  }
213
-
214
196
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
215
197
  background-color: #f2f4f6;
216
198
  color: #212529;
@@ -221,4 +203,4 @@
221
203
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
222
204
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
223
205
  color: #212529;
224
- }
206
+ }
package/styles/timepicker/bootstrap5-dark.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! component icons */
2
2
  .e-time-wrapper .e-time-icon.e-icons::before,
3
3
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
4
- content: '\e705';
4
+ content: "\e705";
5
5
  }
6
6
 
7
7
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
14
14
  *.e-control-wrapper.e-time-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-time-wrapper .e-time-icon.e-icons,
19
18
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
20
19
  font-size: 16px;
21
20
  }
22
-
23
21
  .e-time-wrapper .e-time-icon.e-icons.e-disabled,
24
22
  *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
25
23
  pointer-events: none;
26
24
  }
27
-
28
25
  .e-time-wrapper span,
29
26
  *.e-control-wrapper.e-time-wrapper span {
30
27
  cursor: pointer;
@@ -34,7 +31,7 @@
34
31
  background-color: #343a40;
35
32
  height: 100%;
36
33
  left: 0;
37
- opacity: .5;
34
+ opacity: 0.5;
38
35
  pointer-events: auto;
39
36
  position: fixed;
40
37
  top: 0;
@@ -47,16 +44,13 @@
47
44
  border-width: 1px;
48
45
  overflow: auto;
49
46
  }
50
-
51
47
  .e-timepicker.e-popup .e-content {
52
48
  position: relative;
53
49
  }
54
-
55
50
  .e-timepicker.e-popup .e-list-parent.e-ul {
56
51
  margin: 0;
57
52
  padding: 0 0;
58
53
  }
59
-
60
54
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
61
55
  cursor: default;
62
56
  font-size: 14px;
@@ -67,7 +61,6 @@
67
61
  white-space: nowrap;
68
62
  width: 100%;
69
63
  }
70
-
71
64
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
72
65
  cursor: pointer;
73
66
  }
@@ -88,7 +81,6 @@
88
81
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
89
82
  padding: 0 0;
90
83
  }
91
-
92
84
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
93
85
  *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
94
86
  font-size: 16px;
@@ -156,7 +148,6 @@
156
148
  width: 100%;
157
149
  z-index: 1002;
158
150
  }
159
-
160
151
  .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
161
152
  left: 0 !important;
162
153
  position: relative;
@@ -169,7 +160,6 @@
169
160
  border-color: #545b62;
170
161
  color: #fff;
171
162
  }
172
-
173
163
  .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
174
164
  color: #fff;
175
165
  }
@@ -180,16 +170,13 @@
180
170
  border-radius: 6px;
181
171
  box-shadow: none;
182
172
  }
183
-
184
173
  .e-timepicker.e-popup .e-list-parent.e-ul {
185
174
  background-color: #343a40;
186
175
  }
187
-
188
176
  .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
189
177
  border: none;
190
178
  color: #fff;
191
179
  }
192
-
193
180
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
194
181
  color: #6c757d;
195
182
  opacity: 1;
@@ -197,20 +184,15 @@
197
184
  -ms-touch-action: none;
198
185
  touch-action: none;
199
186
  }
200
-
201
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
202
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
203
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
187
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
204
188
  background-color: #444c54;
205
189
  border: none;
206
190
  color: #fff;
207
191
  }
208
-
209
192
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
210
193
  background-color: #0d6efd;
211
194
  color: #fff;
212
195
  }
213
-
214
196
  .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
215
197
  background-color: #444c54;
216
198
  color: #fff;
@@ -221,4 +203,4 @@
221
203
  .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
222
204
  *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
223
205
  color: #fff;
224
- }
206
+ }