title: Date picker on the same css class
body: <p>I have a problem with my homepage. Events can be created with the following datas:
   - Start
   - End
   - Description</p>
  
  <p>I use bootstrap datepicker with this code:</p>
  
  <pre><code>$('.form-control').datepicker({
        maxViewMode: 0,
        keyboardNavigation: false,
        forceParse: false,
        daysOfWeekDisabled: "0,6",
        daysOfWeekHighlighted: "0,6",
        todayHighlight: true,
        format: 'yyyy-mm-dd'
      });
  </code></pre>
  
  <p>And here is my html:</p>
  
  <pre><code>&lt;!-- EndTime--&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-md-4 control-label"&gt;End&lt;/label&gt;  
      &lt;div class="col-md-4 inputGroupContainer"&gt;
      &lt;div class="input-group"&gt;
      &lt;span class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;input id="end" name="end" placeholder="Fill out!" class="form-control"  type="text"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;!-- Description --&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-md-4 control-label"&gt;Description&lt;/label&gt;  
      &lt;div class="col-md-4 inputGroupContainer"&gt;
      &lt;div class="input-group"&gt;
      &lt;span class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-pencil"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;input id="description" name="description" class="form-control"  type="text"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Of course the date picker appears in the description field too. I'd like to avoid that, but I would like to keep the "form-control" class.</p>