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-no-reset-rtl.css CHANGED
@@ -4389,9 +4389,18 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4389
4389
  height: 214px;
4390
4390
  padding-bottom: 184px;
4391
4391
  }
4392
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
4393
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
4394
- top: 7px;
4392
+ .rs-picker-daterange .rs-input-group-addon {
4393
+ color: #8e8e93;
4394
+ color: var(--rs-text-secondary);
4395
+ }
4396
+ .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4397
+ padding: 0;
4398
+ }
4399
+ .rs-picker-daterange.rs-picker-subtle .rs-input-group {
4400
+ border-color: transparent;
4401
+ }
4402
+ .rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
4403
+ padding-left: 0;
4395
4404
  }
4396
4405
  .rs-picker-daterange-menu .rs-calendar {
4397
4406
  display: inline-block;
@@ -11113,13 +11122,13 @@ textarea.rs-picker-search-input {
11113
11122
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11114
11123
  padding-left: 32px;
11115
11124
  }
11116
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11117
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11125
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11126
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11118
11127
  top: 8px;
11119
11128
  left: 12px;
11120
11129
  }
11121
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11122
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11130
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11131
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11123
11132
  top: 7px;
11124
11133
  }
11125
11134
  .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
@@ -11151,17 +11160,17 @@ textarea.rs-picker-search-input {
11151
11160
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
11152
11161
  padding-left: 36px;
11153
11162
  }
11154
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11155
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11156
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11157
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11163
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11164
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11165
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11166
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11158
11167
  top: 8px;
11159
11168
  left: 12px;
11160
11169
  }
11161
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11162
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11163
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11164
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11170
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11171
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11172
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11173
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11165
11174
  top: 7px;
11166
11175
  }
11167
11176
  .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11179,13 +11188,13 @@ textarea.rs-picker-search-input {
11179
11188
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11180
11189
  padding-left: 36px;
11181
11190
  }
11182
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11183
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11191
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11192
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11184
11193
  top: 10px;
11185
11194
  left: 16px;
11186
11195
  }
11187
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11188
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11196
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11197
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11189
11198
  top: 9px;
11190
11199
  }
11191
11200
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11220,17 +11229,17 @@ textarea.rs-picker-search-input {
11220
11229
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
11221
11230
  padding-left: 42px;
11222
11231
  }
11223
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11224
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11225
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11226
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11232
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11233
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11234
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11235
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11227
11236
  top: 10px;
11228
11237
  left: 16px;
11229
11238
  }
11230
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11231
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11232
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11233
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11239
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11240
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11241
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11242
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11234
11243
  top: 9px;
11235
11244
  }
11236
11245
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11280,13 +11289,13 @@ textarea.rs-picker-search-input {
11280
11289
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11281
11290
  padding-left: 32px;
11282
11291
  }
11283
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11284
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11292
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11293
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11285
11294
  top: 8px;
11286
11295
  left: 12px;
11287
11296
  }
11288
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11289
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11297
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11298
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11290
11299
  top: 7px;
11291
11300
  }
11292
11301
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11321,17 +11330,17 @@ textarea.rs-picker-search-input {
11321
11330
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
11322
11331
  padding-left: 36px;
11323
11332
  }
11324
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11325
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11326
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11327
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11333
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11334
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11335
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11336
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11328
11337
  top: 8px;
11329
11338
  left: 12px;
11330
11339
  }
11331
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11332
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11333
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11334
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11340
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11341
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11342
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11343
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11335
11344
  top: 7px;
11336
11345
  }
11337
11346
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11383,13 +11392,13 @@ textarea.rs-picker-search-input {
11383
11392
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11384
11393
  padding-left: 30px;
11385
11394
  }
11386
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11387
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11395
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11396
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11388
11397
  top: 5px;
11389
11398
  left: 10px;
11390
11399
  }
11391
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11392
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11400
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11401
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11393
11402
  top: 4px;
11394
11403
  }
