       deletedValues.push value
       @setState deletedValues: deletedValues
 
-  handlePreset: ->
+  handlePresetChange: (e) ->
+    if e.target.value is "numberRange"
+      @setState numberRange: true
+    else
+      @setState numberRange: false
+
+  handlePresetApply: ->
     select = @state.editSelect
 
     if select.condition? and not @state.optionsKeys[select.condition]

    preset = @refs.preset.value

    switch preset
      when "days" then select.options["#{optionsKey}"] = days
      when "months" then select.options["#{optionsKey}"] = months
      when "Countries" then select.options["#{optionsKey}"] = Countries
      when "statesUSA" then select.options["#{optionsKey}"] = statesUSA


      <div>
        <h2 className="form-label">Presets</h2>
        <select ref="preset" onChange={@handlePresetChange}>
          <option value="">none selected</option>
          <option value="numberRange">Range of Numbers (i.e. Days, Years)</option>
          <option value="months">Months</option>
          <option value="Countries">Countries</option>
          <option value="statesUSA">States - United States</option>
          <option value="provincesCanada">Provinces - Canada</option>
          <option value="statesMexico">States - Mexico</option>
        </select>

        {if @state.numberRange
          <div>
            <label>Top number:
              <input type="number" ref="topNumber" min="0" max="999999" />
            </label>
            <br />
            <label>Bottom number:
              <input type="number" ref="bottomNumber" min="0" max="999999" />
            </label>
          </div>}

        <button onClick={@handlePresetApply}>Apply</button>
      </div>

      <br />
