import React, { PropTypes } from 'react';
import DateTime from 'react-datetime';

export default class DateTimeControl extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(datetime) {
    this.props.onChange(datetime);
  }

  render() {
    return <DateTime value={this.props.value || new Date()} onChange={this.handleChange}/>;
  }
}

DateTimeControl.propTypes = {
  onChange: PropTypes.func.isRequired,
  value: PropTypes.node,
};