fix(DatePicker2): fix error state display, close #3410 (#4340)

Co-authored-by: 林俊 <[email protected]>
alibaba-fusion · May 23, 2023 · e2eb732 · e2eb732
1 parent b9689b0
commit e2eb732
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/date-picker2/main.scss b/src/date-picker2/main.scss
@@ -136,6 +136,10 @@
         &#{$date-picker2-prefix}-input-disabled {
             @include input-disabled();
         }
+
+        &#{$date-picker2-prefix}-input-error {
+            border-color: $input-feedback-error-border-color;
+        }
     }
 
     &-input-separator {

diff --git a/src/date-picker2/panels/date-input.jsx b/src/date-picker2/panels/date-input.jsx
@@ -210,6 +210,7 @@ class DateInput extends React.Component {
                 [`${prefixCls}-focus`]: focus,
                 [`${prefixCls}-noborder`]: !hasBorder,
                 [`${prefixCls}-disabled`]: isRange && Array.isArray(disabled) ? disabled.every(v => v) : disabled,
+                [`${prefixCls}-error`]: state === 'error',
             }
         );