rsuite 5.18.0 → 5.18.1-beta.4

package/dist/rsuite.css

@@ -2854,8 +2854,8 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-panel .rs-calendar-header-backward {
   float: none !important;
 }
-.rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-forward,
-.rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-backward {
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward,
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward {
   display: inline-block;
   visibility: hidden;
   pointer-events: none;
@@ -2863,11 +2863,11 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-panel .rs-calendar-header-month-toolbar {
   width: auto !important;
 }
-.rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-month-toolbar {
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-left: 0;
   padding-right: 0;
 }
-.rs-calendar-panel .rs-calendar-show-month-dropdown {
+.rs-calendar-panel .rs-calendar-month-view {
   padding-left: 0;
   padding-right: 0;
 }
@@ -2941,37 +2941,59 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
   height: 50px;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-month-toolbar {
+.rs-calendar-btn-close {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 14px;
+  padding: 0;
+  border: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  background: #fff;
+  background: var(--rs-bg-overlay);
+  z-index: 1;
+}
+.rs-calendar-panel .rs-calendar-btn-close {
+  bottom: 11px;
+  margin: 0 20px;
+}
+.rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-left: 24px;
   padding-right: 24px;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-backward,
-.rs-calendar-show-month-dropdown .rs-calendar-header-forward {
+.rs-calendar-month-view .rs-calendar-header-backward,
+.rs-calendar-month-view .rs-calendar-header-forward {
   display: none;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date {
+.rs-calendar-month-view .rs-calendar-header-title-date {
   color: #1675e0;
   color: var(--rs-text-active);
   background: transparent;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error {
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
   color: #f44336;
   color: var(--rs-text-error);
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error:focus,
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus,
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
   color: #fff !important;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-header-title-time {
+.rs-calendar-time-view .rs-calendar-header-title-time {
   color: #1675e0;
   color: var(--rs-text-active);
   background: transparent;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-header-title-time.rs-calendar-header-error {
+.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
   color: #f44336;
   color: var(--rs-text-error);
 }
-.rs-calendar-show-time-dropdown .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
+.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
   color: #fff;
 }
 .rs-calendar-table-cell-selected,
@@ -3126,7 +3148,7 @@ tbody.rs-anim-collapse.rs-anim-in {
           transform: rotate(180deg);
 }
 /* rtl:end:ignore */
-.rs-calendar-view {
+.rs-calendar-body {
   padding: 4px 12px 12px;
 }
 .rs-calendar-table {
@@ -3248,10 +3270,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   overflow: hidden;
   z-index: 1;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-month-dropdown {
+.rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-month-dropdown-content {
+.rs-calendar-month-view .rs-calendar-month-dropdown-content {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }
@@ -3355,10 +3377,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   overflow: hidden;
   z-index: 1;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-time-dropdown {
+.rs-calendar-time-view .rs-calendar-time-dropdown {
   display: block;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-time-dropdown-content {
+.rs-calendar-time-view .rs-calendar-time-dropdown-content {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }
@@ -4460,7 +4482,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-picker-daterange-menu .rs-calendar {
   display: inline-block;
-  height: 276px;
+  height: 274px;
   padding-bottom: 12px;
 }
 .rs-picker-daterange-menu .rs-calendar:first-child {
@@ -9523,6 +9545,7 @@ textarea.rs-picker-search-input {
 }
 .rs-nav .rs-dropdown > .rs-dropdown-toggle {
   height: 36px;
+  vertical-align: bottom;
 }
 .rs-nav-default .rs-nav-item,
 .rs-nav-tabs .rs-nav-item {