text: // @flow
  import React from 'react';
  import withFocusSaver from '../../HOC/withFocusSaver';
  import withFocusHandler from '../TextInput/withFocusHandler';
  import TextInput from '../TextInput/TextInput.component';
  import withShrinkLabel from '../../HOC/withShrinkLabel';
  
  type Props = {
      onBlur: (value: any) => void,
      onChange?: ?(value: any) => void,
  }
  
  class DateTimeTime extends React.Component<Props> {
      handleBlur = (event) => {
          this.props.onBlur(event.currentTarget.value);
      }
  
      handleChange = (event) => {
          this.props.onChange && this.props.onChange(event.currentTarget.value);
      }
  
      render() {
          // $FlowFixMe[prop-missing] automated comment
          const { onBlur, onChange, value, ...passOnProps } = this.props;
          return (
              // $FlowFixMe[cannot-spread-inexact] automated comment
              <TextInput
                  value={value || ''}
                  onBlur={this.handleBlur}
                  onChange={this.handleChange}
                  {...passOnProps}
              />
          );
      }
  }
  
  export default withFocusSaver()(withShrinkLabel()(withFocusHandler()(DateTimeTime)));
  