rsuite 5.49.0 → 5.50.0

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 (115) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/Cascader/styles/index.less +4 -4
  3. package/DateRangePicker/styles/index.less +15 -5
  4. package/Dropdown/styles/index.less +5 -4
  5. package/Dropdown/styles/mixin.less +0 -11
  6. package/Picker/styles/index.less +31 -24
  7. package/Picker/styles/mixin.less +17 -13
  8. package/README.md +4 -4
  9. package/TagInput/styles/index.less +1 -1
  10. package/cjs/AutoComplete/AutoComplete.js +25 -26
  11. package/cjs/Calendar/Calendar.d.ts +5 -1
  12. package/cjs/Calendar/CalendarContainer.d.ts +5 -1
  13. package/cjs/Cascader/Cascader.js +46 -48
  14. package/cjs/CheckPicker/CheckPicker.d.ts +2 -2
  15. package/cjs/CheckPicker/CheckPicker.js +33 -36
  16. package/cjs/CheckTreePicker/CheckTreePicker.js +61 -64
  17. package/cjs/DatePicker/DatePicker.d.ts +5 -1
  18. package/cjs/DatePicker/DatePicker.js +2 -4
  19. package/cjs/DatePicker/Toolbar.js +2 -1
  20. package/cjs/DateRangeInput/DateRangeInput.js +2 -2
  21. package/cjs/DateRangePicker/Calendar.js +24 -23
  22. package/cjs/DateRangePicker/DateRangePicker.d.ts +18 -4
  23. package/cjs/DateRangePicker/DateRangePicker.js +239 -201
  24. package/cjs/DateRangePicker/types.d.ts +11 -3
  25. package/cjs/DateRangePicker/utils.d.ts +2 -1
  26. package/cjs/DateRangePicker/utils.js +7 -5
  27. package/cjs/FormControl/FormControl.d.ts +11 -1
  28. package/cjs/FormControl/FormControl.js +6 -5
  29. package/cjs/InputPicker/InputPicker.js +62 -63
  30. package/cjs/MultiCascader/MultiCascader.js +40 -42
  31. package/cjs/{DatePicker → Picker}/PickerIndicator.d.ts +1 -1
  32. package/cjs/{DatePicker → Picker}/PickerIndicator.js +2 -1
  33. package/cjs/{DatePicker → Picker}/PickerLabel.d.ts +1 -1
  34. package/cjs/Picker/PickerToggle.d.ts +17 -22
  35. package/cjs/Picker/PickerToggle.js +52 -177
  36. package/cjs/Picker/index.d.ts +3 -0
  37. package/cjs/Picker/index.js +10 -1
  38. package/cjs/Picker/usePickerRef.d.ts +3 -1
  39. package/cjs/Picker/usePickerRef.js +13 -7
  40. package/cjs/Picker/utils.d.ts +5 -9
  41. package/cjs/Picker/utils.js +22 -89
  42. package/cjs/SelectPicker/SelectPicker.d.ts +2 -2
  43. package/cjs/SelectPicker/SelectPicker.js +39 -42
  44. package/cjs/TreePicker/TreePicker.js +72 -75
  45. package/cjs/utils/constants.d.ts +2 -1
  46. package/cjs/utils/constants.js +1 -0
  47. package/cjs/utils/dateUtils.d.ts +0 -1
  48. package/cjs/utils/dateUtils.js +0 -6
  49. package/cjs/utils/getStringLength.d.ts +2 -0
  50. package/cjs/utils/getStringLength.js +18 -0
  51. package/cjs/utils/index.d.ts +1 -0
  52. package/cjs/utils/index.js +4 -1
  53. package/dist/rsuite-no-reset-rtl.css +92 -69
  54. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  55. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  56. package/dist/rsuite-no-reset.css +92 -69
  57. package/dist/rsuite-no-reset.min.css +1 -1
  58. package/dist/rsuite-no-reset.min.css.map +1 -1
  59. package/dist/rsuite-rtl.css +92 -69
  60. package/dist/rsuite-rtl.min.css +1 -1
  61. package/dist/rsuite-rtl.min.css.map +1 -1
  62. package/dist/rsuite.css +92 -69
  63. package/dist/rsuite.js +67 -46
  64. package/dist/rsuite.js.map +1 -1
  65. package/dist/rsuite.min.css +1 -1
  66. package/dist/rsuite.min.css.map +1 -1
  67. package/dist/rsuite.min.js +1 -1
  68. package/dist/rsuite.min.js.map +1 -1
  69. package/esm/AutoComplete/AutoComplete.js +28 -29
  70. package/esm/Calendar/Calendar.d.ts +5 -1
  71. package/esm/Calendar/CalendarContainer.d.ts +5 -1
  72. package/esm/Cascader/Cascader.js +49 -51
  73. package/esm/CheckPicker/CheckPicker.d.ts +2 -2
  74. package/esm/CheckPicker/CheckPicker.js +36 -39
  75. package/esm/CheckTreePicker/CheckTreePicker.js +64 -67
  76. package/esm/DatePicker/DatePicker.d.ts +5 -1
  77. package/esm/DatePicker/DatePicker.js +1 -3
  78. package/esm/DatePicker/Toolbar.js +2 -1
  79. package/esm/DateRangeInput/DateRangeInput.js +2 -2
  80. package/esm/DateRangePicker/Calendar.js +25 -23
  81. package/esm/DateRangePicker/DateRangePicker.d.ts +18 -4
  82. package/esm/DateRangePicker/DateRangePicker.js +241 -203
  83. package/esm/DateRangePicker/types.d.ts +11 -3
  84. package/esm/DateRangePicker/utils.d.ts +2 -1
  85. package/esm/DateRangePicker/utils.js +7 -5
  86. package/esm/FormControl/FormControl.d.ts +11 -1
  87. package/esm/FormControl/FormControl.js +4 -3
  88. package/esm/InputPicker/InputPicker.js +64 -65
  89. package/esm/MultiCascader/MultiCascader.js +43 -45
  90. package/esm/{DatePicker → Picker}/PickerIndicator.d.ts +1 -1
  91. package/esm/{DatePicker → Picker}/PickerIndicator.js +2 -1
  92. package/esm/{DatePicker → Picker}/PickerLabel.d.ts +1 -1
  93. package/esm/Picker/PickerToggle.d.ts +17 -22
  94. package/esm/Picker/PickerToggle.js +54 -179
  95. package/esm/Picker/index.d.ts +3 -0
  96. package/esm/Picker/index.js +3 -0
  97. package/esm/Picker/usePickerRef.d.ts +3 -1
  98. package/esm/Picker/usePickerRef.js +13 -8
  99. package/esm/Picker/utils.d.ts +5 -9
  100. package/esm/Picker/utils.js +24 -90
  101. package/esm/SelectPicker/SelectPicker.d.ts +2 -2
  102. package/esm/SelectPicker/SelectPicker.js +42 -45
  103. package/esm/TreePicker/TreePicker.js +75 -78
  104. package/esm/utils/constants.d.ts +2 -1
  105. package/esm/utils/constants.js +1 -0
  106. package/esm/utils/dateUtils.d.ts +0 -1
  107. package/esm/utils/dateUtils.js +0 -5
  108. package/esm/utils/getStringLength.d.ts +2 -0
  109. package/esm/utils/getStringLength.js +13 -0
  110. package/esm/utils/index.d.ts +1 -0
  111. package/esm/utils/index.js +1 -0
  112. package/package.json +1 -1
  113. package/styles/mixins/combobox.less +10 -0
  114. /package/cjs/{DatePicker → Picker}/PickerLabel.js +0 -0
  115. /package/esm/{DatePicker → Picker}/PickerLabel.js +0 -0
