Bootstrap Daterange picker

by forivall

HTML

<link rel="stylesheet" href="http://www.dangrossman.info/wp-content/themes/2012/daterangepicker.css">
<script src="http://www.dangrossman.info/wp-content/themes/2012/date.js"></script>
<script src="http://www.dangrossman.info/wp-content/themes/2012/daterangepicker.js"></script>
<link rel="stylesheet" href="http://www.dangrossman.info/wp-content/themes/2012/bootstrap.min.css">
<form class="form-horizontal">
  <fieldset>
    <div class="control-group">
      <label class="control-label" for="reservation">Reservation dates:</label>
      <div class="controls">
        <div class="input-prepend">
          <span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="reservation" id="reservation" />
        </div>
      </div>
    </div>
  </fieldset>
</form>

CoffeeScript

jQuery ($) ->
    $('#reservation').daterangepicker()