React    = require "react"
ReactDOM = require 'react-dom'
{ Tzolkin } = require './app'


class MyComponent extends React.Component
  constructor: (props) ->
    super(props)
    this.state =
      date_picker_show: false

  render: ->
    disable =
      hours: ["11am", "12am", "1pm"]

    <div className="tzolkin">
      <label htmlFor="lead_activity_activity_date">
        My <em style={fontStyle: 'italic'}>React</em>ion Time
      </label>

      <Tzolkin type='datetime' onError={this.error_that_shit}>
        <input defaultValue="4/01/2018 12:00 pm" type="text" />
      </Tzolkin>
    </div>

  update_date_state: (date, el) =>
    @setState
      date: date

  show_datepicker: (e) =>
    @setState
      date_picker_show: !@state.date_picker_show

  error_that_shit: (date, errors, node, input) =>
    # console.log date
    console.log errors
    # console.log node
    # console.log input



 export default {
  create: (node) ->
    ReactDOM.render <MyComponent />, node
}