package/dist/rsuite-rtl.css CHANGED
@@ -4653,9 +4653,18 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4653
4653
  height: 214px;
4654
4654
  padding-bottom: 184px;
4655
4655
  }
4656
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
4657
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
4658
- top: 7px;
4656
+ .rs-picker-daterange .rs-input-group-addon {
4657
+ color: #8e8e93;
4658
+ color: var(--rs-text-secondary);
4659
+ }
4660
+ .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4661
+ padding: 0;
4662
+ }
4663
+ .rs-picker-daterange.rs-picker-subtle .rs-input-group {
4664
+ border-color: transparent;
4665
+ }
4666
+ .rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
4667
+ padding-left: 0;
4659
4668
  }
4660
4669
  .rs-picker-daterange-menu .rs-calendar {
4661
4670
  display: inline-block;
@@ -11377,13 +11386,13 @@ textarea.rs-picker-search-input {
11377
11386
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11378
11387
  padding-left: 32px;
11379
11388
  }
11380
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11381
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11389
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11390
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11382
11391
  top: 8px;
11383
11392
  left: 12px;
11384
11393
  }
11385
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11386
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11394
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11395
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11387
11396
  top: 7px;
11388
11397
  }
11389
11398
  .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
@@ -11415,17 +11424,17 @@ textarea.rs-picker-search-input {
11415
11424
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
11416
11425
  padding-left: 36px;
11417
11426
  }
