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.css CHANGED
@@ -4395,9 +4395,18 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4395
4395
  height: 214px;
4396
4396
  padding-bottom: 184px;
4397
4397
  }
4398
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
4399
- .rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
4400
- top: 7px;
4398
+ .rs-picker-daterange .rs-input-group-addon {
4399
+ color: #8e8e93;
4400
+ color: var(--rs-text-secondary);
4401
+ }
4402
+ .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4403
+ padding: 0;
4404
+ }
4405
+ .rs-picker-daterange.rs-picker-subtle .rs-input-group {
4406
+ border-color: transparent;
4407
+ }
4408
+ .rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
4409
+ padding-right: 0;
4401
4410
  }
4402
4411
  .rs-picker-daterange-menu .rs-calendar {
4403
4412
  display: inline-block;
@@ -11125,13 +11134,13 @@ textarea.rs-picker-search-input {
11125
11134
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11126
11135
  padding-right: 32px;
11127
11136
  }
11128
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11129
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11137
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11138
+ .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11130
11139
  top: 8px;
11131
11140
  right: 12px;
11132
11141
  }
11133
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11134
- .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11142
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11143
+ .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
11135
11144
  top: 7px;
11136
11145
  }
11137
11146
  .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
@@ -11163,17 +11172,17 @@ textarea.rs-picker-search-input {
11163
11172
  .rs-picker-daterange .rs-picker-toggle.rs-btn {
11164
11173
  padding-right: 36px;
11165
11174
  }
11166
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11167
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11168
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11169
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11175
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11176
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11177
+ .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11178
+ .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11170
11179
  top: 8px;
11171
11180
  right: 12px;
11172
11181
  }
11173
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11174
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11175
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11176
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11182
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11183
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
11184
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
11185
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
11177
11186
  top: 7px;
11178
11187
  }
11179
11188
  .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11191,13 +11200,13 @@ textarea.rs-picker-search-input {
11191
11200
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11192
11201
  padding-right: 36px;
11193
11202
  }
11194
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11195
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11203
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11204
+ .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11196
11205
  top: 10px;
11197
11206
  right: 16px;
11198
11207
  }
11199
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11200
- .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11208
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11209
+ .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
11201
11210
  top: 9px;
11202
11211
  }
11203
11212
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11232,17 +11241,17 @@ textarea.rs-picker-search-input {
11232
11241
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
11233
11242
  padding-right: 42px;
11234
11243
  }
11235
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11236
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11237
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11238
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11244
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11245
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11246
+ .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11247
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11239
11248
  top: 10px;
11240
11249
  right: 16px;
11241
11250
  }
11242
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11243
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11244
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11245
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11251
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11252
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
11253
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
11254
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
11246
11255
  top: 9px;
11247
11256
  }
11248
11257
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11292,13 +11301,13 @@ textarea.rs-picker-search-input {
11292
11301
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11293
11302
  padding-right: 32px;
11294
11303
  }
11295
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11296
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11304
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11305
+ .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11297
11306
  top: 8px;
11298
11307
  right: 12px;
11299
11308
  }
11300
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11301
- .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11309
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11310
+ .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
11302
11311
  top: 7px;
11303
11312
  }
11304
11313
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11333,17 +11342,17 @@ textarea.rs-picker-search-input {
11333
11342
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
11334
11343
  padding-right: 36px;
11335
11344
  }
11336
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11337
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11338
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11339
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11345
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11346
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11347
+ .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11348
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11340
11349
  top: 8px;
11341
11350
  right: 12px;
11342
11351
  }
11343
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11344
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11345
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11346
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11352
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11353
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
11354
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
11355
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
11347
11356
  top: 7px;
11348
11357
  }
11349
11358
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11395,13 +11404,13 @@ textarea.rs-picker-search-input {
11395
11404
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11396
11405
  padding-right: 30px;
11397
11406
  }
11398
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11399
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11407
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11408
+ .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11400
11409
  top: 5px;
11401
11410
  right: 10px;
11402
11411
  }
11403
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11404
- .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11412
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11413
+ .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
11405
11414
  top: 4px;
