       <h1>{headerText}</h1>
       <div>
         <label htmlFor="title">Name</label>
-        <input id="title" type="text" value={@props.title}/>
+        <input id="title" type="text" onChange={@setTitle} value={@props.title}/>
       </div>
       <div>
         <label htmlFor="due-date">Due Date</label>

      </div>
    </BS.Modal>

Reading = React.createClass
  mixins: [Router.State]
  getInitialState: -> {title: '', state: 'draft', topics: [], due_at: null}
  getDefaultProps: -> {title: '', state: 'draft', topics: [], due_at: null}
  componentWillMount: ->
    # Fetch the task if it has not been loaded yet
    id = @getParams().id
    # leave flux stuff to phil
    # if ReadingStore.isUnknown(id)
    #  ReadingActions.load(id)

  setDueAt: (value) ->
    @setState({
      due_at: value
    })

  render: ->
    id = @getParams().id

      </p>
    </BS.Panel>

module.exports = ReadingPlan
