feat: Added props onFocus and onClick to component TextInputFormatted (…

…#104)
linz · Nov 11, 2022 · 86b453c · 86b453c
1 parent 4e6414a
commit 86b453c
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/lui/TextInputFormatted.tsx b/src/lui/TextInputFormatted.tsx
@@ -1,12 +1,20 @@
 import "./TextInputFormatted.scss";
 
-import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from "react";
+import {
+  ChangeEventHandler,
+  DetailedHTMLProps,
+  FocusEventHandler,
+  InputHTMLAttributes,
+  MouseEventHandler,
+} from "react";
 
 import clsx from "clsx";
 import { LuiIcon } from "@linzjs/lui";
 
 export interface LuiTextInputProps {
   onChange?: ChangeEventHandler<HTMLInputElement>;
+  onFocus?: FocusEventHandler<HTMLInputElement>;
+  onClick?: MouseEventHandler<HTMLInputElement>;
   inputProps?: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
   error?: string | boolean | null;
   warning?: string | boolean | null;
@@ -38,6 +46,8 @@ export const TextInputFormatted = (props: LuiTextInputProps): JSX.Element => {
           spellCheck={true}
           defaultValue={props.value}
           onChange={props.onChange}
+          onFocus={props.onFocus}
+          onClick={props.onClick}
           {...props.inputProps}
         />
         <span className={"LuiTextInput-formatted"}>{props.formatted}</span>