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:+34',
      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