@pisell/materials 1.0.387 → 1.0.388

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.
@@ -1,8 +1,8 @@
1
1
  [class^='pisell-lowcode-picker'],
2
2
  [class*=' pisell-lowcode-picker'] {
3
3
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
4
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
5
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
4
+ 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
5
+ 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
6
6
  font-size: 14px;
7
7
  box-sizing: border-box;
8
8
  }
@@ -15,26 +15,17 @@
15
15
  [class^='pisell-lowcode-picker'] [class^='pisell-lowcode-picker'],
16
16
  [class*=' pisell-lowcode-picker'] [class^='pisell-lowcode-picker'],
17
17
  [class^='pisell-lowcode-picker'] [class*=' pisell-lowcode-picker'],
18
- [class*=' pisell-lowcode-picker']
19
- [class*=' pisell-lowcode-picker'] {
18
+ [class*=' pisell-lowcode-picker'] [class*=' pisell-lowcode-picker'] {
20
19
  box-sizing: border-box;
21
20
  }
22
- [class^='pisell-lowcode-picker']
23
- [class^='pisell-lowcode-picker']::before,
24
- [class*=' pisell-lowcode-picker']
25
- [class^='pisell-lowcode-picker']::before,
26
- [class^='pisell-lowcode-picker']
27
- [class*=' pisell-lowcode-picker']::before,
28
- [class*=' pisell-lowcode-picker']
29
- [class*=' pisell-lowcode-picker']::before,
30
- [class^='pisell-lowcode-picker']
31
- [class^='pisell-lowcode-picker']::after,
32
- [class*=' pisell-lowcode-picker']
33
- [class^='pisell-lowcode-picker']::after,
34
- [class^='pisell-lowcode-picker']
35
- [class*=' pisell-lowcode-picker']::after,
36
- [class*=' pisell-lowcode-picker']
37
- [class*=' pisell-lowcode-picker']::after {
21
+ [class^='pisell-lowcode-picker'] [class^='pisell-lowcode-picker']::before,
22
+ [class*=' pisell-lowcode-picker'] [class^='pisell-lowcode-picker']::before,
23
+ [class^='pisell-lowcode-picker'] [class*=' pisell-lowcode-picker']::before,
24
+ [class*=' pisell-lowcode-picker'] [class*=' pisell-lowcode-picker']::before,
25
+ [class^='pisell-lowcode-picker'] [class^='pisell-lowcode-picker']::after,
26
+ [class*=' pisell-lowcode-picker'] [class^='pisell-lowcode-picker']::after,
27
+ [class^='pisell-lowcode-picker'] [class*=' pisell-lowcode-picker']::after,
28
+ [class*=' pisell-lowcode-picker'] [class*=' pisell-lowcode-picker']::after {
38
29
  box-sizing: border-box;
39
30
  }
40
31
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker {
@@ -46,8 +37,8 @@
46
37
  line-height: 1;
47
38
  list-style: none;
48
39
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
49
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
50
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
40
+ 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
41
+ 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
51
42
  position: relative;
52
43
  display: inline-flex;
53
44
  align-items: center;
@@ -70,7 +61,7 @@
70
61
  cursor: not-allowed;
71
62
  }
72
63
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker.pisell-lowcode-picker-disabled
73
- .pisell-lowcode-picker-suffix {
64
+ .pisell-lowcode-picker-suffix {
74
65
  color: #d0d5dd;
75
66
  }
76
67
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker.pisell-lowcode-picker-borderless {
@@ -78,13 +69,16 @@
78
69
  border-color: transparent !important;
79
70
  box-shadow: none !important;
80
71
  }
81
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input {
72
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
73
+ .pisell-lowcode-picker-input {
82
74
  position: relative;
83
75
  display: inline-flex;
84
76
  align-items: center;
85
77
  width: 100%;
86
78
  }
87
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input {
79
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
80
+ .pisell-lowcode-picker-input
81
+ > input {
88
82
  position: relative;
89
83
  display: inline-block;
90
84
  width: 100%;
@@ -107,38 +101,42 @@
107
101
  font-family: inherit;
108
102
  }
109
103
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
110
- .pisell-lowcode-picker-input
111
- > input::-moz-placeholder {
104
+ .pisell-lowcode-picker-input
105
+ > input::-moz-placeholder {
112
106
  opacity: 1;
113
107
  }
114
108
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
115
- .pisell-lowcode-picker-input
116
- > input::placeholder {
109
+ .pisell-lowcode-picker-input
110
+ > input::placeholder {
117
111
  color: #667085;
118
112
  user-select: none;
119
113
  }
120
114
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
121
- .pisell-lowcode-picker-input
122
- > input:placeholder-shown {
115
+ .pisell-lowcode-picker-input
116
+ > input:placeholder-shown {
123
117
  text-overflow: ellipsis;
124
118
  }
125
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input:hover {
119
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
120
+ .pisell-lowcode-picker-input
121
+ > input:hover {
126
122
  border-color: #6941c6;
127
123
  }
128
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input:focus,
129
124
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
130
- .pisell-lowcode-picker-input
131
- > input:focus-within {
125
+ .pisell-lowcode-picker-input
126
+ > input:focus,
127
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
128
+ .pisell-lowcode-picker-input
129
+ > input:focus-within {
132
130
  border-color: #7f56d9;
133
131
  box-shadow: 0 0 0 2px rgba(105, 5, 255, 0.04);
134
132
  outline: 0;
135
133
  }
136
134
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
137
- .pisell-lowcode-picker-input
138
- > input-disabled,
135
+ .pisell-lowcode-picker-input
136
+ > input-disabled,
139
137
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
140
- .pisell-lowcode-picker-input
141
- > input[disabled] {
138
+ .pisell-lowcode-picker-input
139
+ > input[disabled] {
142
140
  color: #98a2b3;
143
141
  background-color: #f9fafb;
144
142
  border-color: #d0d5dd;
@@ -147,39 +145,39 @@
147
145
  opacity: 1;
148
146
  }
149
147
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
150
- .pisell-lowcode-picker-input
151
- > input-disabled:hover:not([disabled]),
148
+ .pisell-lowcode-picker-input
149
+ > input-disabled:hover:not([disabled]),
152
150
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
153
- .pisell-lowcode-picker-input
154
- > input[disabled]:hover:not([disabled]) {
151
+ .pisell-lowcode-picker-input
152
+ > input[disabled]:hover:not([disabled]) {
155
153
  border-color: #d0d5dd;
156
154
  background-color: #f9fafb;
157
155
  }
158
156
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
159
- .pisell-lowcode-picker-input
160
- > input-borderless,
157
+ .pisell-lowcode-picker-input
158
+ > input-borderless,
161
159
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
162
- .pisell-lowcode-picker-input
163
- > input-borderless:hover,
160
+ .pisell-lowcode-picker-input
161
+ > input-borderless:hover,
164
162
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
165
- .pisell-lowcode-picker-input
166
- > input-borderless:focus,
163
+ .pisell-lowcode-picker-input
164
+ > input-borderless:focus,
167
165
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
168
- .pisell-lowcode-picker-input
169
- > input-borderless-focused,
166
+ .pisell-lowcode-picker-input
167
+ > input-borderless-focused,
170
168
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
171
- .pisell-lowcode-picker-input
172
- > input-borderless-disabled,
169
+ .pisell-lowcode-picker-input
170
+ > input-borderless-disabled,
173
171
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
174
- .pisell-lowcode-picker-input
175
- > input-borderless[disabled] {
172
+ .pisell-lowcode-picker-input
173
+ > input-borderless[disabled] {
176
174
  background-color: transparent;
177
175
  border: none;
178
176
  box-shadow: none;
179
177
  }
180
178
  textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
181
- .pisell-lowcode-picker-input
182
- > input {
179
+ .pisell-lowcode-picker-input
180
+ > input {
183
181
  max-width: 100%;
184
182
  height: auto;
185
183
  min-height: 32px;
@@ -188,40 +186,48 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
188
186
  transition: all 0.3s, height 0s;
189
187
  resize: vertical;
190
188
  }
191
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input-lg {
189
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
190
+ .pisell-lowcode-picker-input
191
+ > input-lg {
192
192
  padding: 7px 11px;
193
193
  font-size: 16px;
194
194
  line-height: 1.5;
195
195
  border-radius: 10px;
196
196
  }
197
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input-sm {
197
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
198
+ .pisell-lowcode-picker-input
199
+ > input-sm {
198
200
  padding: 0px 7px;
199
201
  border-radius: 6px;
200
202
  }
201
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input-rtl {
203
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
204
+ .pisell-lowcode-picker-input
205
+ > input-rtl {
202
206
  direction: rtl;
203
207
  }
204
208
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
205
- .pisell-lowcode-picker-input
206
- > input-textarea-rtl {
209
+ .pisell-lowcode-picker-input
210
+ > input-textarea-rtl {
207
211
  direction: rtl;
208
212
  }
209
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-input > input:focus {
213
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
214
+ .pisell-lowcode-picker-input
215
+ > input:focus {
210
216
  box-shadow: none;
211
217
  }
212
218
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
213
- .pisell-lowcode-picker-input
214
- > input[disabled] {
219
+ .pisell-lowcode-picker-input
220
+ > input[disabled] {
215
221
  background: transparent;
216
222
  }
217
223
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
218
- .pisell-lowcode-picker-input:hover
219
- .pisell-lowcode-picker-clear {
224
+ .pisell-lowcode-picker-input:hover
225
+ .pisell-lowcode-picker-clear {
220
226
  opacity: 1;
221
227
  }
222
228
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
223
- .pisell-lowcode-picker-input-placeholder
224
- > input {
229
+ .pisell-lowcode-picker-input-placeholder
230
+ > input {
225
231
  color: #667085;
226
232
  }
227
233
  .pisell-lowcode-picker-large {
@@ -234,7 +240,8 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
234
240
  .pisell-lowcode-picker-small {
235
241
  padding: 0px 7px 0px;
236
242
  }
237
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-suffix {
243
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
244
+ .pisell-lowcode-picker-suffix {
238
245
  display: flex;
239
246
  flex: none;
240
247
  align-self: center;
@@ -243,15 +250,18 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
243
250
  line-height: 1;
244
251
  pointer-events: none;
245
252
  }
246
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-suffix > * {
253
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
254
+ .pisell-lowcode-picker-suffix
255
+ > * {
247
256
  vertical-align: top;
248
257
  }
249
258
  .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
250
- .pisell-lowcode-picker-suffix
251
- > *:not(:last-child) {
259
+ .pisell-lowcode-picker-suffix
260
+ > *:not(:last-child) {
252
261
  margin-right: 8px;
253
262
  }
254
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-clear {
263
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
264
+ .pisell-lowcode-picker-clear {
255
265
  position: absolute;
256
266
  top: 50%;
257
267
  right: 0;
@@ -263,13 +273,17 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
263
273
  opacity: 0;
264
274
  transition: opacity 0.2s, color 0.2s;
265
275
  }
266
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-clear > * {
276
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
277
+ .pisell-lowcode-picker-clear
278
+ > * {
267
279
  vertical-align: top;
268
280
  }
269
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-clear:hover {
281
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
282
+ .pisell-lowcode-picker-clear:hover {
270
283
  color: #667085;
271
284
  }
272
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker .pisell-lowcode-picker-separator {
285
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
286
+ .pisell-lowcode-picker-separator {
273
287
  position: relative;
274
288
  display: inline-block;
275
289
  width: 1em;
@@ -280,14 +294,14 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
280
294
  cursor: default;
281
295
  }
282
296
  .pisell-lowcode-picker-focused
283
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
284
- .pisell-lowcode-picker-separator {
297
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
298
+ .pisell-lowcode-picker-separator {
285
299
  color: #667085;
286
300
  }
287
301
  .pisell-lowcode-picker-disabled
288
- .pisell-lowcode-picker-range-separator
289
- .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
290
- .pisell-lowcode-picker-separator {
302
+ .pisell-lowcode-picker-range-separator
303
+ .pisell-lowcode-picker.pisell-lowcode-mode-date-picker
304
+ .pisell-lowcode-picker-separator {
291
305
  cursor: not-allowed;
292
306
  }
293
307
  .pisell-lowcode-picker-range {
@@ -310,21 +324,20 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
310
324
  pointer-events: none;
311
325
  }
312
326
  .pisell-lowcode-picker-range.pisell-lowcode-picker-focused
313
- .pisell-lowcode-picker-active-bar {
327
+ .pisell-lowcode-picker-active-bar {
314
328
  opacity: 1;
315
329
  }
316
- .pisell-lowcode-picker-range
317
- .pisell-lowcode-picker-range-separator {
330
+ .pisell-lowcode-picker-range .pisell-lowcode-picker-range-separator {
318
331
  align-items: center;
319
332
  padding: 0 8px;
320
333
  line-height: 1;
321
334
  }
322
335
  .pisell-lowcode-picker-range.pisell-lowcode-picker-small
323
- .pisell-lowcode-picker-clear {
336
+ .pisell-lowcode-picker-clear {
324
337
  right: 7px;
325
338
  }
326
339
  .pisell-lowcode-picker-range.pisell-lowcode-picker-small
327
- .pisell-lowcode-picker-active-bar {
340
+ .pisell-lowcode-picker-active-bar {
328
341
  margin-left: 7px;
329
342
  }
330
343
  .pisell-lowcode-picker-custom-dropdown {
@@ -352,33 +365,31 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
352
365
  border-radius: 10px;
353
366
  outline: none;
354
367
  }
355
- .pisell-lowcode-picker-custom-dropdown
356
- .pisell-lowcode-picker-panel-focused {
368
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-panel-focused {
357
369
  border-color: #7f56d9;
358
370
  }
359
371
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-panel-rtl {
360
372
  direction: rtl;
361
373
  }
362
374
  .pisell-lowcode-picker-custom-dropdown
363
- .pisell-lowcode-picker-panel-rtl
364
- .pisell-lowcode-picker-prev-icon,
375
+ .pisell-lowcode-picker-panel-rtl
376
+ .pisell-lowcode-picker-prev-icon,
365
377
  .pisell-lowcode-picker-custom-dropdown
366
- .pisell-lowcode-picker-panel-rtl
367
- .pisell-lowcode-picker-super-prev-icon {
378
+ .pisell-lowcode-picker-panel-rtl
379
+ .pisell-lowcode-picker-super-prev-icon {
368
380
  transform: rotate(45deg);
369
381
  }
370
382
  .pisell-lowcode-picker-custom-dropdown
371
- .pisell-lowcode-picker-panel-rtl
372
- .pisell-lowcode-picker-next-icon,
383
+ .pisell-lowcode-picker-panel-rtl
384
+ .pisell-lowcode-picker-next-icon,
373
385
  .pisell-lowcode-picker-custom-dropdown
374
- .pisell-lowcode-picker-panel-rtl
375
- .pisell-lowcode-picker-super-next-icon {
386
+ .pisell-lowcode-picker-panel-rtl
387
+ .pisell-lowcode-picker-super-next-icon {
376
388
  transform: rotate(-135deg);
377
389
  }
378
390
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-decade-panel,
379
391
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-year-panel,
380
- .pisell-lowcode-picker-custom-dropdown
381
- .pisell-lowcode-picker-quarter-panel,
392
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-quarter-panel,
382
393
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-month-panel,
383
394
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-week-panel,
384
395
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-date-panel,
@@ -396,9 +407,7 @@ textarea.pisell-lowcode-picker.pisell-lowcode-mode-date-picker
396
407
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-header > * {
397
408
  flex: none;
398
409
  }
399
- .pisell-lowcode-picker-custom-dropdown
400
- .pisell-lowcode-picker-header
401
- button {
410
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-header button {
402
411
  padding: 0;
403
412
  color: #667085;
404
413
  line-height: 40px;
@@ -408,15 +417,13 @@ button {
408
417
  transition: color 0.2s;
409
418
  font-size: inherit;
410
419
  }
411
- .pisell-lowcode-picker-custom-dropdown
412
- .pisell-lowcode-picker-header
413
- > button {
420
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-header > button {
414
421
  min-width: 1.6em;
415
422
  font-size: 14px;
416
423
  }
417
424
  .pisell-lowcode-picker-custom-dropdown
418
- .pisell-lowcode-picker-header
419
- > button:hover {
425
+ .pisell-lowcode-picker-header
426
+ > button:hover {
420
427
  color: #101828;
421
428
  }
422
429
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-header-view {
@@ -425,41 +432,37 @@ button {
425
432
  line-height: 40px;
426
433
  }
427
434
  .pisell-lowcode-picker-custom-dropdown
428
- .pisell-lowcode-picker-header-view
429
- button {
435
+ .pisell-lowcode-picker-header-view
436
+ button {
430
437
  color: inherit;
431
438
  font-weight: inherit;
432
439
  vertical-align: top;
433
440
  }
434
441
  .pisell-lowcode-picker-custom-dropdown
435
- .pisell-lowcode-picker-header-view
436
- button:not(:first-child) {
442
+ .pisell-lowcode-picker-header-view
443
+ button:not(:first-child) {
437
444
  margin-left: 8px;
438
445
  }
439
446
  .pisell-lowcode-picker-custom-dropdown
440
- .pisell-lowcode-picker-header-view
441
- button:hover {
447
+ .pisell-lowcode-picker-header-view
448
+ button:hover {
442
449
  color: #7f56d9;
443
450
  }
444
451
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-prev-icon,
445
452
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-next-icon,
446
- .pisell-lowcode-picker-custom-dropdown
447
- .pisell-lowcode-picker-super-prev-icon,
448
- .pisell-lowcode-picker-custom-dropdown
449
- .pisell-lowcode-picker-super-next-icon {
453
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-super-prev-icon,
454
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-super-next-icon {
450
455
  position: relative;
451
456
  display: inline-block;
452
457
  width: 7px;
453
458
  height: 7px;
454
459
  }
460
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-prev-icon::before,
461
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-next-icon::before,
455
462
  .pisell-lowcode-picker-custom-dropdown
456
- .pisell-lowcode-picker-prev-icon::before,
457
- .pisell-lowcode-picker-custom-dropdown
458
- .pisell-lowcode-picker-next-icon::before,
459
- .pisell-lowcode-picker-custom-dropdown
460
- .pisell-lowcode-picker-super-prev-icon::before,
463
+ .pisell-lowcode-picker-super-prev-icon::before,
461
464
  .pisell-lowcode-picker-custom-dropdown
462
- .pisell-lowcode-picker-super-next-icon::before {
465
+ .pisell-lowcode-picker-super-next-icon::before {
463
466
  position: absolute;
464
467
  top: 0;
465
468
  left: 0;
@@ -474,9 +477,9 @@ button:hover {
474
477
  content: '';
475
478
  }
476
479
  .pisell-lowcode-picker-custom-dropdown
477
- .pisell-lowcode-picker-super-prev-icon::after,
480
+ .pisell-lowcode-picker-super-prev-icon::after,
478
481
  .pisell-lowcode-picker-custom-dropdown
479
- .pisell-lowcode-picker-super-next-icon::after {
482
+ .pisell-lowcode-picker-super-next-icon::after {
480
483
  position: absolute;
481
484
  top: 4px;
482
485
  left: 4px;
@@ -491,13 +494,11 @@ button:hover {
491
494
  content: '';
492
495
  }
493
496
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-prev-icon,
494
- .pisell-lowcode-picker-custom-dropdown
495
- .pisell-lowcode-picker-super-prev-icon {
497
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-super-prev-icon {
496
498
  transform: rotate(-45deg);
497
499
  }
498
500
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-next-icon,
499
- .pisell-lowcode-picker-custom-dropdown
500
- .pisell-lowcode-picker-super-next-icon {
501
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-super-next-icon {
501
502
  transform: rotate(135deg);
502
503
  }
503
504
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-content {
@@ -521,12 +522,10 @@ button:hover {
521
522
  color: #98a2b3;
522
523
  cursor: pointer;
523
524
  }
524
- .pisell-lowcode-picker-custom-dropdown
525
- .pisell-lowcode-picker-cell-in-view {
525
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-cell-in-view {
526
526
  color: #101828;
527
527
  }
528
- .pisell-lowcode-picker-custom-dropdown
529
- .pisell-lowcode-picker-cell::before {
528
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-cell::before {
530
529
  position: absolute;
531
530
  top: 50%;
532
531
  left: 0;
@@ -538,8 +537,8 @@ button:hover {
538
537
  content: '';
539
538
  }
540
539
  .pisell-lowcode-picker-custom-dropdown
541
- .pisell-lowcode-picker-cell
542
- .pisell-lowcode-picker-cell-inner {
540
+ .pisell-lowcode-picker-cell
541
+ .pisell-lowcode-picker-cell-inner {
543
542
  position: relative;
544
543
  z-index: 2;
545
544
  display: inline-block;
@@ -550,31 +549,31 @@ button:hover {
550
549
  transition: background 0.2s, border 0.2s;
551
550
  }
552
551
  .pisell-lowcode-picker-custom-dropdown
553
- .pisell-lowcode-picker-cell-range-hover-start
554
- .pisell-lowcode-picker-cell-inner,
552
+ .pisell-lowcode-picker-cell-range-hover-start
553
+ .pisell-lowcode-picker-cell-inner,
555
554
  .pisell-lowcode-picker-custom-dropdown
556
- .pisell-lowcode-picker-cell-range-hover-end
557
- .pisell-lowcode-picker-cell-inner {
555
+ .pisell-lowcode-picker-cell-range-hover-end
556
+ .pisell-lowcode-picker-cell-inner {
558
557
  border-top-right-radius: 0;
559
558
  border-bottom-right-radius: 0;
560
559
  }
561
560
  .pisell-lowcode-picker-custom-dropdown
562
- .pisell-lowcode-picker-cell:hover:not(.pisell-lowcode-picker-cell-in-view)
563
- .pisell-lowcode-picker-cell-inner,
561
+ .pisell-lowcode-picker-cell:hover:not(.pisell-lowcode-picker-cell-in-view)
562
+ .pisell-lowcode-picker-cell-inner,
564
563
  .pisell-lowcode-picker-custom-dropdown
565
- .pisell-lowcode-picker-cell:hover:not(
564
+ .pisell-lowcode-picker-cell:hover:not(
566
565
  .pisell-lowcode-picker-cell-selected
567
566
  ):not(.pisell-lowcode-picker-cell-range-start):not(
568
567
  .pisell-lowcode-picker-cell-range-end
569
568
  ):not(.pisell-lowcode-picker-cell-range-hover-start):not(
570
569
  .pisell-lowcode-picker-cell-range-hover-end
571
570
  )
572
- .pisell-lowcode-picker-cell-inner {
571
+ .pisell-lowcode-picker-cell-inner {
573
572
  background: #f2f4f7;
574
573
  }
575
574
  .pisell-lowcode-picker-custom-dropdown
576
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-today
577
- .pisell-lowcode-picker-cell-inner::before {
575
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-today
576
+ .pisell-lowcode-picker-cell-inner::before {
578
577
  position: absolute;
579
578
  top: 0;
580
579
  right: 0;
@@ -586,65 +585,65 @@ button:hover {
586
585
  content: '';
587
586
  }
588
587
  .pisell-lowcode-picker-custom-dropdown
589
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range {
588
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range {
590
589
  position: relative;
591
590
  }
592
591
  .pisell-lowcode-picker-custom-dropdown
593
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range::before {
592
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range::before {
594
593
  background: #f9f5ff;
595
594
  }
596
595
  .pisell-lowcode-picker-custom-dropdown
597
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-selected
598
- .pisell-lowcode-picker-cell-inner,
596
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-selected
597
+ .pisell-lowcode-picker-cell-inner,
599
598
  .pisell-lowcode-picker-custom-dropdown
600
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start
601
- .pisell-lowcode-picker-cell-inner,
599
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start
600
+ .pisell-lowcode-picker-cell-inner,
602
601
  .pisell-lowcode-picker-custom-dropdown
603
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end
604
- .pisell-lowcode-picker-cell-inner {
602
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end
603
+ .pisell-lowcode-picker-cell-inner {
605
604
  color: #fff;
606
605
  background: #7f56d9;
607
606
  }
608
607
  .pisell-lowcode-picker-custom-dropdown
609
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start:not(
608
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start:not(
610
609
  .pisell-lowcode-picker-cell-range-start-single
611
610
  )::before,
612
611
  .pisell-lowcode-picker-custom-dropdown
613
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end:not(
612
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end:not(
614
613
  .pisell-lowcode-picker-cell-range-end-single
615
614
  )::before {
616
615
  background: #f9f5ff;
617
616
  }
618
617
  .pisell-lowcode-picker-custom-dropdown
619
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start::before {
618
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start::before {
620
619
  left: 50%;
621
620
  }
622
621
  .pisell-lowcode-picker-custom-dropdown
623
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end::before {
622
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end::before {
624
623
  right: 50%;
625
624
  }
626
625
  .pisell-lowcode-picker-custom-dropdown
627
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start:not(
626
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start:not(
628
627
  .pisell-lowcode-picker-cell-in-range
629
628
  ):not(.pisell-lowcode-picker-cell-range-start):not(
630
629
  .pisell-lowcode-picker-cell-range-end
631
630
  )::after,
632
631
  .pisell-lowcode-picker-custom-dropdown
633
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end:not(
632
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end:not(
634
633
  .pisell-lowcode-picker-cell-in-range
635
634
  ):not(.pisell-lowcode-picker-cell-range-start):not(
636
635
  .pisell-lowcode-picker-cell-range-end
637
636
  )::after,
638
637
  .pisell-lowcode-picker-custom-dropdown
639
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start.pisell-lowcode-picker-cell-range-start-single::after,
638
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start.pisell-lowcode-picker-cell-range-start-single::after,
640
639
  .pisell-lowcode-picker-custom-dropdown
641
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start.pisell-lowcode-picker-cell-range-start.pisell-lowcode-picker-cell-range-end.pisell-lowcode-picker-cell-range-end-near-hover::after,
640
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start.pisell-lowcode-picker-cell-range-start.pisell-lowcode-picker-cell-range-end.pisell-lowcode-picker-cell-range-end-near-hover::after,
642
641
  .pisell-lowcode-picker-custom-dropdown
643
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end.pisell-lowcode-picker-cell-range-start.pisell-lowcode-picker-cell-range-end.pisell-lowcode-picker-cell-range-start-near-hover::after,
642
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end.pisell-lowcode-picker-cell-range-start.pisell-lowcode-picker-cell-range-end.pisell-lowcode-picker-cell-range-start-near-hover::after,
644
643
  .pisell-lowcode-picker-custom-dropdown
645
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end.pisell-lowcode-picker-cell-range-end-single::after,
644
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end.pisell-lowcode-picker-cell-range-end-single::after,
646
645
  .pisell-lowcode-picker-custom-dropdown
647
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover:not(
646
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover:not(
648
647
  .pisell-lowcode-picker-cell-in-range
649
648
  )::after {
650
649
  position: absolute;
@@ -658,131 +657,130 @@ button:hover {
658
657
  content: '';
659
658
  }
660
659
  .pisell-lowcode-picker-custom-dropdown
661
- .pisell-lowcode-picker-cell-range-hover-start::after,
660
+ .pisell-lowcode-picker-cell-range-hover-start::after,
662
661
  .pisell-lowcode-picker-custom-dropdown
663
- .pisell-lowcode-picker-cell-range-hover-end::after,
662
+ .pisell-lowcode-picker-cell-range-hover-end::after,
664
663
  .pisell-lowcode-picker-custom-dropdown
665
- .pisell-lowcode-picker-cell-range-hover::after {
664
+ .pisell-lowcode-picker-cell-range-hover::after {
666
665
  right: 0;
667
666
  left: 2px;
668
667
  }
669
668
  .pisell-lowcode-picker-custom-dropdown
670
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover::before,
669
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover::before,
671
670
  .pisell-lowcode-picker-custom-dropdown
672
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start::before,
671
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start::before,
673
672
  .pisell-lowcode-picker-custom-dropdown
674
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end::before,
673
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end::before,
675
674
  .pisell-lowcode-picker-custom-dropdown
676
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start.pisell-lowcode-picker-cell-range-hover::before,
675
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start.pisell-lowcode-picker-cell-range-hover::before,
677
676
  .pisell-lowcode-picker-custom-dropdown
678
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end.pisell-lowcode-picker-cell-range-hover::before,
677
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end.pisell-lowcode-picker-cell-range-hover::before,
679
678
  .pisell-lowcode-picker-custom-dropdown
680
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start:not(
679
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start:not(
681
680
  .pisell-lowcode-picker-cell-range-start-single
682
681
  ).pisell-lowcode-picker-cell-range-hover-start::before,
683
682
  .pisell-lowcode-picker-custom-dropdown
684
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end:not(
683
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end:not(
685
684
  .pisell-lowcode-picker-cell-range-end-single
686
685
  ).pisell-lowcode-picker-cell-range-hover-end::before,
687
686
  .pisell-lowcode-picker-panel
688
- > :not(.pisell-lowcode-picker-date-panel)
689
- .pisell-lowcode-picker-custom-dropdown
690
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start::before,
687
+ > :not(.pisell-lowcode-picker-date-panel)
688
+ .pisell-lowcode-picker-custom-dropdown
689
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start::before,
691
690
  .pisell-lowcode-picker-panel
692
- > :not(.pisell-lowcode-picker-date-panel)
693
- .pisell-lowcode-picker-custom-dropdown
694
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end::before {
691
+ > :not(.pisell-lowcode-picker-date-panel)
692
+ .pisell-lowcode-picker-custom-dropdown
693
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end::before {
695
694
  background: #ede8fa;
696
695
  }
697
696
  .pisell-lowcode-picker-custom-dropdown
698
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start:not(
697
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-start:not(
699
698
  .pisell-lowcode-picker-cell-range-start-single
700
699
  ):not(.pisell-lowcode-picker-cell-range-end)
701
- .pisell-lowcode-picker-cell-inner {
700
+ .pisell-lowcode-picker-cell-inner {
702
701
  border-top-left-radius: 6px;
703
702
  border-bottom-left-radius: 6px;
704
703
  border-top-right-radius: 0;
705
704
  border-bottom-right-radius: 0;
706
705
  }
707
706
  .pisell-lowcode-picker-custom-dropdown
708
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end:not(
707
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-end:not(
709
708
  .pisell-lowcode-picker-cell-range-end-single
710
709
  ):not(.pisell-lowcode-picker-cell-range-start)
711
- .pisell-lowcode-picker-cell-inner {
710
+ .pisell-lowcode-picker-cell-inner {
712
711
  border-top-left-radius: 0;
713
712
  border-bottom-left-radius: 0;
714
713
  border-top-right-radius: 6px;
715
714
  border-bottom-right-radius: 6px;
716
715
  }
717
716
  .pisell-lowcode-picker-custom-dropdown
718
- .pisell-lowcode-picker-cell-range-hover.pisell-lowcode-picker-cell-range-end::after {
717
+ .pisell-lowcode-picker-cell-range-hover.pisell-lowcode-picker-cell-range-end::after {
719
718
  left: 50%;
720
719
  }
721
720
  tr
722
- > .pisell-lowcode-picker-custom-dropdown
723
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover:first-child::after,
721
+ > .pisell-lowcode-picker-custom-dropdown
722
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover:first-child::after,
724
723
  tr
725
- > .pisell-lowcode-picker-custom-dropdown
726
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end:first-child::after,
724
+ > .pisell-lowcode-picker-custom-dropdown
725
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end:first-child::after,
727
726
  .pisell-lowcode-picker-custom-dropdown
728
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-start.pisell-lowcode-picker-cell-range-hover-edge-start.pisell-lowcode-picker-cell-range-hover-edge-start-near-range::after,
727
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-start.pisell-lowcode-picker-cell-range-hover-edge-start.pisell-lowcode-picker-cell-range-hover-edge-start-near-range::after,
729
728
  .pisell-lowcode-picker-custom-dropdown
730
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-edge-start:not(
729
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-edge-start:not(
731
730
  .pisell-lowcode-picker-cell-range-hover-edge-start-near-range
732
731
  )::after,
733
732
  .pisell-lowcode-picker-custom-dropdown
734
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start::after {
733
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start::after {
735
734
  left: 6px;
736
735
  border-left: 1px dashed #bea9ec;
737
736
  border-top-left-radius: 6px;
738
737
  border-bottom-left-radius: 6px;
739
738
  }
740
739
  tr
741
- > .pisell-lowcode-picker-custom-dropdown
742
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover:last-child::after,
740
+ > .pisell-lowcode-picker-custom-dropdown
741
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover:last-child::after,
743
742
  tr
744
- > .pisell-lowcode-picker-custom-dropdown
745
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start:last-child::after,
743
+ > .pisell-lowcode-picker-custom-dropdown
744
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-start:last-child::after,
746
745
  .pisell-lowcode-picker-custom-dropdown
747
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-end.pisell-lowcode-picker-cell-range-hover-edge-end.pisell-lowcode-picker-cell-range-hover-edge-end-near-range::after,
746
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-end.pisell-lowcode-picker-cell-range-hover-edge-end.pisell-lowcode-picker-cell-range-hover-edge-end-near-range::after,
748
747
  .pisell-lowcode-picker-custom-dropdown
749
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-edge-end:not(
748
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-edge-end:not(
750
749
  .pisell-lowcode-picker-cell-range-hover-edge-end-near-range
751
750
  )::after,
752
751
  .pisell-lowcode-picker-custom-dropdown
753
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end::after {
752
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-range-hover-end::after {
754
753
  right: 6px;
755
754
  border-right: 1px dashed #bea9ec;
756
755
  border-top-right-radius: 6px;
757
756
  border-bottom-right-radius: 6px;
758
757
  }
759
- .pisell-lowcode-picker-custom-dropdown
760
- .pisell-lowcode-picker-cell-disabled {
758
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-cell-disabled {
761
759
  color: #98a2b3;
762
760
  pointer-events: none;
763
761
  }
764
762
  .pisell-lowcode-picker-custom-dropdown
765
- .pisell-lowcode-picker-cell-disabled
766
- .pisell-lowcode-picker-cell-inner {
763
+ .pisell-lowcode-picker-cell-disabled
764
+ .pisell-lowcode-picker-cell-inner {
767
765
  background: transparent;
768
766
  }
769
767
  .pisell-lowcode-picker-custom-dropdown
770
- .pisell-lowcode-picker-cell-disabled::before {
768
+ .pisell-lowcode-picker-cell-disabled::before {
771
769
  background: #f9fafb;
772
770
  }
773
771
  .pisell-lowcode-picker-custom-dropdown
774
- .pisell-lowcode-picker-cell-disabled.pisell-lowcode-picker-cell-today
775
- .pisell-lowcode-picker-cell-inner::before {
772
+ .pisell-lowcode-picker-cell-disabled.pisell-lowcode-picker-cell-today
773
+ .pisell-lowcode-picker-cell-inner::before {
776
774
  border-color: #98a2b3;
777
775
  }
778
776
  .pisell-lowcode-picker-custom-dropdown
779
- .pisell-lowcode-picker-date-panel
780
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start
781
- .pisell-lowcode-picker-cell-inner::after,
777
+ .pisell-lowcode-picker-date-panel
778
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start
779
+ .pisell-lowcode-picker-cell-inner::after,
782
780
  .pisell-lowcode-picker-custom-dropdown
783
- .pisell-lowcode-picker-date-panel
784
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end
785
- .pisell-lowcode-picker-cell-inner::after {
781
+ .pisell-lowcode-picker-date-panel
782
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end
783
+ .pisell-lowcode-picker-cell-inner::after {
786
784
  position: absolute;
787
785
  top: 0;
788
786
  bottom: 0;
@@ -792,85 +790,85 @@ tr
792
790
  content: '';
793
791
  }
794
792
  .pisell-lowcode-picker-custom-dropdown
795
- .pisell-lowcode-picker-date-panel
796
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start
797
- .pisell-lowcode-picker-cell-inner::after {
793
+ .pisell-lowcode-picker-date-panel
794
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-start
795
+ .pisell-lowcode-picker-cell-inner::after {
798
796
  right: -6px;
799
797
  left: 0;
800
798
  }
801
799
  .pisell-lowcode-picker-custom-dropdown
802
- .pisell-lowcode-picker-date-panel
803
- .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end
804
- .pisell-lowcode-picker-cell-inner::after {
800
+ .pisell-lowcode-picker-date-panel
801
+ .pisell-lowcode-picker-cell-in-view.pisell-lowcode-picker-cell-in-range.pisell-lowcode-picker-cell-range-hover-end
802
+ .pisell-lowcode-picker-cell-inner::after {
805
803
  right: 0;
806
804
  left: -6px;
807
805
  }
808
806
  .pisell-lowcode-picker-custom-dropdown
809
- .pisell-lowcode-picker-range-hover.pisell-lowcode-picker-range-start::after {
807
+ .pisell-lowcode-picker-range-hover.pisell-lowcode-picker-range-start::after {
810
808
  right: 50%;
811
809
  }
812
810
  .pisell-lowcode-picker-custom-dropdown
813
- .pisell-lowcode-picker-decade-panel
814
- .pisell-lowcode-picker-content,
811
+ .pisell-lowcode-picker-decade-panel
812
+ .pisell-lowcode-picker-content,
815
813
  .pisell-lowcode-picker-custom-dropdown
816
- .pisell-lowcode-picker-year-panel
817
- .pisell-lowcode-picker-content,
814
+ .pisell-lowcode-picker-year-panel
815
+ .pisell-lowcode-picker-content,
818
816
  .pisell-lowcode-picker-custom-dropdown
819
- .pisell-lowcode-picker-quarter-panel
820
- .pisell-lowcode-picker-content,
817
+ .pisell-lowcode-picker-quarter-panel
818
+ .pisell-lowcode-picker-content,
821
819
  .pisell-lowcode-picker-custom-dropdown
822
- .pisell-lowcode-picker-month-panel
823
- .pisell-lowcode-picker-content {
820
+ .pisell-lowcode-picker-month-panel
821
+ .pisell-lowcode-picker-content {
824
822
  height: 264px;
825
823
  }
826
824
  .pisell-lowcode-picker-custom-dropdown
827
- .pisell-lowcode-picker-decade-panel
828
- .pisell-lowcode-picker-cell-inner,
825
+ .pisell-lowcode-picker-decade-panel
826
+ .pisell-lowcode-picker-cell-inner,
829
827
  .pisell-lowcode-picker-custom-dropdown
830
- .pisell-lowcode-picker-year-panel
831
- .pisell-lowcode-picker-cell-inner,
828
+ .pisell-lowcode-picker-year-panel
829
+ .pisell-lowcode-picker-cell-inner,
832
830
  .pisell-lowcode-picker-custom-dropdown
833
- .pisell-lowcode-picker-quarter-panel
834
- .pisell-lowcode-picker-cell-inner,
831
+ .pisell-lowcode-picker-quarter-panel
832
+ .pisell-lowcode-picker-cell-inner,
835
833
  .pisell-lowcode-picker-custom-dropdown
836
- .pisell-lowcode-picker-month-panel
837
- .pisell-lowcode-picker-cell-inner {
834
+ .pisell-lowcode-picker-month-panel
835
+ .pisell-lowcode-picker-cell-inner {
838
836
  padding: 0 8px;
839
837
  }
840
838
  .pisell-lowcode-picker-custom-dropdown
841
- .pisell-lowcode-picker-quarter-panel
842
- .pisell-lowcode-picker-content {
839
+ .pisell-lowcode-picker-quarter-panel
840
+ .pisell-lowcode-picker-content {
843
841
  height: 56px;
844
842
  }
845
843
  .pisell-lowcode-picker-custom-dropdown
846
- .pisell-lowcode-picker-quarter-panel
847
- .pisell-lowcode-picker-cell-range-hover-start::after {
844
+ .pisell-lowcode-picker-quarter-panel
845
+ .pisell-lowcode-picker-cell-range-hover-start::after {
848
846
  left: 8px;
849
847
  border-left: 1px dashed #bea9ec;
850
848
  }
851
849
  .pisell-lowcode-picker-panel-rtl
852
- .pisell-lowcode-picker-custom-dropdown
853
- .pisell-lowcode-picker-quarter-panel
854
- .pisell-lowcode-picker-cell-range-hover-start::after {
850
+ .pisell-lowcode-picker-custom-dropdown
851
+ .pisell-lowcode-picker-quarter-panel
852
+ .pisell-lowcode-picker-cell-range-hover-start::after {
855
853
  right: 8px;
856
854
  border-right: 1px dashed #bea9ec;
857
855
  }
858
856
  .pisell-lowcode-picker-custom-dropdown
859
- .pisell-lowcode-picker-quarter-panel
860
- .pisell-lowcode-picker-cell-range-hover-end::after {
857
+ .pisell-lowcode-picker-quarter-panel
858
+ .pisell-lowcode-picker-cell-range-hover-end::after {
861
859
  right: 8px;
862
860
  border-right: 1px dashed #bea9ec;
863
861
  }
864
862
  .pisell-lowcode-picker-panel-rtl
865
- .pisell-lowcode-picker-custom-dropdown
866
- .pisell-lowcode-picker-quarter-panel
867
- .pisell-lowcode-picker-cell-range-hover-end::after {
863
+ .pisell-lowcode-picker-custom-dropdown
864
+ .pisell-lowcode-picker-quarter-panel
865
+ .pisell-lowcode-picker-cell-range-hover-end::after {
868
866
  left: 8px;
869
867
  border-left: 1px dashed #bea9ec;
870
868
  }
871
869
  .pisell-lowcode-picker-custom-dropdown
872
- .pisell-lowcode-picker-panel
873
- .pisell-lowcode-picker-footer {
870
+ .pisell-lowcode-picker-panel
871
+ .pisell-lowcode-picker-footer {
874
872
  border-top: 1px solid rgba(22, 44, 88, 0.09);
875
873
  }
876
874
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-footer {
@@ -879,14 +877,13 @@ tr
879
877
  line-height: 38px;
880
878
  text-align: center;
881
879
  }
882
- .pisell-lowcode-picker-custom-dropdown
883
- .pisell-lowcode-picker-footer-extra {
880
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-footer-extra {
884
881
  padding: 0 12px;
885
882
  line-height: 38px;
886
883
  text-align: start;
887
884
  }
888
885
  .pisell-lowcode-picker-custom-dropdown
889
- .pisell-lowcode-picker-footer-extra:not(:last-child) {
886
+ .pisell-lowcode-picker-footer-extra:not(:last-child) {
890
887
  border-bottom: 1px solid rgba(22, 44, 88, 0.09);
891
888
  }
892
889
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-now {
@@ -895,284 +892,281 @@ tr
895
892
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-today-btn {
896
893
  color: #1570ef;
897
894
  }
898
- .pisell-lowcode-picker-custom-dropdown
899
- .pisell-lowcode-picker-today-btn:hover {
895
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-today-btn:hover {
900
896
  color: #69b1ff;
901
897
  }
902
- .pisell-lowcode-picker-custom-dropdown
903
- .pisell-lowcode-picker-today-btn:active {
898
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-today-btn:active {
904
899
  color: #0852c9;
905
900
  }
906
901
  .pisell-lowcode-picker-custom-dropdown
907
- .pisell-lowcode-picker-today-btn.pisell-lowcode-picker-today-btn-disabled {
902
+ .pisell-lowcode-picker-today-btn.pisell-lowcode-picker-today-btn-disabled {
908
903
  color: #98a2b3;
909
904
  cursor: not-allowed;
910
905
  }
911
906
  .pisell-lowcode-picker-custom-dropdown
912
- .pisell-lowcode-picker-decade-panel
913
- .pisell-lowcode-picker-cell-inner {
907
+ .pisell-lowcode-picker-decade-panel
908
+ .pisell-lowcode-picker-cell-inner {
914
909
  padding: 0 4px;
915
910
  }
916
911
  .pisell-lowcode-picker-custom-dropdown
917
- .pisell-lowcode-picker-decade-panel
918
- .pisell-lowcode-picker-cell::before {
912
+ .pisell-lowcode-picker-decade-panel
913
+ .pisell-lowcode-picker-cell::before {
919
914
  display: none;
920
915
  }
921
916
  .pisell-lowcode-picker-custom-dropdown
922
- .pisell-lowcode-picker-year-panel
923
- .pisell-lowcode-picker-body,
917
+ .pisell-lowcode-picker-year-panel
918
+ .pisell-lowcode-picker-body,
924
919
  .pisell-lowcode-picker-custom-dropdown
925
- .pisell-lowcode-picker-quarter-panel
926
- .pisell-lowcode-picker-body,
920
+ .pisell-lowcode-picker-quarter-panel
921
+ .pisell-lowcode-picker-body,
927
922
  .pisell-lowcode-picker-custom-dropdown
928
- .pisell-lowcode-picker-month-panel
929
- .pisell-lowcode-picker-body {
923
+ .pisell-lowcode-picker-month-panel
924
+ .pisell-lowcode-picker-body {
930
925
  padding: 0 8px;
931
926
  }
932
927
  .pisell-lowcode-picker-custom-dropdown
933
- .pisell-lowcode-picker-year-panel
934
- .pisell-lowcode-picker-cell-inner,
928
+ .pisell-lowcode-picker-year-panel
929
+ .pisell-lowcode-picker-cell-inner,
935
930
  .pisell-lowcode-picker-custom-dropdown
936
- .pisell-lowcode-picker-quarter-panel
937
- .pisell-lowcode-picker-cell-inner,
931
+ .pisell-lowcode-picker-quarter-panel
932
+ .pisell-lowcode-picker-cell-inner,
938
933
  .pisell-lowcode-picker-custom-dropdown
939
- .pisell-lowcode-picker-month-panel
940
- .pisell-lowcode-picker-cell-inner {
934
+ .pisell-lowcode-picker-month-panel
935
+ .pisell-lowcode-picker-cell-inner {
941
936
  width: 60px;
942
937
  }
943
938
  .pisell-lowcode-picker-custom-dropdown
944
- .pisell-lowcode-picker-year-panel
945
- .pisell-lowcode-picker-cell-range-hover-start::after,
939
+ .pisell-lowcode-picker-year-panel
940
+ .pisell-lowcode-picker-cell-range-hover-start::after,
946
941
  .pisell-lowcode-picker-custom-dropdown
947
- .pisell-lowcode-picker-quarter-panel
948
- .pisell-lowcode-picker-cell-range-hover-start::after,
942
+ .pisell-lowcode-picker-quarter-panel
943
+ .pisell-lowcode-picker-cell-range-hover-start::after,
949
944
  .pisell-lowcode-picker-custom-dropdown
950
- .pisell-lowcode-picker-month-panel
951
- .pisell-lowcode-picker-cell-range-hover-start::after {
945
+ .pisell-lowcode-picker-month-panel
946
+ .pisell-lowcode-picker-cell-range-hover-start::after {
952
947
  border-top-left-radius: 6px;
953
948
  border-bottom-left-radius: 6px;
954
949
  border-top-right-radius: 0;
955
950
  border-bottom-right-radius: 0;
956
951
  }
957
952
  .pisell-lowcode-picker-panel-rtl
958
- .pisell-lowcode-picker-custom-dropdown
959
- .pisell-lowcode-picker-year-panel
960
- .pisell-lowcode-picker-cell-range-hover-start::after,
953
+ .pisell-lowcode-picker-custom-dropdown
954
+ .pisell-lowcode-picker-year-panel
955
+ .pisell-lowcode-picker-cell-range-hover-start::after,
961
956
  .pisell-lowcode-picker-panel-rtl
962
- .pisell-lowcode-picker-custom-dropdown
963
- .pisell-lowcode-picker-quarter-panel
964
- .pisell-lowcode-picker-cell-range-hover-start::after,
957
+ .pisell-lowcode-picker-custom-dropdown
958
+ .pisell-lowcode-picker-quarter-panel
959
+ .pisell-lowcode-picker-cell-range-hover-start::after,
965
960
  .pisell-lowcode-picker-panel-rtl
966
- .pisell-lowcode-picker-custom-dropdown
967
- .pisell-lowcode-picker-month-panel
968
- .pisell-lowcode-picker-cell-range-hover-start::after {
961
+ .pisell-lowcode-picker-custom-dropdown
962
+ .pisell-lowcode-picker-month-panel
963
+ .pisell-lowcode-picker-cell-range-hover-start::after {
969
964
  border-top-left-radius: 0;
970
965
  border-bottom-left-radius: 0;
971
966
  border-top-right-radius: 6px;
972
967
  border-bottom-right-radius: 6px;
973
968
  }
974
969
  .pisell-lowcode-picker-custom-dropdown
975
- .pisell-lowcode-picker-year-panel
976
- .pisell-lowcode-picker-cell-range-hover-end::after,
970
+ .pisell-lowcode-picker-year-panel
971
+ .pisell-lowcode-picker-cell-range-hover-end::after,
977
972
  .pisell-lowcode-picker-custom-dropdown
978
- .pisell-lowcode-picker-quarter-panel
979
- .pisell-lowcode-picker-cell-range-hover-end::after,
973
+ .pisell-lowcode-picker-quarter-panel
974
+ .pisell-lowcode-picker-cell-range-hover-end::after,
980
975
  .pisell-lowcode-picker-custom-dropdown
981
- .pisell-lowcode-picker-month-panel
982
- .pisell-lowcode-picker-cell-range-hover-end::after {
976
+ .pisell-lowcode-picker-month-panel
977
+ .pisell-lowcode-picker-cell-range-hover-end::after {
983
978
  border-top-left-radius: 0;
984
979
  border-bottom-left-radius: 0;
985
980
  border-top-right-radius: 6px;
986
981
  border-bottom-right-radius: 6px;
987
982
  }
988
983
  .pisell-lowcode-picker-panel-rtl
989
- .pisell-lowcode-picker-custom-dropdown
990
- .pisell-lowcode-picker-year-panel
991
- .pisell-lowcode-picker-cell-range-hover-end::after,
984
+ .pisell-lowcode-picker-custom-dropdown
985
+ .pisell-lowcode-picker-year-panel
986
+ .pisell-lowcode-picker-cell-range-hover-end::after,
992
987
  .pisell-lowcode-picker-panel-rtl
993
- .pisell-lowcode-picker-custom-dropdown
994
- .pisell-lowcode-picker-quarter-panel
995
- .pisell-lowcode-picker-cell-range-hover-end::after,
988
+ .pisell-lowcode-picker-custom-dropdown
989
+ .pisell-lowcode-picker-quarter-panel
990
+ .pisell-lowcode-picker-cell-range-hover-end::after,
996
991
  .pisell-lowcode-picker-panel-rtl
997
- .pisell-lowcode-picker-custom-dropdown
998
- .pisell-lowcode-picker-month-panel
999
- .pisell-lowcode-picker-cell-range-hover-end::after {
992
+ .pisell-lowcode-picker-custom-dropdown
993
+ .pisell-lowcode-picker-month-panel
994
+ .pisell-lowcode-picker-cell-range-hover-end::after {
1000
995
  border-top-left-radius: 6px;
1001
996
  border-bottom-left-radius: 6px;
1002
997
  border-top-right-radius: 0;
1003
998
  border-bottom-right-radius: 0;
1004
999
  }
1005
1000
  .pisell-lowcode-picker-custom-dropdown
1006
- .pisell-lowcode-picker-year-panel
1007
- .pisell-lowcode-picker-cell-range-hover-start::after,
1001
+ .pisell-lowcode-picker-year-panel
1002
+ .pisell-lowcode-picker-cell-range-hover-start::after,
1008
1003
  .pisell-lowcode-picker-custom-dropdown
1009
- .pisell-lowcode-picker-month-panel
1010
- .pisell-lowcode-picker-cell-range-hover-start::after {
1004
+ .pisell-lowcode-picker-month-panel
1005
+ .pisell-lowcode-picker-cell-range-hover-start::after {
1011
1006
  left: 18.66666666666667px;
1012
1007
  border-left: 1px dashed #bea9ec;
1013
1008
  }
1014
1009
  .pisell-lowcode-picker-panel-rtl
1015
- .pisell-lowcode-picker-custom-dropdown
1016
- .pisell-lowcode-picker-year-panel
1017
- .pisell-lowcode-picker-cell-range-hover-start::after,
1010
+ .pisell-lowcode-picker-custom-dropdown
1011
+ .pisell-lowcode-picker-year-panel
1012
+ .pisell-lowcode-picker-cell-range-hover-start::after,
1018
1013
  .pisell-lowcode-picker-panel-rtl
1019
- .pisell-lowcode-picker-custom-dropdown
1020
- .pisell-lowcode-picker-month-panel
1021
- .pisell-lowcode-picker-cell-range-hover-start::after {
1014
+ .pisell-lowcode-picker-custom-dropdown
1015
+ .pisell-lowcode-picker-month-panel
1016
+ .pisell-lowcode-picker-cell-range-hover-start::after {
1022
1017
  right: 18.66666666666667px;
1023
1018
  border-right: 1px dashed #bea9ec;
1024
1019
  }
1025
1020
  .pisell-lowcode-picker-custom-dropdown
1026
- .pisell-lowcode-picker-year-panel
1027
- .pisell-lowcode-picker-cell-range-hover-end::after,
1021
+ .pisell-lowcode-picker-year-panel
1022
+ .pisell-lowcode-picker-cell-range-hover-end::after,
1028
1023
  .pisell-lowcode-picker-custom-dropdown
1029
- .pisell-lowcode-picker-month-panel
1030
- .pisell-lowcode-picker-cell-range-hover-end::after {
1024
+ .pisell-lowcode-picker-month-panel
1025
+ .pisell-lowcode-picker-cell-range-hover-end::after {
1031
1026
  right: 18.66666666666667px;
1032
1027
  border-right: 1px dashed #bea9ec;
1033
1028
  }
1034
1029
  .pisell-lowcode-picker-panel-rtl
1035
- .pisell-lowcode-picker-custom-dropdown
1036
- .pisell-lowcode-picker-year-panel
1037
- .pisell-lowcode-picker-cell-range-hover-end::after,
1030
+ .pisell-lowcode-picker-custom-dropdown
1031
+ .pisell-lowcode-picker-year-panel
1032
+ .pisell-lowcode-picker-cell-range-hover-end::after,
1038
1033
  .pisell-lowcode-picker-panel-rtl
1039
- .pisell-lowcode-picker-custom-dropdown
1040
- .pisell-lowcode-picker-month-panel
1041
- .pisell-lowcode-picker-cell-range-hover-end::after {
1034
+ .pisell-lowcode-picker-custom-dropdown
1035
+ .pisell-lowcode-picker-month-panel
1036
+ .pisell-lowcode-picker-cell-range-hover-end::after {
1042
1037
  left: 18.66666666666667px;
1043
1038
  border-left: 1px dashed #bea9ec;
1044
1039
  }
1045
1040
  .pisell-lowcode-picker-custom-dropdown
1046
- .pisell-lowcode-picker-week-panel
1047
- .pisell-lowcode-picker-body {
1041
+ .pisell-lowcode-picker-week-panel
1042
+ .pisell-lowcode-picker-body {
1048
1043
  padding: 8px 12px;
1049
1044
  }
1050
1045
  .pisell-lowcode-picker-custom-dropdown
1051
- .pisell-lowcode-picker-week-panel
1052
- .pisell-lowcode-picker-cell:hover
1053
- .pisell-lowcode-picker-cell-inner,
1046
+ .pisell-lowcode-picker-week-panel
1047
+ .pisell-lowcode-picker-cell:hover
1048
+ .pisell-lowcode-picker-cell-inner,
1054
1049
  .pisell-lowcode-picker-custom-dropdown
1055
- .pisell-lowcode-picker-week-panel
1056
- .pisell-lowcode-picker-cell-selected
1057
- .pisell-lowcode-picker-cell-inner,
1050
+ .pisell-lowcode-picker-week-panel
1051
+ .pisell-lowcode-picker-cell-selected
1052
+ .pisell-lowcode-picker-cell-inner,
1058
1053
  .pisell-lowcode-picker-custom-dropdown
1059
- .pisell-lowcode-picker-week-panel
1060
- .pisell-lowcode-picker-cell
1061
- .pisell-lowcode-picker-cell-inner {
1054
+ .pisell-lowcode-picker-week-panel
1055
+ .pisell-lowcode-picker-cell
1056
+ .pisell-lowcode-picker-cell-inner {
1062
1057
  background: transparent !important;
1063
1058
  }
1064
1059
  .pisell-lowcode-picker-custom-dropdown
1065
- .pisell-lowcode-picker-week-panel-row
1066
- td:before {
1060
+ .pisell-lowcode-picker-week-panel-row
1061
+ td:before {
1067
1062
  transition: background 0.2s;
1068
1063
  }
1069
1064
  .pisell-lowcode-picker-custom-dropdown
1070
- .pisell-lowcode-picker-week-panel-row
1071
- td:first-child:before {
1065
+ .pisell-lowcode-picker-week-panel-row
1066
+ td:first-child:before {
1072
1067
  border-top-left-radius: 6px;
1073
1068
  border-bottom-left-radius: 6px;
1074
1069
  }
1075
1070
  .pisell-lowcode-picker-custom-dropdown
1076
- .pisell-lowcode-picker-week-panel-row
1077
- td:last-child:before {
1071
+ .pisell-lowcode-picker-week-panel-row
1072
+ td:last-child:before {
1078
1073
  border-top-right-radius: 6px;
1079
1074
  border-bottom-right-radius: 6px;
1080
1075
  }
1081
1076
  .pisell-lowcode-picker-custom-dropdown
1082
- .pisell-lowcode-picker-week-panel-row:hover
1083
- td:before {
1077
+ .pisell-lowcode-picker-week-panel-row:hover
1078
+ td:before {
1084
1079
  background: #f2f4f7;
1085
1080
  }
1086
1081
  .pisell-lowcode-picker-custom-dropdown
1087
- .pisell-lowcode-picker-week-panel-row-range-start
1088
- td.pisell-lowcode-picker-cell:before,
1082
+ .pisell-lowcode-picker-week-panel-row-range-start
1083
+ td.pisell-lowcode-picker-cell:before,
1089
1084
  .pisell-lowcode-picker-custom-dropdown
1090
- .pisell-lowcode-picker-week-panel-row-range-end
1091
- td.pisell-lowcode-picker-cell:before,
1085
+ .pisell-lowcode-picker-week-panel-row-range-end
1086
+ td.pisell-lowcode-picker-cell:before,
1092
1087
  .pisell-lowcode-picker-custom-dropdown
1093
- .pisell-lowcode-picker-week-panel-row-selected
1094
- td.pisell-lowcode-picker-cell:before {
1088
+ .pisell-lowcode-picker-week-panel-row-selected
1089
+ td.pisell-lowcode-picker-cell:before {
1095
1090
  background: #7f56d9;
1096
1091
  }
1097
1092
  .pisell-lowcode-picker-custom-dropdown
1098
- .pisell-lowcode-picker-week-panel-row-range-start
1099
- td.pisell-lowcode-picker-cell.pisell-lowcode-picker-cell-week,
1093
+ .pisell-lowcode-picker-week-panel-row-range-start
1094
+ td.pisell-lowcode-picker-cell.pisell-lowcode-picker-cell-week,
1100
1095
  .pisell-lowcode-picker-custom-dropdown
1101
- .pisell-lowcode-picker-week-panel-row-range-end
1102
- td.pisell-lowcode-picker-cell.pisell-lowcode-picker-cell-week,
1096
+ .pisell-lowcode-picker-week-panel-row-range-end
1097
+ td.pisell-lowcode-picker-cell.pisell-lowcode-picker-cell-week,
1103
1098
  .pisell-lowcode-picker-custom-dropdown
1104
- .pisell-lowcode-picker-week-panel-row-selected
1105
- td.pisell-lowcode-picker-cell.pisell-lowcode-picker-cell-week {
1099
+ .pisell-lowcode-picker-week-panel-row-selected
1100
+ td.pisell-lowcode-picker-cell.pisell-lowcode-picker-cell-week {
1106
1101
  color: #ffffff;
1107
1102
  }
1108
1103
  .pisell-lowcode-picker-custom-dropdown
1109
- .pisell-lowcode-picker-week-panel-row-range-start
1110
- td.pisell-lowcode-picker-cell
1111
- .pisell-lowcode-picker-cell-inner,
1104
+ .pisell-lowcode-picker-week-panel-row-range-start
1105
+ td.pisell-lowcode-picker-cell
1106
+ .pisell-lowcode-picker-cell-inner,
1112
1107
  .pisell-lowcode-picker-custom-dropdown
1113
- .pisell-lowcode-picker-week-panel-row-range-end
1114
- td.pisell-lowcode-picker-cell
1115
- .pisell-lowcode-picker-cell-inner,
1108
+ .pisell-lowcode-picker-week-panel-row-range-end
1109
+ td.pisell-lowcode-picker-cell
1110
+ .pisell-lowcode-picker-cell-inner,
1116
1111
  .pisell-lowcode-picker-custom-dropdown
1117
- .pisell-lowcode-picker-week-panel-row-selected
1118
- td.pisell-lowcode-picker-cell
1119
- .pisell-lowcode-picker-cell-inner {
1112
+ .pisell-lowcode-picker-week-panel-row-selected
1113
+ td.pisell-lowcode-picker-cell
1114
+ .pisell-lowcode-picker-cell-inner {
1120
1115
  color: #fff;
1121
1116
  }
1122
1117
  .pisell-lowcode-picker-custom-dropdown
1123
- .pisell-lowcode-picker-week-panel-row-range-hover
1124
- td:before {
1118
+ .pisell-lowcode-picker-week-panel-row-range-hover
1119
+ td:before {
1125
1120
  background: #f9f5ff;
1126
1121
  }
1127
1122
  .pisell-lowcode-picker-custom-dropdown
1128
- .pisell-lowcode-picker-date-panel
1129
- .pisell-lowcode-picker-body {
1123
+ .pisell-lowcode-picker-date-panel
1124
+ .pisell-lowcode-picker-body {
1130
1125
  padding: 0;
1131
1126
  }
1132
1127
  .pisell-lowcode-picker-custom-dropdown
1133
- .pisell-lowcode-picker-date-panel
1134
- .pisell-lowcode-picker-content {
1128
+ .pisell-lowcode-picker-date-panel
1129
+ .pisell-lowcode-picker-content {
1135
1130
  width: 100%;
1136
1131
  }
1137
1132
  .pisell-lowcode-picker-custom-dropdown
1138
- .pisell-lowcode-picker-date-panel
1139
- .pisell-lowcode-picker-content
1140
- th {
1133
+ .pisell-lowcode-picker-date-panel
1134
+ .pisell-lowcode-picker-content
1135
+ th {
1141
1136
  width: 36px;
1142
1137
  box-sizing: border-box;
1143
1138
  padding: 0;
1144
1139
  }
1145
- .pisell-lowcode-picker-custom-dropdown
1146
- .pisell-lowcode-picker-datetime-panel {
1140
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-datetime-panel {
1147
1141
  display: flex;
1148
1142
  }
1149
1143
  .pisell-lowcode-picker-custom-dropdown
1150
- .pisell-lowcode-picker-datetime-panel
1151
- .pisell-lowcode-picker-time-panel {
1144
+ .pisell-lowcode-picker-datetime-panel
1145
+ .pisell-lowcode-picker-time-panel {
1152
1146
  border-left: 1px solid rgba(22, 44, 88, 0.09);
1153
1147
  }
1154
1148
  .pisell-lowcode-picker-custom-dropdown
1155
- .pisell-lowcode-picker-datetime-panel
1156
- .pisell-lowcode-picker-date-panel,
1149
+ .pisell-lowcode-picker-datetime-panel
1150
+ .pisell-lowcode-picker-date-panel,
1157
1151
  .pisell-lowcode-picker-custom-dropdown
1158
- .pisell-lowcode-picker-datetime-panel
1159
- .pisell-lowcode-picker-time-panel {
1152
+ .pisell-lowcode-picker-datetime-panel
1153
+ .pisell-lowcode-picker-time-panel {
1160
1154
  transition: opacity 0.3s;
1161
1155
  }
1162
1156
  .pisell-lowcode-picker-custom-dropdown
1163
- .pisell-lowcode-picker-datetime-panel-active
1164
- .pisell-lowcode-picker-date-panel,
1157
+ .pisell-lowcode-picker-datetime-panel-active
1158
+ .pisell-lowcode-picker-date-panel,
1165
1159
  .pisell-lowcode-picker-custom-dropdown
1166
- .pisell-lowcode-picker-datetime-panel-active
1167
- .pisell-lowcode-picker-time-panel {
1160
+ .pisell-lowcode-picker-datetime-panel-active
1161
+ .pisell-lowcode-picker-time-panel {
1168
1162
  opacity: 0.3;
1169
1163
  }
1170
1164
  .pisell-lowcode-picker-custom-dropdown
1171
- .pisell-lowcode-picker-datetime-panel-active
1172
- .pisell-lowcode-picker-date-panel-active,
1165
+ .pisell-lowcode-picker-datetime-panel-active
1166
+ .pisell-lowcode-picker-date-panel-active,
1173
1167
  .pisell-lowcode-picker-custom-dropdown
1174
- .pisell-lowcode-picker-datetime-panel-active
1175
- .pisell-lowcode-picker-time-panel-active {
1168
+ .pisell-lowcode-picker-datetime-panel-active
1169
+ .pisell-lowcode-picker-time-panel-active {
1176
1170
  opacity: 1;
1177
1171
  }
1178
1172
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-time-panel {
@@ -1181,14 +1175,14 @@ th {
1181
1175
  direction: ltr;
1182
1176
  }
1183
1177
  .pisell-lowcode-picker-custom-dropdown
1184
- .pisell-lowcode-picker-time-panel
1185
- .pisell-lowcode-picker-content {
1178
+ .pisell-lowcode-picker-time-panel
1179
+ .pisell-lowcode-picker-content {
1186
1180
  display: flex;
1187
1181
  flex: auto;
1188
1182
  height: 224px;
1189
1183
  }
1190
1184
  .pisell-lowcode-picker-custom-dropdown
1191
- .pisell-lowcode-picker-time-panel-column {
1185
+ .pisell-lowcode-picker-time-panel-column {
1192
1186
  flex: 1 0 auto;
1193
1187
  width: 56px;
1194
1188
  margin: 4px 0;
@@ -1200,54 +1194,54 @@ th {
1200
1194
  overflow-x: hidden;
1201
1195
  }
1202
1196
  .pisell-lowcode-picker-custom-dropdown
1203
- .pisell-lowcode-picker-time-panel-column::-webkit-scrollbar {
1197
+ .pisell-lowcode-picker-time-panel-column::-webkit-scrollbar {
1204
1198
  width: 8px;
1205
1199
  background-color: transparent;
1206
1200
  }
1207
1201
  .pisell-lowcode-picker-custom-dropdown
1208
- .pisell-lowcode-picker-time-panel-column::-webkit-scrollbar-thumb {
1202
+ .pisell-lowcode-picker-time-panel-column::-webkit-scrollbar-thumb {
1209
1203
  background-color: #667085;
1210
1204
  border-radius: 4px;
1211
1205
  }
1212
1206
  .pisell-lowcode-picker-custom-dropdown
1213
- .pisell-lowcode-picker-time-panel-column {
1207
+ .pisell-lowcode-picker-time-panel-column {
1214
1208
  scrollbar-width: thin;
1215
1209
  scrollbar-color: #667085 transparent;
1216
1210
  }
1217
1211
  .pisell-lowcode-picker-custom-dropdown
1218
- .pisell-lowcode-picker-time-panel-column::after {
1212
+ .pisell-lowcode-picker-time-panel-column::after {
1219
1213
  display: block;
1220
1214
  height: 196px;
1221
1215
  content: '';
1222
1216
  }
1223
1217
  .pisell-lowcode-picker-custom-dropdown
1224
- .pisell-lowcode-picker-time-panel-column:not(:first-child) {
1218
+ .pisell-lowcode-picker-time-panel-column:not(:first-child) {
1225
1219
  border-left: 1px solid rgba(22, 44, 88, 0.09);
1226
1220
  }
1227
1221
  .pisell-lowcode-picker-custom-dropdown
1228
- .pisell-lowcode-picker-time-panel-column-active {
1222
+ .pisell-lowcode-picker-time-panel-column-active {
1229
1223
  background: #f9f5ff;
1230
1224
  }
1231
1225
  .pisell-lowcode-picker-custom-dropdown
1232
- .pisell-lowcode-picker-time-panel-column:hover {
1226
+ .pisell-lowcode-picker-time-panel-column:hover {
1233
1227
  overflow-y: auto;
1234
1228
  }
1235
1229
  .pisell-lowcode-picker-custom-dropdown
1236
- .pisell-lowcode-picker-time-panel-column
1237
- > li {
1230
+ .pisell-lowcode-picker-time-panel-column
1231
+ > li {
1238
1232
  margin: 0;
1239
1233
  padding: 0;
1240
1234
  }
1241
1235
  .pisell-lowcode-picker-custom-dropdown
1242
- .pisell-lowcode-picker-time-panel-column
1243
- > li.pisell-lowcode-picker-time-panel-cell {
1236
+ .pisell-lowcode-picker-time-panel-column
1237
+ > li.pisell-lowcode-picker-time-panel-cell {
1244
1238
  margin-left: 4px;
1245
1239
  margin-right: 4px;
1246
1240
  }
1247
1241
  .pisell-lowcode-picker-custom-dropdown
1248
- .pisell-lowcode-picker-time-panel-column
1249
- > li.pisell-lowcode-picker-time-panel-cell
1250
- .pisell-lowcode-picker-time-panel-cell-inner {
1242
+ .pisell-lowcode-picker-time-panel-column
1243
+ > li.pisell-lowcode-picker-time-panel-cell
1244
+ .pisell-lowcode-picker-time-panel-cell-inner {
1251
1245
  display: block;
1252
1246
  width: 48px;
1253
1247
  height: 28px;
@@ -1263,41 +1257,41 @@ th {
1263
1257
  transition: background 0.2s;
1264
1258
  }
1265
1259
  .pisell-lowcode-picker-custom-dropdown
1266
- .pisell-lowcode-picker-time-panel-column
1267
- > li.pisell-lowcode-picker-time-panel-cell
1268
- .pisell-lowcode-picker-time-panel-cell-inner:hover {
1260
+ .pisell-lowcode-picker-time-panel-column
1261
+ > li.pisell-lowcode-picker-time-panel-cell
1262
+ .pisell-lowcode-picker-time-panel-cell-inner:hover {
1269
1263
  background: #f2f4f7;
1270
1264
  }
1271
1265
  .pisell-lowcode-picker-custom-dropdown
1272
- .pisell-lowcode-picker-time-panel-column
1273
- > li.pisell-lowcode-picker-time-panel-cell-selected
1274
- .pisell-lowcode-picker-time-panel-cell-inner {
1266
+ .pisell-lowcode-picker-time-panel-column
1267
+ > li.pisell-lowcode-picker-time-panel-cell-selected
1268
+ .pisell-lowcode-picker-time-panel-cell-inner {
1275
1269
  background: #f9f5ff;
1276
1270
  }
1277
1271
  .pisell-lowcode-picker-custom-dropdown
1278
- .pisell-lowcode-picker-time-panel-column
1279
- > li.pisell-lowcode-picker-time-panel-cell-disabled
1280
- .pisell-lowcode-picker-time-panel-cell-inner {
1272
+ .pisell-lowcode-picker-time-panel-column
1273
+ > li.pisell-lowcode-picker-time-panel-cell-disabled
1274
+ .pisell-lowcode-picker-time-panel-cell-inner {
1281
1275
  color: #98a2b3;
1282
1276
  background: transparent;
1283
1277
  cursor: not-allowed;
1284
1278
  }
1285
1279
  .pisell-lowcode-picker-custom-dropdown
1286
- .pisell-lowcode-picker-datetime-panel
1287
- .pisell-lowcode-picker-time-panel-column:after {
1280
+ .pisell-lowcode-picker-datetime-panel
1281
+ .pisell-lowcode-picker-time-panel-column:after {
1288
1282
  height: 204px;
1289
1283
  }
1290
1284
  .pisell-lowcode-picker-custom-dropdown.pisell-lowcode-picker-custom-dropdown-hidden {
1291
1285
  display: none;
1292
1286
  }
1293
1287
  .pisell-lowcode-picker-custom-dropdown.pisell-lowcode-picker-custom-dropdown-placement-bottomLeft
1294
- .pisell-lowcode-picker-range-arrow {
1288
+ .pisell-lowcode-picker-range-arrow {
1295
1289
  top: 0;
1296
1290
  display: block;
1297
1291
  transform: translateY(-100%);
1298
1292
  }
1299
1293
  .pisell-lowcode-picker-custom-dropdown.pisell-lowcode-picker-custom-dropdown-placement-topLeft
1300
- .pisell-lowcode-picker-range-arrow {
1294
+ .pisell-lowcode-picker-range-arrow {
1301
1295
  bottom: 0;
1302
1296
  display: block;
1303
1297
  transform: translateY(100%) rotate(180deg);
@@ -1323,8 +1317,8 @@ th {
1323
1317
  animation-name: css-1h9jgke-antSlideUpOut;
1324
1318
  }
1325
1319
  .pisell-lowcode-picker-custom-dropdown
1326
- .pisell-lowcode-picker-panel
1327
- > .pisell-lowcode-picker-time-panel {
1320
+ .pisell-lowcode-picker-panel
1321
+ > .pisell-lowcode-picker-time-panel {
1328
1322
  padding-top: 4px;
1329
1323
  }
1330
1324
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-ranges {
@@ -1336,26 +1330,26 @@ th {
1336
1330
  list-style: none;
1337
1331
  display: flex;
1338
1332
  justify-content: space-between;
1333
+ display: none;
1339
1334
  }
1340
1335
  .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-ranges > li {
1341
1336
  display: inline-block;
1342
1337
  }
1343
1338
  .pisell-lowcode-picker-custom-dropdown
1344
- .pisell-lowcode-picker-ranges
1345
- .pisell-lowcode-picker-preset
1346
- > .pisell-lowcode-tag-blue {
1339
+ .pisell-lowcode-picker-ranges
1340
+ .pisell-lowcode-picker-preset
1341
+ > .pisell-lowcode-tag-blue {
1347
1342
  color: #7f56d9;
1348
1343
  background: #f9f5ff;
1349
1344
  border-color: #e9d7fe;
1350
1345
  cursor: pointer;
1351
1346
  }
1352
1347
  .pisell-lowcode-picker-custom-dropdown
1353
- .pisell-lowcode-picker-ranges
1354
- .pisell-lowcode-picker-ok {
1348
+ .pisell-lowcode-picker-ranges
1349
+ .pisell-lowcode-picker-ok {
1355
1350
  margin-left: auto;
1356
1351
  }
1357
- .pisell-lowcode-picker-custom-dropdown
1358
- .pisell-lowcode-picker-range-wrapper {
1352
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-range-wrapper {
1359
1353
  display: flex;
1360
1354
  position: relative;
1361
1355
  }
@@ -1371,7 +1365,7 @@ th {
1371
1365
  overflow: hidden;
1372
1366
  }
1373
1367
  .pisell-lowcode-picker-custom-dropdown
1374
- .pisell-lowcode-picker-range-arrow::before {
1368
+ .pisell-lowcode-picker-range-arrow::before {
1375
1369
  position: absolute;
1376
1370
  bottom: 0;
1377
1371
  left: 0;
@@ -1379,18 +1373,18 @@ th {
1379
1373
  height: 8px;
1380
1374
  background: #ffffff;
1381
1375
  clip-path: polygon(
1382
- 2.485281374238571px 100%,
1383
- 50% 2.485281374238571px,
1384
- 13.514718625761429px 100%,
1385
- 2.485281374238571px 100%
1376
+ 2.485281374238571px 100%,
1377
+ 50% 2.485281374238571px,
1378
+ 13.514718625761429px 100%,
1379
+ 2.485281374238571px 100%
1386
1380
  );
1387
1381
  clip-path: path(
1388
- 'M 0 8 A 6 6 0 0 0 4.242640687119285 6.242640687119285 L 6.585786437626905 3.899494936611666 A 2 2 0 0 1 9.414213562373096 3.899494936611666 L 11.757359312880716 6.242640687119285 A 6 6 0 0 0 16 8 Z'
1382
+ 'M 0 8 A 6 6 0 0 0 4.242640687119285 6.242640687119285 L 6.585786437626905 3.899494936611666 A 2 2 0 0 1 9.414213562373096 3.899494936611666 L 11.757359312880716 6.242640687119285 A 6 6 0 0 0 16 8 Z'
1389
1383
  );
1390
1384
  content: '';
1391
1385
  }
1392
1386
  .pisell-lowcode-picker-custom-dropdown
1393
- .pisell-lowcode-picker-range-arrow::after {
1387
+ .pisell-lowcode-picker-range-arrow::after {
1394
1388
  content: '';
1395
1389
  position: absolute;
1396
1390
  width: 7.7989898732233325px;
@@ -1405,35 +1399,34 @@ th {
1405
1399
  z-index: 0;
1406
1400
  background: transparent;
1407
1401
  }
1408
- .pisell-lowcode-picker-custom-dropdown
1409
- .pisell-lowcode-picker-panel-container {
1402
+ .pisell-lowcode-picker-custom-dropdown .pisell-lowcode-picker-panel-container {
1410
1403
  overflow: hidden;
1411
1404
  vertical-align: top;
1412
1405
  background: #ffffff;
1413
1406
  border-radius: 0;
1414
1407
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
1415
- 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
1408
+ 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
1416
1409
  transition: margin 0.3s;
1417
1410
  }
1418
1411
  .pisell-lowcode-picker-custom-dropdown
1419
- .pisell-lowcode-picker-panel-container
1420
- .pisell-lowcode-picker-panel-layout {
1412
+ .pisell-lowcode-picker-panel-container
1413
+ .pisell-lowcode-picker-panel-layout {
1421
1414
  display: flex;
1422
1415
  flex-wrap: nowrap;
1423
1416
  align-items: stretch;
1424
1417
  }
1425
1418
  .pisell-lowcode-picker-custom-dropdown
1426
- .pisell-lowcode-picker-panel-container
1427
- .pisell-lowcode-picker-presets {
1419
+ .pisell-lowcode-picker-panel-container
1420
+ .pisell-lowcode-picker-presets {
1428
1421
  display: flex;
1429
1422
  flex-direction: column;
1430
1423
  min-width: 120px;
1431
1424
  max-width: 200px;
1432
1425
  }
1433
1426
  .pisell-lowcode-picker-custom-dropdown
1434
- .pisell-lowcode-picker-panel-container
1435
- .pisell-lowcode-picker-presets
1436
- ul {
1427
+ .pisell-lowcode-picker-panel-container
1428
+ .pisell-lowcode-picker-presets
1429
+ ul {
1437
1430
  height: 0;
1438
1431
  flex: auto;
1439
1432
  list-style: none;
@@ -1443,10 +1436,10 @@ ul {
1443
1436
  border-right: 1px solid rgba(22, 44, 88, 0.09);
1444
1437
  }
1445
1438
  .pisell-lowcode-picker-custom-dropdown
1446
- .pisell-lowcode-picker-panel-container
1447
- .pisell-lowcode-picker-presets
1448
- ul
1449
- li {
1439
+ .pisell-lowcode-picker-panel-container
1440
+ .pisell-lowcode-picker-presets
1441
+ ul
1442
+ li {
1450
1443
  overflow: hidden;
1451
1444
  white-space: nowrap;
1452
1445
  text-overflow: ellipsis;
@@ -1459,60 +1452,60 @@ li {
1459
1452
  transition: all 0.3s;
1460
1453
  }
1461
1454
  .pisell-lowcode-picker-custom-dropdown
1462
- .pisell-lowcode-picker-panel-container
1463
- .pisell-lowcode-picker-presets
1464
- ul
1465
- li
1466
- + li {
1455
+ .pisell-lowcode-picker-panel-container
1456
+ .pisell-lowcode-picker-presets
1457
+ ul
1458
+ li
1459
+ + li {
1467
1460
  margin-top: 8px;
1468
1461
  }
1469
1462
  .pisell-lowcode-picker-custom-dropdown
1470
- .pisell-lowcode-picker-panel-container
1471
- .pisell-lowcode-picker-presets
1472
- ul
1473
- li:hover {
1463
+ .pisell-lowcode-picker-panel-container
1464
+ .pisell-lowcode-picker-presets
1465
+ ul
1466
+ li:hover {
1474
1467
  background: #f2f4f7;
1475
1468
  }
1476
1469
  .pisell-lowcode-picker-custom-dropdown
1477
- .pisell-lowcode-picker-panel-container
1478
- .pisell-lowcode-picker-panels {
1470
+ .pisell-lowcode-picker-panel-container
1471
+ .pisell-lowcode-picker-panels {
1479
1472
  display: inline-flex;
1480
1473
  flex-wrap: nowrap;
1481
1474
  direction: ltr;
1482
1475
  }
1483
1476
  .pisell-lowcode-picker-custom-dropdown
1484
- .pisell-lowcode-picker-panel-container
1485
- .pisell-lowcode-picker-panels
1486
- .pisell-lowcode-picker-panel {
1477
+ .pisell-lowcode-picker-panel-container
1478
+ .pisell-lowcode-picker-panels
1479
+ .pisell-lowcode-picker-panel {
1487
1480
  border-width: 0 0 1px;
1488
1481
  }
1489
1482
  .pisell-lowcode-picker-custom-dropdown
1490
- .pisell-lowcode-picker-panel-container
1491
- .pisell-lowcode-picker-panels:last-child
1492
- .pisell-lowcode-picker-panel {
1483
+ .pisell-lowcode-picker-panel-container
1484
+ .pisell-lowcode-picker-panels:last-child
1485
+ .pisell-lowcode-picker-panel {
1493
1486
  border-width: 0;
1494
1487
  }
1495
1488
  .pisell-lowcode-picker-custom-dropdown
1496
- .pisell-lowcode-picker-panel-container
1497
- .pisell-lowcode-picker-panel {
1489
+ .pisell-lowcode-picker-panel-container
1490
+ .pisell-lowcode-picker-panel {
1498
1491
  vertical-align: top;
1499
1492
  background: transparent;
1500
1493
  border-radius: 0;
1501
1494
  border-width: 0;
1502
1495
  }
1503
1496
  .pisell-lowcode-picker-custom-dropdown
1504
- .pisell-lowcode-picker-panel-container
1505
- .pisell-lowcode-picker-panel
1506
- .pisell-lowcode-picker-content,
1497
+ .pisell-lowcode-picker-panel-container
1498
+ .pisell-lowcode-picker-panel
1499
+ .pisell-lowcode-picker-content,
1507
1500
  .pisell-lowcode-picker-custom-dropdown
1508
- .pisell-lowcode-picker-panel-container
1509
- .pisell-lowcode-picker-panel
1510
- table {
1501
+ .pisell-lowcode-picker-panel-container
1502
+ .pisell-lowcode-picker-panel
1503
+ table {
1511
1504
  text-align: center;
1512
1505
  }
1513
1506
  .pisell-lowcode-picker-custom-dropdown
1514
- .pisell-lowcode-picker-panel-container
1515
- .pisell-lowcode-picker-panel-focused {
1507
+ .pisell-lowcode-picker-panel-container
1508
+ .pisell-lowcode-picker-panel-focused {
1516
1509
  border-color: #d0d5dd;
1517
1510
  }
1518
1511
  .pisell-lowcode-picker-custom-dropdown-range {
@@ -1682,7 +1675,7 @@ table {
1682
1675
  .pisell-lowcode-picker:not(.pisell-lowcode-picker-disabled):not(
1683
1676
  [disabled]
1684
1677
  ).pisell-lowcode-picker-status-error
1685
- .pisell-lowcode-picker-active-bar {
1678
+ .pisell-lowcode-picker-active-bar {
1686
1679
  background: #d92d20;
1687
1680
  }
1688
1681
  .pisell-lowcode-picker:not(.pisell-lowcode-picker-disabled):not(
@@ -1709,7 +1702,7 @@ table {
1709
1702
  .pisell-lowcode-picker:not(.pisell-lowcode-picker-disabled):not(
1710
1703
  [disabled]
1711
1704
  ).pisell-lowcode-picker-status-warning
1712
- .pisell-lowcode-picker-active-bar {
1705
+ .pisell-lowcode-picker-active-bar {
1713
1706
  background: #dc6803;
1714
1707
  }
1715
1708
  .pisell-lowcode-picker-compact-item:not(
@@ -1757,7 +1750,6 @@ table {
1757
1750
  border-bottom-left-radius: 0;
1758
1751
  }
1759
1752
 
1760
-
1761
1753
  .pisell-lowcode-date-picker-custom-wrap {
1762
1754
  position: relative;
1763
1755
  .pisell-lowcode-picker-body {
@@ -1782,14 +1774,55 @@ table {
1782
1774
  }
1783
1775
  }
1784
1776
 
1777
+ .pisell-lowcode-date-picker-custom-wrap-show-time {
1778
+ .pisell-lowcode-picker-body {
1779
+ margin-top: 0;
1780
+ padding: 0;
1781
+ }
1782
+ .pisell-lowcode-picker-date-panel {
1783
+ padding-bottom: 0;
1784
+ }
1785
+ .pisell-lowcode-picker-footer {
1786
+ border: none !important;
1787
+ .pisell-lowcode-picker-footer-extra {
1788
+ padding: 0 24px 20px;
1789
+ border: none !important;
1790
+ .date-picker-time-label {
1791
+ color: var(--Gray-700, #344054);
1792
+ font-size: 14px;
1793
+ font-weight: 600;
1794
+ line-height: 20px; /* 142.857% */
1795
+ margin-bottom: 8px;
1796
+ }
1797
+ .date-picker-input-time {
1798
+ border-radius: 8px;
1799
+ border: 1px solid var(--Gray-300, #D0D5DD);
1800
+ height: 48px;
1801
+ line-height: 48px;
1802
+ width: 100%;
1803
+ min-width: 320px;
1804
+ padding: 0 16px;
1805
+ }
1806
+ }
1807
+ }
1808
+ }
1785
1809
  .pisell-lowcode-date-picker-custom-popup-wrap {
1786
1810
  .pisell-lowcode-picker-footer {
1811
+ border: none !important;
1812
+ .pisell-lowcode-picker-ranges {
1813
+ display: none;
1814
+ }
1815
+ .pisell-lowcode-picker-footer-extra {
1816
+ border: none !important;
1817
+ }
1818
+ }
1819
+ .pisell-lowcode-picker-footer .pisell-lowcode-picker-today-btn {
1787
1820
  display: none;
1788
1821
  }
1789
1822
  }
1790
1823
 
1791
1824
  .pisell-lowcode-custom-footer {
1792
- border-top: 1px solid var(--Gray-200, #EAECF0);
1825
+ border-top: 1px solid var(--Gray-200, #eaecf0);
1793
1826
  display: flex;
1794
1827
  padding: 16px;
1795
1828
  justify-content: space-between;
@@ -1798,7 +1831,7 @@ table {
1798
1831
  .pisell-lowcode-btn {
1799
1832
  }
1800
1833
  .pisell-lowcode-custom-footer-today {
1801
- color: var(--Blue-600, #1570EF);
1834
+ color: var(--Blue-600, #1570ef);
1802
1835
  font-size: 16px;
1803
1836
  font-style: normal;
1804
1837
  font-weight: 600;
@@ -1844,4 +1877,4 @@ table {
1844
1877
  border-radius: 8px;
1845
1878
  overflow: hidden;
1846
1879
  }
1847
- }
1880
+ }