 
   focus: ->
     React.findDOMNode(@refs.input)?.focus()
+
+  # The label has style "pointer-events: none" set.  Unfortunantly IE 10
+  # doesn't support that and refuses to pass the click through the label into the input
+  # We help it out here by manually focusing when then label is clicked
+  # (which should only happen on IE 10)
+  forwardLabelClick: -> @focus()
 
   render: ->
     classes = ['form-control']

        className={classes.join(' ')}
        defaultValue={@props.default}
        onChange={@onChange} />
      <div className="floating-label">{@props.label}</div>
      <div className="hint required-hint">
        Required Field <i className="fa fa-exclamation-circle"></i>
      </div>

        defaultValue={@props.default}
        onChange={@onChange}
      />
      <div className='floating-label' onClick={@forwardLabelClick}>{@props.label}</div>
      {errors}
    </div>

