From bd00439c1ef6cf01e2b03ce542db50cce9a594d1 Mon Sep 17 00:00:00 2001
From: linjun <44048690+linjunxyz@users.noreply.github.com>
Date: Tue, 23 May 2023 17:05:47 +0800
Subject: [PATCH] fix(TimePicker2): fix error state display (#4339)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 林俊 <lj01332078@alibaba-inc.com>
---
 src/time-picker2/main.scss             | 4 ++++
 src/time-picker2/module/date-input.jsx | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/time-picker2/main.scss b/src/time-picker2/main.scss
index da099a008b..3735677328 100644
--- a/src/time-picker2/main.scss
+++ b/src/time-picker2/main.scss
@@ -110,6 +110,10 @@
         &#{$time-picker2-prefix}-input-disabled {
             @include input-disabled();
         }
+
+        &#{$time-picker2-prefix}-input-error {
+            border-color: $input-feedback-error-border-color;
+        }
     }
 
     &-input-separator {
diff --git a/src/time-picker2/module/date-input.jsx b/src/time-picker2/module/date-input.jsx
index f7e682475b..61d680eb54 100644
--- a/src/time-picker2/module/date-input.jsx
+++ b/src/time-picker2/module/date-input.jsx
@@ -193,6 +193,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',
             }
         );