11395
11404
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11424,17 +11433,17 @@ textarea.rs-picker-search-input {
11424
11433
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
11425
11434
  padding-left: 34px;
11426
11435
  }
11427
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11428
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11429
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11430
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11436
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11437
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11438
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11439
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11431
11440
  top: 4px;
11432
11441
  left: 10px;
11433
11442
  }
11434
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11435
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11436
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11437
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11443
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11444
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11445
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11446
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11438
11447
  top: 3px;
11439
11448
  }
11440
11449
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11488,13 +11497,13 @@ textarea.rs-picker-search-input {
11488
11497
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11489
11498
  padding-left: 28px;
11490
11499
  }
11491
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11492
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11500
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11501
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11493
11502
  top: 2px;
11494
11503
  left: 8px;
11495
11504
  }
11496
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11497
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11505
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11506
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11498
11507
  top: 1px;
11499
11508
  }
11500
11509
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11539,17 +11548,17 @@ textarea.rs-picker-search-input {
11539
11548
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
11540
11549
  padding-left: 30px;
11541
11550
  }
11542
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11543
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11544
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11545
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11551
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11552
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11553
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11554
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11546
11555
  top: 2px;
11547
11556
  left: 8px;
11548
11557
  }
11549
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11550
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11551
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11552
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11558
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11559
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11560
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11561
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11553
11562
  top: 1px;
11554
11563
  }
11555
11564
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11619,7 +11628,7 @@ textarea.rs-picker-search-input {
11619
11628
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11620
11629
  padding-left: 44px;
11621
11630
  }
11622
- .rs-picker-toggle-clean {
11631
+ .rs-picker-toggle-indicator .rs-picker-clean {
11623
11632
  display: -webkit-box;
11624
11633
  display: -ms-flexbox;
11625
11634
  display: flex;
@@ -11639,14 +11648,14 @@ textarea.rs-picker-search-input {
11639
11648
  transition: 0.2s color linear;
11640
11649
  cursor: pointer;
11641
11650
  }
11642
- .rs-picker-toggle-clean.rs-btn-close {
11651
+ .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
11643
11652
  padding: 4px 0;
11644
11653
  }
11645
- .rs-picker-date .rs-picker-toggle-clean,
11646
- .rs-picker-daterange .rs-picker-toggle-clean {
11654
+ .rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
11655
+ .rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
11647
11656
  left: 38px;
11648
11657
  }
11649
- .rs-picker-toggle-caret {
11658
+ .rs-picker-toggle-indicator .rs-picker-caret-icon {
11650
11659
  display: -webkit-box;
11651
11660
  display: -ms-flexbox;
11652
11661
  display: flex;
@@ -11662,6 +11671,20 @@ textarea.rs-picker-search-input {
11662
11671
  color: #8e8e93;
11663
11672
  color: var(--rs-text-secondary);
11664
11673
  }
11674
+ .rs-picker-toggle-indicator .rs-picker-loader {
11675
+ display: -webkit-box;
11676
+ display: -ms-flexbox;
11677
+ display: flex;
11678
+ -webkit-box-align: center;
11679
+ -ms-flex-align: center;
11680
+ align-items: center;
11681
+ margin-right: 2px;
11682
+ position: absolute;
11683
+ top: 8px;
11684
+ left: 12px;
11685
+ height: 20px;
11686
+ font-size: 12px;
11687
+ }
11665
11688
  .rs-picker-menu {
11666
11689
  position: absolute;
11667
11690
  text-align: right;
@@ -14742,7 +14765,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14742
14765
  .rs-picker-disabled-options .rs-picker-tag-wrapper {
14743
14766
  margin-left: 32px !important;
14744
14767
  }
14745
- .rs-picker-disabled-options .rs-picker-toggle-clean {
14768
+ .rs-picker-disabled-options .rs-picker-clean {
14746
14769
  left: 10px !important;
14747
14770
  }
14748
14771
  .rs-timeline {