diff --git a/src/ui/components/common/DirInput.tsx b/src/ui/components/common/DirInput.tsx
index e0ba65d..569c69c 100644
--- a/src/ui/components/common/DirInput.tsx
+++ b/src/ui/components/common/DirInput.tsx
@@ -62,7 +62,11 @@ export default class DirInput extends React.Component<IProps, IState> {
   render() {
     return (
       <div className='DirInput'>
-        <TextInput value={this.state.value} placeholder={this.state.placeholder} readOnly={true} />
+        <TextInput value={this.state.value} placeholder={this.state.placeholder} readOnly={true} onChange={(text: string) => {
+          this.setState({ value: text })
+
+          if (this.props.onChange) this.props.onChange(text)
+        }}/>
         <div className="FileSelectIcon" onClick={this.handleIconClick}>
           <img src={File} />
         </div>
diff --git a/src/ui/components/common/TextInput.tsx b/src/ui/components/common/TextInput.tsx
index e83fbce..cb2195e 100644
--- a/src/ui/components/common/TextInput.tsx
+++ b/src/ui/components/common/TextInput.tsx
@@ -44,6 +44,8 @@ export default class TextInput extends React.Component<IProps, IState> {
         }} />
         <div className="TextClear" onClick={() => {
           this.setState({ value: '' })
+
+          if (this.props.onChange) this.props.onChange('')
         }}>
           <img src={Close} className="TextInputClear" />
         </div>