@syncfusion/ej2-angular-calendars 23.2.7-ngcc → 24.1.41-ngcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/CHANGELOG.md +0 -30
  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 +9 -9
  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 +1 -2952
  9. package/styles/bootstrap.css +1 -2960
  10. package/styles/bootstrap4.css +1 -2988
  11. package/styles/bootstrap5-dark.css +1 -3118
  12. package/styles/bootstrap5.css +1 -3118
  13. package/styles/calendar/bootstrap-dark.css +1 -824
  14. package/styles/calendar/bootstrap.css +1 -825
  15. package/styles/calendar/bootstrap4.css +1 -825
  16. package/styles/calendar/bootstrap5-dark.css +1 -894
  17. package/styles/calendar/bootstrap5.css +1 -894
  18. package/styles/calendar/fabric-dark.css +1 -830
  19. package/styles/calendar/fabric.css +1 -835
  20. package/styles/calendar/fluent-dark.css +1 -1000
  21. package/styles/calendar/fluent.css +1 -1000
  22. package/styles/calendar/highcontrast-light.css +1 -825
  23. package/styles/calendar/highcontrast.css +1 -835
  24. package/styles/calendar/material-dark.css +1 -834
  25. package/styles/calendar/material.css +1 -835
  26. package/styles/calendar/material3-dark.css +1 -894
  27. package/styles/calendar/material3.css +1 -950
  28. package/styles/calendar/tailwind-dark.css +1 -927
  29. package/styles/calendar/tailwind.css +1 -927
  30. package/styles/datepicker/bootstrap-dark.css +1 -449
  31. package/styles/datepicker/bootstrap.css +1 -450
  32. package/styles/datepicker/bootstrap4.css +1 -462
  33. package/styles/datepicker/bootstrap5-dark.css +1 -460
  34. package/styles/datepicker/bootstrap5.css +1 -460
  35. package/styles/datepicker/fabric-dark.css +1 -442
  36. package/styles/datepicker/fabric.css +1 -443
  37. package/styles/datepicker/fluent-dark.css +1 -460
  38. package/styles/datepicker/fluent.css +1 -460
  39. package/styles/datepicker/highcontrast-light.css +1 -455
  40. package/styles/datepicker/highcontrast.css +1 -456
  41. package/styles/datepicker/material-dark.css +1 -491
  42. package/styles/datepicker/material.css +1 -500
  43. package/styles/datepicker/material3-dark.css +1 -539
  44. package/styles/datepicker/material3.css +1 -595
  45. package/styles/datepicker/tailwind-dark.css +1 -465
  46. package/styles/datepicker/tailwind.css +1 -465
  47. package/styles/daterangepicker/bootstrap-dark.css +1 -1177
  48. package/styles/daterangepicker/bootstrap.css +1 -1183
  49. package/styles/daterangepicker/bootstrap4.css +1 -1195
  50. package/styles/daterangepicker/bootstrap5-dark.css +1 -1257
  51. package/styles/daterangepicker/bootstrap5.css +1 -1257
  52. package/styles/daterangepicker/fabric-dark.css +1 -1177
  53. package/styles/daterangepicker/fabric.css +1 -1178
  54. package/styles/daterangepicker/fluent-dark.css +1 -1295
  55. package/styles/daterangepicker/fluent.css +1 -1295
  56. package/styles/daterangepicker/highcontrast-light.css +1 -1177
  57. package/styles/daterangepicker/highcontrast.css +1 -1178
  58. package/styles/daterangepicker/material-dark.css +1 -1215
  59. package/styles/daterangepicker/material.css +1 -1229
  60. package/styles/daterangepicker/material3-dark.css +1 -1325
  61. package/styles/daterangepicker/material3.css +1 -1381
  62. package/styles/daterangepicker/tailwind-dark.css +1 -1196
  63. package/styles/daterangepicker/tailwind.css +1 -1196
  64. package/styles/datetimepicker/bootstrap-dark.css +1 -190
  65. package/styles/datetimepicker/bootstrap.css +1 -190
  66. package/styles/datetimepicker/bootstrap4.css +1 -192
  67. package/styles/datetimepicker/bootstrap5-dark.css +1 -191
  68. package/styles/datetimepicker/bootstrap5.css +1 -191
  69. package/styles/datetimepicker/fabric-dark.css +1 -190
  70. package/styles/datetimepicker/fabric.css +1 -190
  71. package/styles/datetimepicker/fluent-dark.css +1 -191
  72. package/styles/datetimepicker/fluent.css +1 -191
  73. package/styles/datetimepicker/highcontrast-light.css +1 -190
  74. package/styles/datetimepicker/highcontrast.css +1 -190
  75. package/styles/datetimepicker/material-dark.css +1 -240
  76. package/styles/datetimepicker/material.css +1 -257
  77. package/styles/datetimepicker/material3-dark.css +1 -282
  78. package/styles/datetimepicker/material3.css +1 -338
  79. package/styles/datetimepicker/tailwind-dark.css +1 -191
  80. package/styles/datetimepicker/tailwind.css +1 -191
  81. package/styles/fabric-dark.css +1 -2951
  82. package/styles/fabric.css +1 -2958
  83. package/styles/fluent-dark.css +1 -3260
  84. package/styles/fluent.css +1 -3260
  85. package/styles/highcontrast-light.css +1 -2959
  86. package/styles/highcontrast.css +1 -2971
  87. package/styles/material-dark.css +1 -3130
  88. package/styles/material.css +1 -3179
  89. package/styles/material3-dark.css +1 -3441
  90. package/styles/material3.css +1 -3721
  91. package/styles/tailwind-dark.css +1 -3092
  92. package/styles/tailwind.css +1 -3092
  93. package/styles/timepicker/bootstrap-dark.css +1 -309
  94. package/styles/timepicker/bootstrap.css +1 -309
  95. package/styles/timepicker/bootstrap4.css +1 -311
  96. package/styles/timepicker/bootstrap5-dark.css +1 -312
  97. package/styles/timepicker/bootstrap5.css +1 -312
  98. package/styles/timepicker/fabric-dark.css +1 -309
  99. package/styles/timepicker/fabric.css +1 -309
  100. package/styles/timepicker/fluent-dark.css +1 -310
  101. package/styles/timepicker/fluent.css +1 -310
  102. package/styles/timepicker/highcontrast-light.css +1 -309
  103. package/styles/timepicker/highcontrast.css +1 -309
  104. package/styles/timepicker/material-dark.css +1 -347
  105. package/styles/timepicker/material.css +1 -355
  106. package/styles/timepicker/material3-dark.css +1 -398
  107. package/styles/timepicker/material3.css +1 -454
  108. package/styles/timepicker/tailwind-dark.css +1 -310
  109. package/styles/timepicker/tailwind.css +1 -310
