Floating label with react-bootstrap

Im trying to do floating label like in this example but with react-bootstrap:

Working example

My Component at the moment:

<FormGroup controlId="email" bsSize="large">
        <FloatingLabel ref={this.floatingEmail}>Email</FloatingLabel >
        <FormControl
          autoFocus
          type="email"
          value={this.state.email}
          onChange={this.handleChange}
        />
      </FormGroup>