From 1beb86dc206e2c6053dd3dfdbd331b69adf98a80 Mon Sep 17 00:00:00 2001
From: rstepura44 <rstepura44@gmail.com>
Date: Mon, 21 Apr 2025 13:20:55 +0300
Subject: [PATCH] feat: add disabled props to color picker

---
 .../form/ColorPickerField/index.tsx           | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/form/ColorPickerField/index.tsx b/src/components/form/ColorPickerField/index.tsx
index 7041d06..dcb5227 100644
--- a/src/components/form/ColorPickerField/index.tsx
+++ b/src/components/form/ColorPickerField/index.tsx
@@ -17,9 +17,10 @@ export interface ColorPickerFieldProps<TName, TFormValues extends FieldValues>
     FieldProps,
     'className' | 'label' | 'required' | 'labelChildren' | 'labelClassName'
   > {
-  size?: InputSize;
   name: TName;
   control: Control<TFormValues>;
+  size?: InputSize;
+  disabled?: boolean;
 }
 
 const generateClassName = (child?: string): string =>
@@ -31,11 +32,20 @@ export const ColorPickerField = <
 >(
   props: ColorPickerFieldProps<TName, TFormValues>,
 ): ReactElement => {
-  const { name, control, label, size, className, required, labelChildren, labelClassName } =
-    useCombinedPropsWithKit({
-      name: 'ColorPickerField',
-      props,
-    });
+  const {
+    name,
+    control,
+    label,
+    size,
+    className,
+    required,
+    labelChildren,
+    labelClassName,
+    disabled,
+  } = useCombinedPropsWithKit({
+    name: 'ColorPickerField',
+    props,
+  });
 
   const { field, fieldState } = useController({ name, control });
 
@@ -64,6 +74,7 @@ export const ColorPickerField = <
           </div>
         )}
         <TextInput
+          disabled={disabled}
           iconAfterElement={
             <Icon
               className={clsx({ [generateClassName('icon-after')]: isColorPickerOpen })}