content: import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
  import _createClass from 'babel-runtime/helpers/createClass';
  import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
  import _inherits from 'babel-runtime/helpers/inherits';
  import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import moment from 'moment';
  
  var Header = function (_Component) {
    _inherits(Header, _Component);
  
    function Header(props) {
      _classCallCheck(this, Header);
  
      var _this = _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).call(this, props));
  
      _initialiseProps.call(_this);
  
      var value = props.value,
          format = props.format;
  
      _this.state = {
        str: value && value.format(format) || '',
        invalid: false
      };
      return _this;
    }
  
    _createClass(Header, [{
      key: 'componentWillReceiveProps',
      value: function componentWillReceiveProps(nextProps) {
        var value = nextProps.value,
            format = nextProps.format;
  
        this.setState({
          str: value && value.format(format) || '',
          invalid: false
        });
      }
    }, {
      key: 'getClearButton',
      value: function getClearButton() {
        var _props = this.props,
            prefixCls = _props.prefixCls,
            allowEmpty = _props.allowEmpty;
  
        if (!allowEmpty) {
          return null;
        }
        return React.createElement('a', {
          className: prefixCls + '-clear-btn',
          role: 'button',
          title: this.props.clearText,
          onMouseDown: this.onClear
        });
      }
    }, {
      key: 'getProtoValue',
      value: function getProtoValue() {
        return this.props.value || this.props.defaultOpenValue;
      }
    }, {
      key: 'getInput',
      value: function getInput() {
        var _props2 = this.props,
            prefixCls = _props2.prefixCls,
            placeholder = _props2.placeholder;
        var _state = this.state,
            invalid = _state.invalid,
            str = _state.str;
  
        var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
        return React.createElement('input', {
          className: prefixCls + '-input  ' + invalidClass,
          ref: 'input',
          onKeyDown: this.onKeyDown,
          value: str,
          placeholder: placeholder,
          onChange: this.onInputChange
        });
      }
    }, {
      key: 'render',
      value: function render() {
        var prefixCls = this.props.prefixCls;
  
        return React.createElement(
          'div',
          { className: prefixCls + '-input-wrap' },
          this.getInput(),
          this.getClearButton()
        );
      }
    }]);
  
    return Header;
  }(Component);
  
  Header.propTypes = {
    format: PropTypes.string,
    prefixCls: PropTypes.string,
    disabledDate: PropTypes.func,
    placeholder: PropTypes.string,
    clearText: PropTypes.string,
    value: PropTypes.object,
    hourOptions: PropTypes.array,
    minuteOptions: PropTypes.array,
    secondOptions: PropTypes.array,
    disabledHours: PropTypes.func,
    disabledMinutes: PropTypes.func,
    disabledSeconds: PropTypes.func,
    onChange: PropTypes.func,
    onClear: PropTypes.func,
    onEsc: PropTypes.func,
    allowEmpty: PropTypes.bool,
    defaultOpenValue: PropTypes.object,
    currentSelectPanel: PropTypes.string
  };
  
  var _initialiseProps = function _initialiseProps() {
    var _this2 = this;
  
    this.onInputChange = function (event) {
      var str = event.target.value;
      _this2.setState({
        str: str
      });
      var _props3 = _this2.props,
          format = _props3.format,
          hourOptions = _props3.hourOptions,
          minuteOptions = _props3.minuteOptions,
          secondOptions = _props3.secondOptions,
          disabledHours = _props3.disabledHours,
          disabledMinutes = _props3.disabledMinutes,
          disabledSeconds = _props3.disabledSeconds,
          onChange = _props3.onChange,
          allowEmpty = _props3.allowEmpty;
  
  
      if (str) {
        var originalValue = _this2.props.value;
        var value = _this2.getProtoValue().clone();
        var parsed = moment(str, format, true);
        if (!parsed.isValid()) {
          _this2.setState({
            invalid: true
          });
          return;
        }
        value.hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
  
        // if time value not allowed, response warning.
        if (hourOptions.indexOf(value.hour()) < 0 || minuteOptions.indexOf(value.minute()) < 0 || secondOptions.indexOf(value.second()) < 0) {
          _this2.setState({
            invalid: true
          });
          return;
        }
  
        // if time value is disabled, response warning.
        var disabledHourOptions = disabledHours();
        var disabledMinuteOptions = disabledMinutes(value.hour());
        var disabledSecondOptions = disabledSeconds(value.hour(), value.minute());
        if (disabledHourOptions && disabledHourOptions.indexOf(value.hour()) >= 0 || disabledMinuteOptions && disabledMinuteOptions.indexOf(value.minute()) >= 0 || disabledSecondOptions && disabledSecondOptions.indexOf(value.second()) >= 0) {
          _this2.setState({
            invalid: true
          });
          return;
        }
  
        if (originalValue) {
          if (originalValue.hour() !== value.hour() || originalValue.minute() !== value.minute() || originalValue.second() !== value.second()) {
            // keep other fields for rc-calendar
            var changedValue = originalValue.clone();
            changedValue.hour(value.hour());
            changedValue.minute(value.minute());
            changedValue.second(value.second());
            onChange(changedValue);
          }
        } else if (originalValue !== value) {
          onChange(value);
        }
      } else if (allowEmpty) {
        onChange(null);
      } else {
        _this2.setState({
          invalid: true
        });
        return;
      }
  
      _this2.setState({
        invalid: false
      });
    };
  
    this.onKeyDown = function (e) {
      if (e.keyCode === 27) {
        _this2.props.onEsc();
      }
    };
  
    this.onClear = function () {
      _this2.setState({ str: '' });
      _this2.props.onClear();
    };
  };
  
  export default Header;