11406
11415
  }
11407
11416
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11436,17 +11445,17 @@ textarea.rs-picker-search-input {
11436
11445
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
11437
11446
  padding-right: 34px;
11438
11447
  }
11439
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11440
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11441
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11442
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11448
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11449
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11450
+ .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11451
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11443
11452
  top: 4px;
11444
11453
  right: 10px;
11445
11454
  }
11446
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11447
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11448
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11449
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11455
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11456
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
11457
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
11458
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
11450
11459
  top: 3px;
11451
11460
  }
11452
11461
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11500,13 +11509,13 @@ textarea.rs-picker-search-input {
11500
11509
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11501
11510
  padding-right: 28px;
11502
11511
  }
11503
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11504
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11512
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11513
+ .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11505
11514
  top: 2px;
11506
11515
  right: 8px;
11507
11516
  }
11508
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11509
- .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11517
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11518
+ .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
11510
11519
  top: 1px;
11511
11520
  }
11512
11521
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11551,17 +11560,17 @@ textarea.rs-picker-search-input {
11551
11560
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
11552
11561
  padding-right: 30px;
11553
11562
  }
11554
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11555
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11556
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11557
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11563
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11564
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11565
+ .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11566
+ .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11558
11567
  top: 2px;
11559
11568
  right: 8px;
11560
11569
  }
11561
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11562
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11563
- .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11564
- .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11570
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11571
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
11572
+ .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
11573
+ .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
11565
11574
  top: 1px;
11566
11575
  }
11567
11576
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11631,7 +11640,7 @@ textarea.rs-picker-search-input {
11631
11640
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11632
11641
  padding-right: 44px;
11633
11642
  }
11634
- .rs-picker-toggle-clean {
11643
+ .rs-picker-toggle-indicator .rs-picker-clean {
11635
11644
  display: -webkit-box;
11636
11645
  display: -ms-flexbox;
11637
11646
  display: flex;
@@ -11651,14 +11660,14 @@ textarea.rs-picker-search-input {
11651
11660
  transition: 0.2s color linear;
11652
11661
  cursor: pointer;
11653
11662
  }
11654
- .rs-picker-toggle-clean.rs-btn-close {
11663
+ .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
11655
11664
  padding: 4px 0;
11656
11665
  }
11657
- .rs-picker-date .rs-picker-toggle-clean,
11658
- .rs-picker-daterange .rs-picker-toggle-clean {
11666
+ .rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
11667
+ .rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
11659
11668
  right: 38px;
11660
11669
  }
11661
- .rs-picker-toggle-caret {
11670
+ .rs-picker-toggle-indicator .rs-picker-caret-icon {
11662
11671
  display: -webkit-box;
11663
11672
  display: -ms-flexbox;
11664
11673
  display: flex;
@@ -11674,6 +11683,20 @@ textarea.rs-picker-search-input {
11674
11683
  color: #8e8e93;
11675
11684
  color: var(--rs-text-secondary);
11676
11685
  }
11686
+ .rs-picker-toggle-indicator .rs-picker-loader {
11687
+ display: -webkit-box;
11688
+ display: -ms-flexbox;
11689
+ display: flex;
11690
+ -webkit-box-align: center;
11691
+ -ms-flex-align: center;
11692
+ align-items: center;
11693
+ margin-left: 2px;
11694
+ position: absolute;
11695
+ top: 8px;
11696
+ right: 12px;
11697
+ height: 20px;
11698
+ font-size: 12px;
11699
+ }
11677
11700
  .rs-picker-menu {
11678
11701
  position: absolute;
11679
11702
  text-align: left;
@@ -14758,7 +14781,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14758
14781
  .rs-picker-disabled-options .rs-picker-tag-wrapper {
14759
14782
  margin-right: 32px !important;
14760
14783
  }
14761
- .rs-picker-disabled-options .rs-picker-toggle-clean {
14784
+ .rs-picker-disabled-options .rs-picker-clean {
14762
14785
  right: 10px !important;
14763
14786
  }
14764
14787
  .rs-timeline {