diff --git a/src/lui/TextInputFormatted.tsx b/src/lui/TextInputFormatted.tsx index fbc92a79..8a2a05f4 100644 --- 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; + onFocus?: FocusEventHandler; + onClick?: MouseEventHandler; inputProps?: DetailedHTMLProps, 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} /> {props.formatted}