Float-label does not work properly for InputMask

[mspclaims]

I'm submitting a ...

[x] bug report

Plunkr Case (Bug Reports)
Please check Plunkr: https://next.plnkr.co/edit/UCy0LSr4z72Hd6TS

Current behavior
When user enters data into InputMask that uses ui-float-label and focus leaves the input, label floats back into the input control as if no data was entered.

Expected behavior
Label should stay outside of the inpit box.

Minimal reproduction of the problem with instructions
Demo provided at https://next.plnkr.co/edit/UCy0LSr4z72Hd6TS

Please tell us about your environment:
Windows 7, Visual Studio Code

• React version:
  Latest React version

• PrimeReact version:
  Latest PrimeReact version

• Browser:
  Chrome, FF

• Language:
  ES6/7

[BorisKhapilin]

The same problem. Float label falls down onto the input even when mask completed.
<span className="ui-float-label">
<InputMask
value={this.state.value}
mask={this.props.options.mask}
unmask={true}
style={this.props.inputStyle || this.inputStyle}
id={this.props.options.id}
onChange={this.onChange}
/>
<label htmlFor={this.props.options.id}>{this.props.options.caption}</label>
</span>