update icon color

EasyPost · Dec 20, 2024 · 1c9528f · 1c9528f
1 parent 6a4fcf7
commit 1c9528f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/easy-ui-react/src/DatePicker/DatePicker.module.scss b/easy-ui-react/src/DatePicker/DatePicker.module.scss
@@ -26,16 +26,19 @@
   @include Input.iconEndInput;
 }
 
-.datePickerTrigger > :last-child {
-  color: design-token("color.primary.500");
+.datePickerTrigger:not(.disabled) > :last-child {
+  color: design-token("color.neutral.700");
   cursor: pointer;
-  top: calc(design-token("space.1-5") - design-token("shape.border_width.1"));
 
   &:hover {
-    color: design-token("color.primary.600");
+    color: design-token("color.neutral.800");
   }
 }
 
+.datePickerTrigger > :last-child {
+  top: calc(design-token("space.1-5") - design-token("shape.border_width.1"));
+}
+
 .datePickerSm .datePickerTrigger > :last-child {
   top: calc(design-token("space.1") - design-token("shape.border_width.1"));
 }

diff --git a/easy-ui-react/src/DatePicker/DatePickerTrigger.tsx b/easy-ui-react/src/DatePicker/DatePickerTrigger.tsx
@@ -45,6 +45,7 @@ export function DatePickerTrigger(props: DatePickerTriggerProps) {
   const className = classNames(
     styles.datePickerTrigger,
     (isInvalid || state.isInvalid) && styles.errorInput,
+    isDisabled && styles.disabled,
   );
 
   return (