11418
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11419
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11420
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11421
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11427
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11428
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11429
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11430
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11422
11431
  top: 8px;
11423
11432
  left: 12px;
11424
11433
  }
11425
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11426
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11427
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11428
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11434
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11435
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11436
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11437
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11429
11438
  top: 7px;
11430
11439
  }
11431
11440
  .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11443,13 +11452,13 @@ textarea.rs-picker-search-input {
11443
11452
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11444
11453
  padding-left: 36px;
11445
11454
  }
11446
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11447
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11455
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11456
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11448
11457
  top: 10px;
11449
11458
  left: 16px;
11450
11459
  }
11451
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11452
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11460
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11461
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11453
11462
  top: 9px;
11454
11463
  }
11455
11464
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11484,17 +11493,17 @@ textarea.rs-picker-search-input {
11484
11493
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
11485
11494
  padding-left: 42px;
11486
11495
  }
11487
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11488
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11489
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11490
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11496
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11497
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11498
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11499
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11491
11500
  top: 10px;
11492
11501
  left: 16px;
11493
11502
  }
11494
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11495
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11496
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11497
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11503
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11504
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11505
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11506
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11498
11507
  top: 9px;
11499
11508
  }
11500
11509
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11544,13 +11553,13 @@ textarea.rs-picker-search-input {
11544
11553
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11545
11554
  padding-left: 32px;
11546
11555
  }
11547
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11548
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11556
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11557
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11549
11558
  top: 8px;
11550
11559
  left: 12px;
11551
11560
  }
11552
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11553
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11561
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11562
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11554
11563
  top: 7px;
11555
11564
  }
11556
11565
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11585,17 +11594,17 @@ textarea.rs-picker-search-input {
11585
11594
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
11586
11595
  padding-left: 36px;
11587
11596
  }
11588
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11589
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11590
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11591
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11597
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11598
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11599
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11600
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11592
11601
  top: 8px;
11593
11602
  left: 12px;
11594
11603
  }
11595
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11596
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11597
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11598
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11604
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11605
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11606
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11607
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11599
11608
  top: 7px;
11600
11609
  }
11601
11610
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11647,13 +11656,13 @@ textarea.rs-picker-search-input {
11647
11656
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11648
11657
  padding-left: 30px;
11649
11658
  }
11650
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11651
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11659
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11660
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11652
11661
  top: 5px;
11653
11662
  left: 10px;
11654
11663
  }
11655
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11656
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11664
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11665
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11657
11666
  top: 4px;
11658
11667
  }
