import React, { Component, PropTypes } from 'react'
  import $ from 'jquery'
  import 'jquery-ui/ui/widgets/datepicker'
  
  class DatePicker extends Component {
    componentDidMount() {
      $('.datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,

        yearRange: '-116:-1',

        dateFormat: 'dd/mm/yy'
      });
    }
  
    render() {
      return (
        <input
          type="text"
          className="datepicker form-control"
          placeholder="DD-MM-YYYY"
          onChange={this.props.onChange}
          value={this.props.value}
        />
      )
    }
  }
  
  DatePicker.propTypes = {
    value: PropTypes.string.isRequired,
    onChange: PropTypes.func.isRequired,
  }
  
  export default DatePicker