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.css CHANGED
@@ -4659,9 +4659,18 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4659
4659
  height: 214px;
4660
4660
  padding-bottom: 184px;
4661
4661
  }
4662
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
4663
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
4664
- top: 7px;
4662
+ .rs-picker-daterange .rs-input-group-addon {
4663
+ color: #8e8e93;
4664
+ color: var(--rs-text-secondary);
4665
+ }
4666
+ .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4667
+ padding: 0;
4668
+ }
4669
+ .rs-picker-daterange.rs-picker-subtle .rs-input-group {
4670
+ border-color: transparent;
4671
+ }
4672
+ .rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
4673
+ padding-right: 0;
4665
4674
  }
4666
4675
  .rs-picker-daterange-menu .rs-calendar {
4667
4676
  display: inline-block;
@@ -11389,13 +11398,13 @@ textarea.rs-picker-search-input {
11389
11398
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11390
11399
  padding-right: 32px;
11391
11400
  }
11392
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11393
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11401
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11402
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11394
11403
  top: 8px;
11395
11404
  right: 12px;
11396
11405
  }
11397
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11398
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11406
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11407
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11399
11408
  top: 7px;
11400
11409
  }
11401
11410
  .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
@@ -11427,17 +11436,17 @@ textarea.rs-picker-search-input {
11427
11436
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
11428
11437
  padding-right: 36px;
11429
11438
  }
11430
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11431
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11432
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11433
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11439
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11440
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11441
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11442
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11434
11443
  top: 8px;
11435
11444
  right: 12px;
11436
11445
  }
11437
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11438
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11439
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11440
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11446
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11447
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11448
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11449
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11441
11450
  top: 7px;
11442
11451
  }
11443
11452
  .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11455,13 +11464,13 @@ textarea.rs-picker-search-input {
11455
11464
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11456
11465
  padding-right: 36px;
11457
11466
  }
11458
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11459
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11467
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11468
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11460
11469
  top: 10px;
11461
11470
  right: 16px;
11462
11471
  }
11463
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11464
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11472
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11473
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11465
11474
  top: 9px;
11466
11475
  }
11467
11476
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11496,17 +11505,17 @@ textarea.rs-picker-search-input {
11496
11505
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
11497
11506
  padding-right: 42px;
11498
11507
  }
11499
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11500
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11501
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11502
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11508
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11509
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11510
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11511
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11503
11512
  top: 10px;
11504
11513
  right: 16px;
11505
11514
  }
11506
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11507
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11508
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11509
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11515
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11516
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11517
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11518
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11510
11519
  top: 9px;
11511
11520
  }
11512
11521
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11556,13 +11565,13 @@ textarea.rs-picker-search-input {
11556
11565
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11557
11566
  padding-right: 32px;
11558
11567
  }
11559
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11560
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11568
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11569
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11561
11570
  top: 8px;
11562
11571
  right: 12px;
11563
11572
  }
11564
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11565
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11573
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11574
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11566
11575
  top: 7px;
11567
11576
  }
11568
11577
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11597,17 +11606,17 @@ textarea.rs-picker-search-input {
11597
11606
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
11598
11607
  padding-right: 36px;
11599
11608
  }
11600
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11601
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11602
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11603
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11609
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11610
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11611
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11612
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11604
11613
  top: 8px;
11605
11614
  right: 12px;
11606
11615
  }
11607
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11608
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11609
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11610
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11616
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11617
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11618
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11619
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11611
11620
  top: 7px;
11612
11621
  }
11613
11622
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11659,13 +11668,13 @@ textarea.rs-picker-search-input {
11659
11668
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11660
11669
  padding-right: 30px;
11661
11670
  }
11662
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11663
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11671
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11672
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11664
11673
  top: 5px;
11665
11674
  right: 10px;
11666
11675
  }
11667
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11668
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11676
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11677
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11669
11678
  top: 4px;
11670
11679
  }
