rsuite 5.48.1 → 5.50.0

package/dist/rsuite-no-reset-rtl.css

@@ -130,6 +130,7 @@
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-btn-default-bg: var(--rs-gray-50);
   --rs-btn-default-text: var(--rs-gray-800);
@@ -475,6 +476,7 @@
   --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-btn-default-bg: var(--rs-gray-600);
   --rs-btn-default-text: var(--rs-gray-50);
@@ -811,6 +813,7 @@
   --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-btn-default-bg: transparent;
   --rs-btn-default-text: var(--rs-primary-500);
@@ -1034,147 +1037,15 @@
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
 /* stylelint-disable */
-* {
+*[class*='rs-'] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-*::before,
-*::after {
+*[class*='rs-']::before,
+*[class*='rs-']::after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-body {
-  margin: 0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-[hidden],
-template {
-  display: none;
-}
-a {
-  background-color: transparent;
-}
-a:active,
-a:hover {
-  outline: 0;
-}
-b,
-strong {
-  font-weight: bold;
-}
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sup {
-  top: -0.5em;
-}
-sub {
-  bottom: -0.25em;
-}
-img {
-  border: 0;
-}
-svg:not(:root) {
-  overflow: hidden;
-}
-hr {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  height: 0;
-}
-pre {
-  overflow: auto;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit;
-  font: inherit;
-  margin: 0;
-}
-button {
-  overflow: visible;
-}
-button {
-  border-radius: 0;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-html input[type='button'],
-input[type='reset'],
-input[type='submit'] {
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-button[disabled],
-html input[disabled] {
-  cursor: not-allowed;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-input {
-  line-height: normal;
-}
-input[type='checkbox'],
-input[type='radio'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-}
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-textarea {
-  overflow: auto;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-td,
-th {
-  padding: 0;
-}
-[tabindex='-1'] {
-  outline: none;
-}
-input[type='button'],
-input[type='submit'],
-input[type='reset'],
-button {
-  border-width: 0;
-}
-input::-ms-clear {
-  display: none;
-}
-input[type='file']::-webkit-file-upload-button,
-input[type='file']::-ms-browse {
-  border-width: 0;
-  background: transparent;
-  color: currentColor;
-}
-input,
-button,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
 @-webkit-keyframes slideInLeft {
   from {
     opacity: 0;
@@ -3838,6 +3709,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin: 0;
   padding: 0;
   list-style: none;
+  font-size: 14px;
 }
 .rs-picker-cascader-menu-item {
   display: block;
@@ -4362,12 +4234,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
-.rs-picker-date.rs-picker-default .rs-picker-toggle-caret,
-.rs-picker-daterange.rs-picker-default .rs-picker-toggle-caret,
-.rs-picker-date.rs-picker-default .rs-picker-toggle-clean,
-.rs-picker-daterange.rs-picker-default .rs-picker-toggle-clean {
-  top: 7px;
-}
 .rs-picker-toolbar {
   padding: 12px;
   border-top: 1px solid #e5e5ea;
@@ -4379,6 +4245,19 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-date-inline .rs-calendar {
   height: 286px;
 }
+.rs-picker-date .rs-input-group-addon {
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-picker-date .rs-input-group-addon .rs-btn-close {
+  padding: 0;
+}
+.rs-picker-date.rs-picker-subtle .rs-input-group {
+  border-color: transparent;
+}
+.rs-picker-date > .rs-input-group.rs-input-group-inside .rs-input {
+  padding-left: 0;
+}
 .rs-picker-date-predefined {
   height: 325px;
   border-left: 1px solid #e5e5ea;
@@ -4510,6 +4389,19 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   height: 214px;
   padding-bottom: 184px;
 }
+.rs-picker-daterange .rs-input-group-addon {
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-picker-daterange .rs-input-group-addon .rs-btn-close {
+  padding: 0;
+}
+.rs-picker-daterange.rs-picker-subtle .rs-input-group {
+  border-color: transparent;
+}
+.rs-picker-daterange > .rs-input-group.rs-input-group-inside .rs-input {
+  padding-left: 0;
+}
 .rs-picker-daterange-menu .rs-calendar {
   display: inline-block;
   height: 274px;
@@ -8033,6 +7925,7 @@ textarea.rs-input-sm {
 }
 .rs-input-group .rs-input-group {
   outline: none !important;
+  border-color: transparent !important;
 }
 .rs-input-group .rs-input-number,
 .rs-input-group .rs-input-group-addon,
@@ -10934,6 +10827,30 @@ textarea.rs-picker-search-input {
           box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
+.rs-picker-label.rs-input-group-addon {
+  color: #575757;
+  color: var(--rs-text-primary);
+  padding-left: 4px !important;
+}
+.rs-picker-loader {
+  width: 14px;
+  height: 14px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.rs-picker-error > .rs-input-group {
+  border-color: #f44336 !important;
+  border-color: var(--rs-state-error) !important;
+}
+.rs-picker-error > .rs-input-group:focus-within {
+  outline: 3px solid rgba(244, 67, 54, 0.25) !important;
+  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
+  outline: var(--rs-state-error-outline) !important;
+}
 .rs-picker-toggle {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -11205,13 +11122,13 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
   padding-left: 32px;
 }
-.rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 8px;
   left: 12px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
 .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
@@ -11243,17 +11160,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-left: 36px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 8px;
   left: 12px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 7px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn {
@@ -11271,13 +11188,13 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
   padding-left: 36px;
 }
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 10px;
   left: 16px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11312,17 +11229,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
   padding-left: 42px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 10px;
   left: 16px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 9px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
@@ -11372,13 +11289,13 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
   padding-left: 32px;
 }
-.rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 8px;
   left: 12px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11413,17 +11330,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
   padding-left: 36px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 8px;
   left: 12px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 7px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
@@ -11475,13 +11392,13 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
   padding-left: 30px;
 }
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 5px;
   left: 10px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11516,17 +11433,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
   padding-left: 34px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 4px;
   left: 10px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 3px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
@@ -11580,13 +11497,13 @@ textarea.rs-picker-search-input {
 .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
   padding-left: 28px;
 }
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 2px;
   left: 8px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
+.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11631,17 +11548,17 @@ textarea.rs-picker-search-input {
 .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
   padding-left: 30px;
 }
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
+.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 2px;
   left: 8px;
 }
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 1px;
 }
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
@@ -11711,7 +11628,7 @@ textarea.rs-picker-search-input {
 .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
   padding-left: 44px;
 }
-.rs-picker-toggle-clean {
+.rs-picker-toggle-indicator .rs-picker-clean {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -11731,14 +11648,14 @@ textarea.rs-picker-search-input {
   transition: 0.2s color linear;
   cursor: pointer;
 }
-.rs-picker-toggle-clean.rs-btn-close {
+.rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
   padding: 4px 0;
 }
-.rs-picker-date .rs-picker-toggle-clean,
-.rs-picker-daterange .rs-picker-toggle-clean {
+.rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
   left: 38px;
 }
-.rs-picker-toggle-caret {
+.rs-picker-toggle-indicator .rs-picker-caret-icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -11754,6 +11671,20 @@ textarea.rs-picker-search-input {
   color: #8e8e93;
   color: var(--rs-text-secondary);
 }
+.rs-picker-toggle-indicator .rs-picker-loader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-right: 2px;
+  position: absolute;
+  top: 8px;
+  left: 12px;
+  height: 20px;
+  font-size: 12px;
+}
 .rs-picker-menu {
   position: absolute;
   text-align: right;
@@ -13161,6 +13092,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background: none;
   padding-left: 40px;
   position: relative;
+  border-width: 0;
 }
 .rs-sidenav-collapse-in .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
   padding-right: 56px;
@@ -13305,6 +13237,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   display: block;
   outline: 0;
   overflow: hidden;
+  text-decoration: none;
 }
 .rs-sidenav-item:hover,
 .rs-sidenav-item:focus {
@@ -14832,7 +14765,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-disabled-options .rs-picker-tag-wrapper {
   margin-left: 32px !important;
 }
-.rs-picker-disabled-options .rs-picker-toggle-clean {
+.rs-picker-disabled-options .rs-picker-clean {
   left: 10px !important;
 }
 .rs-timeline {