pass event on right icon click

themesberg · Oct 1, 2024 · 1965831 · 1965831
1 parent 36d1951
commit 1965831
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/TextInput/TextInput.tsx b/packages/ui/src/components/TextInput/TextInput.tsx
@@ -46,7 +46,7 @@ export interface TextInputProps extends Omit<ComponentProps<"input">, "ref" | "c
   color?: DynamicStringEnumKeysOf<FlowbiteTextInputColors>;
   helperText?: ReactNode;
   icon?: FC<ComponentProps<"svg">>;
-  onRightIconClick?: () => void;
+  onRightIconClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
   rightIcon?: FC<ComponentProps<"svg">>;
   shadow?: boolean;
   sizing?: DynamicStringEnumKeysOf<FlowbiteTextInputSizes>;
@@ -87,7 +87,7 @@ export const TextInput = forwardRef<HTMLInputElement, TextInputProps>(
               <div
                 data-testid="right-icon"
                 className={`${theme.field.rightIcon.base} ${!onRightIconClick ? "pointer-events-none" : ""}`}
-                onClick={onRightIconClick}
+                onClick={(e) => onRightIconClick?.(e)}
               >
                 <RightIcon className={theme.field.rightIcon.svg} />
               </div>