11671
11680
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11700,17 +11709,17 @@ textarea.rs-picker-search-input {
11700
11709
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
11701
11710
  padding-right: 34px;
11702
11711
  }
11703
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11704
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11705
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11706
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11712
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11713
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11714
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11715
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11707
11716
  top: 4px;
11708
11717
  right: 10px;
11709
11718
  }
11710
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11711
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11712
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11713
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11719
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11720
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11721
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11722
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11714
11723
  top: 3px;
11715
11724
  }
11716
11725
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11764,13 +11773,13 @@ textarea.rs-picker-search-input {
11764
11773
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11765
11774
  padding-right: 28px;
11766
11775
  }
11767
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11768
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11776
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11777
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11769
11778
  top: 2px;
11770
11779
  right: 8px;
11771
11780
  }
11772
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11773
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11781
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11782
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11774
11783
  top: 1px;
11775
11784
  }
11776
11785
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11815,17 +11824,17 @@ textarea.rs-picker-search-input {
11815
11824
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
11816
11825
  padding-right: 30px;
11817
11826
  }
11818
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11819
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11820
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11821
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11827
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11828
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11829
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11830
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11822
11831
  top: 2px;
11823
11832
  right: 8px;
11824
11833
  }
11825
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11826
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11827
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11828
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11834
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11835
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11836
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11837
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11829
11838
  top: 1px;
11830
11839
  }
11831
11840
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11895,7 +11904,7 @@ textarea.rs-picker-search-input {
11895
11904
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11896
11905
  padding-right: 44px;
11897
11906
  }
11898
- .rs-picker-toggle-clean {
11907
+ .rs-picker-toggle-indicator .rs-picker-clean {
11899
11908
  display: -webkit-box;
11900
11909
  display: -ms-flexbox;
11901
11910
  display: flex;
@@ -11915,14 +11924,14 @@ textarea.rs-picker-search-input {
11915
11924
  transition: 0.2s color linear;
11916
11925
  cursor: pointer;
11917
11926
  }
11918
- .rs-picker-toggle-clean.rs-btn-close {
11927
+ .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
11919
11928
  padding: 4px 0;
11920
11929
  }
11921
- .rs-picker-date .rs-picker-toggle-clean,
11922
- .rs-picker-daterange .rs-picker-toggle-clean {
11930
+ .rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
11931
+ .rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
11923
11932
  right: 38px;
11924
11933
  }
11925
- .rs-picker-toggle-caret {
11934
+ .rs-picker-toggle-indicator .rs-picker-caret-icon {
11926
11935
  display: -webkit-box;
11927
11936
  display: -ms-flexbox;
11928
11937
  display: flex;
@@ -11938,6 +11947,20 @@ textarea.rs-picker-search-input {
11938
11947
  color: #8e8e93;
11939
11948
  color: var(--rs-text-secondary);
11940
11949
  }
11950
+ .rs-picker-toggle-indicator .rs-picker-loader {
11951
+ display: -webkit-box;
11952
+ display: -ms-flexbox;
11953
+ display: flex;
11954
+ -webkit-box-align: center;
11955
+ -ms-flex-align: center;
11956
+ align-items: center;
11957
+ margin-left: 2px;
11958
+ position: absolute;
11959
+ top: 8px;
11960
+ right: 12px;
11961
+ height: 20px;
11962
+ font-size: 12px;
11963
+ }
11941
11964
  .rs-picker-menu {
11942
11965
  position: absolute;
11943
11966
  text-align: left;
@@ -15022,7 +15045,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15022
15045
  .rs-picker-disabled-options .rs-picker-tag-wrapper {
15023
15046
  margin-right: 32px !important;
15024
15047
  }
15025
- .rs-picker-disabled-options .rs-picker-toggle-clean {
15048
+ .rs-picker-disabled-options .rs-picker-clean {
15026
15049
  right: 10px !important;
15027
15050
  }
15028
15051
  .rs-timeline {