       axis: "x"
       containment: "parent"
       start: (event, ui) =>
+        @setState 'dragging': true
         @updateValue ui.position.left, true
 
       drag: (event, ui) =>
         @updateValue ui.position.left, true
 
       stop: (event, ui) =>
+        @setState 'dragging': false
         @updateValue ui.position.left, false
 
   valueFromSliderUI: (displayX) ->

    return newV

  sliderLocation: ->
    (@state.value - @props.min) / (@props.max - @props.min)

  sliderPercent: ->
    (@sliderLocation() * 100)


    if @state.dragging
      style.display = "block"
    (div {className: "number", style: style}, Math.round(@props.value))

  renderHandle: ->
    width = height = "#{@props.handleSize}px"
