OfficeMomsandDads/scheduler

import React from 'react'
import DatePicker from 'react-datepicker'

class AddNewNeedsPicker extends React.Component {
  state = {
    startDate: this.props.startAt ? new Date(this.props.startAt) : null,
    disabled: !!this.props.exists
  }


  handleChange = date => {
    this.setState({
      startDate: date
    })
  }

  render() {
    return (
      <DatePicker
        selected={this.state.startDate}
        onChange={this.handleChange}
        showTimeSelect
        timeIntervals={15}
        dateFormat="MMM d, yyyy h:mm aa"
        name="need[start_at]"
        disabled={this.state.disabled}
      />
    )
  }
}

export default AddNewNeedsPicker