@@ -1,190 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- /*! component icons */
3
- .e-datetime-wrapper .e-time-icon.e-icons::before {
4
- content: "\e93e";
5
- font-family: "e-icons";
6
- }
7
-
8
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
9
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
10
- display: -ms-flexbox;
11
- display: flex;
12
- }
13
-
14
- .e-datetime-wrapper {
15
- /* stylelint-disable property-no-vendor-prefix */
16
- -webkit-tap-highlight-color: transparent;
17
- }
18
- .e-datetime-wrapper .e-time-icon.e-icons::before {
19
- font-size: 16px;
20
- }
21
- .e-datetime-wrapper.e-control-wrapper {
22
- box-sizing: border-box;
23
- }
24
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
25
- pointer-events: none;
26
- }
27
- .e-datetime-wrapper .e-clear-icon {
28
- box-sizing: content-box;
29
- }
30
- .e-datetime-wrapper span {
31
- cursor: pointer;
32
- }
33
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
34
- font-size: 16px;
35
- margin: 0;
36
- outline: none;
37
- }
38
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
39
- border: 1px;
40
- border-style: none;
41
- margin: 0;
42
- }
43
-
44
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
45
- margin: 0;
46
- }
47
-
48
- .e-datetimepicker.e-time-modal {
49
- background-color: rgba(26, 26, 26, 0.6);
50
- height: 100%;
51
- left: 0;
52
- opacity: 0.5;
53
- pointer-events: auto;
54
- position: fixed;
55
- top: 0;
56
- width: 100%;
57
- z-index: 999;
58
- }
59
-
60
- .e-datetimepicker.e-popup {
61
- border-style: solid;
62
- border-width: 1px;
63
- overflow: auto;
64
- }
65
- .e-datetimepicker.e-popup .e-content {
66
- position: relative;
67
- }
68
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
69
- margin: 0;
70
- padding: 5px 0;
71
- }
72
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
73
- color: #f0f0f0;
74
- cursor: default;
75
- font-size: 14px;
76
- overflow: hidden;
77
- position: relative;
78
- text-overflow: ellipsis;
79
- vertical-align: middle;
80
- white-space: nowrap;
81
- width: 100%;
82
- }
83
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
84
- cursor: pointer;
85
- }
86
-
87
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
88
- line-height: 26px;
89
- text-indent: 20px;
90
- }
91
-
92
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 18px;
95
- }
96
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
98
- margin: 0;
99
- }
100
-
101
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
102
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
103
- margin: 0;
104
- }
105
-
106
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
107
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
108
- padding: 10px 0;
109
- }
110
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
111
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
112
- font-size: 15px;
113
- line-height: 40px;
114
- text-indent: 20px;
115
- }
116
-
117
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
118
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
119
- font-size: 13px;
120
- line-height: 22px;
121
- text-indent: 12px;
122
- }
123
-
124
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
125
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
126
- font-size: 14px;
127
- line-height: 34px;
128
- text-indent: 20px;
129
- }
130
-
131
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
132
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
133
- font-size: 14px;
134
- }
135
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
136
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
137
- font-size: 18px;
138
- }
139
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
140
- background-size: 250px 33px;
141
- min-height: 33px;
142
- }
143
-
144
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
145
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
146
- background-size: 250px 40px;
147
- min-height: 40px;
148
- }
149
-
150
- .e-datetimepicker.e-popup-expand.e-popup {
151
- position: fixed;
152
- }
153
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
154
- position: relative;
155
- width: 100%;
156
- }
157
-
158
- /*! datetimepicker theme */
159
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
160
- color: #f0f0f0;
161
- }
162
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
163
- color: #f0f0f0;
164
- }
165
-
166
- .e-datetimepicker.e-popup {
167
- border: 1px solid #414141;
168
- border-radius: 4px;
169
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
170
- }
171
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
172
- background-color: #2a2a2a;
173
- }
174
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
175
- border: none;
176
- color: #f0f0f0;
177
- }
178
- .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 {
179
- background-color: #414141;
180
- border: none;
181
- color: #f0f0f0;
182
- }
183
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
184
- background-color: #0070f0;
185
- color: #fff;
186
- }
187
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
188
- background-color: #0070f0;
189
- color: #fff;
190
- }
1
+ @import '@syncfusion/ej2-calendars/styles/datetimepicker/bootstrap-dark.css';
@@ -1,190 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- /*! component icons */
3
- .e-datetime-wrapper .e-time-icon.e-icons::before {
4
- content: "\e93e";
5
- font-family: "e-icons";
6
- }
7
-
8
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
9
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
10
- display: -ms-flexbox;
11
- display: flex;
12
- }
13
-
14
- .e-datetime-wrapper {
15
- /* stylelint-disable property-no-vendor-prefix */
16
- -webkit-tap-highlight-color: transparent;
17
- }
18
- .e-datetime-wrapper .e-time-icon.e-icons::before {
19
- font-size: 16px;
20
- }
21
- .e-datetime-wrapper.e-control-wrapper {
22
- box-sizing: border-box;
23
- }
24
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
25
- pointer-events: none;
26
- }
27
- .e-datetime-wrapper .e-clear-icon {
28
- box-sizing: content-box;
29
- }
30
- .e-datetime-wrapper span {
31
- cursor: pointer;
32
- }
33
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
34
- font-size: 16px;
35
- margin: 0;
36
- outline: none;
37
- }
38
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
39
- border: 1px;
40
- border-style: none;
41
- margin: 0;
42
- }
43
-
44
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
45
- margin: 0;
46
- }
47
-
48
- .e-datetimepicker.e-time-modal {
49
- background-color: rgba(0, 0, 0, 0.6);
50
- height: 100%;
51
- left: 0;
52
- opacity: 0.5;
53
- pointer-events: auto;
54
- position: fixed;
55
- top: 0;
56
- width: 100%;
57
- z-index: 999;
58
- }
59
-
60
- .e-datetimepicker.e-popup {
61
- border-style: solid;
62
- border-width: 1px;
63
- overflow: auto;
64
- }
65
- .e-datetimepicker.e-popup .e-content {
66
- position: relative;
67
- }
68
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
69
- margin: 0;
70
- padding: 5px 0;
71
- }
72
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
73
- color: #333;
74
- cursor: default;
75
- font-size: 14px;
76
- overflow: hidden;
77
- position: relative;
78
- text-overflow: ellipsis;
79
- vertical-align: middle;
80
- white-space: nowrap;
81
- width: 100%;
82
- }
83
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
84
- cursor: pointer;
85
- }
86
-
87
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
88
- line-height: 26px;
89
- text-indent: 20px;
90
- }
91
-
92
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 18px;
95
- }
96
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
98
- margin: 0;
99
- }
100
-
101
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
102
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
103
- margin: 0;
104
- }
105
-
106
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
107
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
108
- padding: 10px 0;
109
- }
110
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
111
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
112
- font-size: 15px;
113
- line-height: 40px;
114
- text-indent: 20px;
115
- }
116
-
117
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
118
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
119
- font-size: 13px;
120
- line-height: 22px;
121
- text-indent: 12px;
122
- }
123
-
124
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
125
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
126
- font-size: 14px;
127
- line-height: 34px;
128
- text-indent: 20px;
129
- }
130
-
131
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
132
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
133
- font-size: 14px;
134
- }
135
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
136
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
137
- font-size: 18px;
138
- }
139
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
140
- background-size: 250px 33px;
141
- min-height: 33px;
142
- }
143
-
144
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
145
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
146
- background-size: 250px 40px;
147
- min-height: 40px;
148
- }
149
-
150
- .e-datetimepicker.e-popup-expand.e-popup {
151
- position: fixed;
152
- }
153
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
154
- position: relative;
155
- width: 100%;
156
- }
157
-
158
- /*! datetimepicker theme */
159
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
160
- color: #333;
161
- }
162
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
163
- color: #fff;
164
- }
165
-
166
- .e-datetimepicker.e-popup {
167
- border: 1px solid #ccc;
168
- border-radius: 4px;
169
- box-shadow: 0 6px 12px rgba(51, 51, 51, 0.175);
170
- }
171
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
172
- background-color: #fff;
173
- }
174
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
175
- border: none;
176
- color: #333;
177
- }
178
- .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 {
179
- background-color: #f5f5f5;
180
- border: none;
181
- color: #333;
182
- }
183
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
184
- background-color: #317ab9;
185
- color: #fff;
186
- }
187
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
188
- background-color: #317ab9;
189
- color: #fff;
190
- }
1
+ @import '@syncfusion/ej2-calendars/styles/datetimepicker/bootstrap.css';
@@ -1,192 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- /*! component icons */
3
- .e-datetime-wrapper .e-time-icon.e-icons::before {
4
- content: "\e7c7";
5
- font-family: "e-icons";
6
- }
7
-
8
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
9
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
10
- display: -ms-flexbox;
11
- display: flex;
12
- }
13
-
14
- .e-datetime-wrapper {
15
- /* stylelint-disable property-no-vendor-prefix */
16
- -webkit-tap-highlight-color: transparent;
17
- }
18
- .e-datetime-wrapper .e-time-icon.e-icons::before {
19
- font-size: 16px;
20
- }
21
- .e-datetime-wrapper.e-control-wrapper {
22
- box-sizing: border-box;
23
- }
24
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
25
- pointer-events: none;
26
- }
27
- .e-datetime-wrapper .e-clear-icon {
28
- box-sizing: content-box;
29
- }
30
- .e-datetime-wrapper span {
31
- cursor: pointer;
32
- }
33
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
34
- font-size: 16px;
35
- margin: 0;
36
- outline: none;
37
- }
38
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
39
- border: 1px;
40
- border-style: none;
41
- margin: 0;
42
- }
43
-
44
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
45
- margin: 0;
46
- }
47
-
48
- .e-datetimepicker.e-time-modal {
49
- background-color: rgba(0, 0, 0, 0.15);
50
- height: 100%;
51
- left: 0;
52
- opacity: 0.5;
53
- pointer-events: auto;
54
- position: fixed;
55
- top: 0;
56
- width: 100%;
57
- z-index: 999;
58
- }
59
-
60
- .e-datetimepicker.e-popup {
61
- border-style: solid;
62
- border-width: 1px;
63
- overflow: auto;
64
- }
65
- .e-datetimepicker.e-popup .e-content {
66
- position: relative;
67
- }
68
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
69
- margin: 0;
70
- padding: 5px 0;
71
- }
72
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
73
- color: #212529;
74
- cursor: default;
75
- font-size: 14px;
76
- overflow: hidden;
77
- position: relative;
78
- text-overflow: ellipsis;
79
- vertical-align: middle;
80
- white-space: nowrap;
81
- width: 100%;
82
- }
83
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
84
- cursor: pointer;
85
- }
86
-
87
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
88
- line-height: 26px;
89
- text-indent: 20px;
90
- }
91
-
92
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 18px;
95
- }
96
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
98
- margin: 0;
99
- }
100
-
101
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
102
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
103
- margin: 0;
104
- }
105
-
106
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
107
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
108
- padding: 10px 0;
109
- }
110
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
111
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
112
- font-size: 15px;
113
- line-height: 40px;
114
- text-indent: 20px;
115
- }
116
-
117
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
118
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
119
- font-size: 13px;
120
- line-height: 22px;
121
- text-indent: 12px;
122
- }
123
-
124
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
125
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
126
- font-size: 14px;
127
- line-height: 34px;
128
- text-indent: 20px;
129
- }
130
-
131
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
132
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
133
- font-size: 12px;
134
- }
135
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
136
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
137
- font-size: 15px;
138
- }
139
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
140
- background-size: 250px 33px;
141
- min-height: 33px;
142
- }
143
-
144
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
145
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
146
- background-size: 250px 40px;
147
- min-height: 40px;
148
- }
149
-
150
- .e-datetimepicker.e-popup-expand.e-popup {
151
- position: fixed;
152
- }
153
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
154
- position: relative;
155
- width: 100%;
156
- }
157
-
158
- /*! datetimepicker theme */
159
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
160
- background: #545b62;
161
- border-color: #545b62;
162
- color: #fff;
163
- }
164
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
165
- color: #fff;
166
- }
167
-
168
- .e-datetimepicker.e-popup {
169
- border: 1px solid rgba(0, 0, 0, 0.15);
170
- border-radius: 4px;
171
- box-shadow: none;
172
- }
173
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
174
- background-color: #fff;
175
- }
176
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
177
- border: none;
178
- color: #212529;
179
- }
180
- .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 {
181
- background-color: #f2f4f6;
182
- border: none;
183
- color: #212529;
184
- }
185
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
186
- background-color: #007bff;
187
- color: #fff;
188
- }
189
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
190
- background-color: #007bff;
191
- color: #fff;
192
- }
1
+ @import '@syncfusion/ej2-calendars/styles/datetimepicker/bootstrap4.css';