11659
11668
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11688,17 +11697,17 @@ textarea.rs-picker-search-input {
11688
11697
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
11689
11698
  padding-left: 34px;
11690
11699
  }
11691
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11692
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11693
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11694
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11700
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11701
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11702
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11703
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11695
11704
  top: 4px;
11696
11705
  left: 10px;
11697
11706
  }
11698
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11699
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11700
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11701
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11707
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11708
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11709
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11710
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11702
11711
  top: 3px;
11703
11712
  }
11704
11713
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11752,13 +11761,13 @@ textarea.rs-picker-search-input {
11752
11761
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11753
11762
  padding-left: 28px;
11754
11763
  }
11755
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11756
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11764
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11765
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11757
11766
  top: 2px;
11758
11767
  left: 8px;
11759
11768
  }
11760
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11761
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11769
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11770
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11762
11771
  top: 1px;
11763
11772
  }
11764
11773
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11803,17 +11812,17 @@ textarea.rs-picker-search-input {
11803
11812
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
11804
11813
  padding-left: 30px;
11805
11814
  }
11806
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11807
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11808
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11809
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11815
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11816
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11817
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11818
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11810
11819
  top: 2px;
11811
11820
  left: 8px;
11812
11821
  }
11813
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11814
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11815
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11816
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11822
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11823
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11824
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11825
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11817
11826
  top: 1px;
11818
11827
  }
11819
11828
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11883,7 +11892,7 @@ textarea.rs-picker-search-input {
11883
11892
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11884
11893
  padding-left: 44px;
11885
11894
  }
11886
- .rs-picker-toggle-clean {
11895
+ .rs-picker-toggle-indicator .rs-picker-clean {
11887
11896
  display: -webkit-box;
11888
11897
  display: -ms-flexbox;
11889
11898
  display: flex;
@@ -11903,14 +11912,14 @@ textarea.rs-picker-search-input {
11903
11912
  transition: 0.2s color linear;
11904
11913
  cursor: pointer;
11905
11914
  }
11906
- .rs-picker-toggle-clean.rs-btn-close {
11915
+ .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
11907
11916
  padding: 4px 0;
11908
11917
  }
11909
- .rs-picker-date .rs-picker-toggle-clean,
11910
- .rs-picker-daterange .rs-picker-toggle-clean {
11918
+ .rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
11919
+ .rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
11911
11920
  left: 38px;
11912
11921
  }
11913
- .rs-picker-toggle-caret {
11922
+ .rs-picker-toggle-indicator .rs-picker-caret-icon {
11914
11923
  display: -webkit-box;
11915
11924
  display: -ms-flexbox;
11916
11925
  display: flex;
@@ -11926,6 +11935,20 @@ textarea.rs-picker-search-input {
11926
11935
  color: #8e8e93;
11927
11936
  color: var(--rs-text-secondary);
11928
11937
  }
11938
+ .rs-picker-toggle-indicator .rs-picker-loader {
11939
+ display: -webkit-box;
11940
+ display: -ms-flexbox;
11941
+ display: flex;
11942
+ -webkit-box-align: center;
11943
+ -ms-flex-align: center;
11944
+ align-items: center;
11945
+ margin-right: 2px;
11946
+ position: absolute;
11947
+ top: 8px;
11948
+ left: 12px;
11949
+ height: 20px;
11950
+ font-size: 12px;
11951
+ }
11929
11952
  .rs-picker-menu {
11930
11953
  position: absolute;
11931
11954
  text-align: right;
@@ -15006,7 +15029,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15006
15029
  .rs-picker-disabled-options .rs-picker-tag-wrapper {
15007
15030
  margin-left: 32px !important;
15008
15031
  }
15009
- .rs-picker-disabled-options .rs-picker-toggle-clean {
15032
+ .rs-picker-disabled-options .rs-picker-clean {
15010
15033
  left: 10px !important;
15011
15034
  }
15012
15035
  .rs-timeline {