样式

scss/components/form/_date.scss

@@ -42,6 +42,7 @@
     color: $DatePicker-placeholderColor;
     user-select: none;
     margin-right: $gap-base;
+    min-width: px2rem(50px);
     flex-basis: 0;
     flex-grow: 1;
   }
@@ -85,7 +86,8 @@
 .#{$ns}DatePicker-shortcuts {
   margin: 0;
   background: $Calendar-shortcuts-bg;
-  padding: ($Calendar-shortcuts-height - $Calendar-fontSize * $lineHeightBase) / 2 $gap-sm;
+  padding: ($Calendar-shortcuts-height - $Calendar-fontSize * $lineHeightBase) /
+    2 $gap-sm;
   list-style: none;
   width: px2rem(250px);
 
@@ -166,8 +168,6 @@
       background: $Calendar-cell-onActive-bg;
     }
 
-
-
     td.rdtDisabled,
     td.rdtDisabled:hover {
       background-color: $Calendar-cell-onDisabled-bg;
@@ -262,7 +262,8 @@
     font-size: $fontSizeSm;
   }
 
-  @include button-variant($Calendar-btn-bg,
+  @include button-variant(
+    $Calendar-btn-bg,
     $Calendar-btn-border,
     $Calendar-btn-color,
     $Calendar-btn-onHover-bg,
@@ -270,7 +271,8 @@
     $Calendar-btn-onHover-color,
     $Calendar-btn-onActive-bg,
     $Calendar-btn-onActive-border,
-    $Calendar-btn-onActive-color);
+    $Calendar-btn-onActive-color
+  );
 
   border-radius: $Calendar-btn-borderRadius;
 
@@ -279,7 +281,8 @@
   }
 
   &Cancel {
-    @include button-variant($Calendar-btnCancel-bg,
+    @include button-variant(
+      $Calendar-btnCancel-bg,
       $Calendar-btnCancel-border,
       $Calendar-btnCancel-color,
       $Calendar-btnCancel-onHover-bg,
@@ -287,7 +290,8 @@
       $Calendar-btnCancel-onHover-color,
       $Calendar-btnCancel-onActive-bg,
       $Calendar-btnCancel-onActive-border,
-      $Calendar-btnCancel-onActive-color);
+      $Calendar-btnCancel-onActive-color
+    );
   }
 }