 
   handleClick: (componentName, dayMoment, mouseEvent) ->
     @refs.addOnDay.updateState(dayMoment, mouseEvent.pageX, mouseEvent.pageY)
-    mouseEvent.currentTarget.classList.add('active')
+    @setState({
+      activeAddDate: dayMoment
+    })
 
   checkAddOnDay: (componentName, dayMoment, mouseEvent) ->
     unless mouseEvent.relatedTarget is React.findDOMNode(@refs.addOnDay)


    durationDays = calendarDuration.iterate('days')
    days = []
    while durationDays.hasNext()
      dayIter = durationDays.next()
      if dayIter.isAfter(referenceDay, 'day')
        day = <Day
          date={dayIter}
          onClick={@handleClick}
          onMouseLeave={@checkAddOnDay}
          onMouseEnter={@undoActives}
          modifiers={{upcoming: true}}/>
      else
        day = <Day date={dayIter} modifiers={{past: true}}/>
      days.push(day)

    days


  hideAddOnDay: (componentName, dayMoment, mouseEvent) ->
    @refs.addOnDay.close()
    @setState({
      activeAddDate: null
    })


  # render days based on whether they are past or upcoming
