1 files changed, 17 insertions, 4 deletions

diff --git a/src/components/ui/Input.tsx b/src/components/ui/Input.tsx
index 78b3a9200..c22dc5838 100644
--- a/src/components/ui/Input.tsx
+++ b/src/components/ui/Input.tsx
@@ -1,8 +1,16 @@
-import { ChangeEvent, Component, createRef, RefObject } from 'react';
+import {
+  ChangeEvent,
+  ChangeEventHandler,
+  Component,
+  createRef,
+  ReactElement,
+  RefObject,
+} from 'react';
 import { observer } from 'mobx-react';
 import classnames from 'classnames';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiEye, mdiEyeOff } from '@mdi/js';
+import { noop } from 'lodash';
 import { scorePassword as scorePasswordFunc } from '../../helpers/password-helpers';
 import Icon from './icon';
 import { Field } from '../../@types/mobx-form.types';
@@ -23,6 +31,8 @@ interface IProps extends WrappedComponentProps {
   scorePassword?: boolean;
   prefix?: string;
   suffix?: string;
+  placeholder?: string;
+  onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 
 interface IState {
@@ -53,14 +63,17 @@ class Input extends Component<IProps, IState> {
   }
 
   onChange(e: ChangeEvent<HTMLInputElement>): void {
-    const { field, scorePassword } = this.props;
+    const { field, scorePassword, onChange = noop } = this.props;
 
     if (field.onChange) {
+      onChange(e);
       field.onChange(e);
     }
 
     if (scorePassword) {
-      this.setState({ passwordScore: scorePasswordFunc(field.value) });
+      this.setState({
+        passwordScore: scorePasswordFunc(field.value as string),
+      });
     }
   }
 
@@ -70,7 +83,7 @@ class Input extends Component<IProps, IState> {
     }
   }
 
-  render() {
+  render(): ReactElement {
     const {
       field,
       className = null,