title: How to make bootstrap datepicker appear onclick on input field and icon at the same time?
body: <p>I'm using <code>datepicker</code> of bootstrap and I'm trying to make the pop up appear  whenever I click on the icon or in the input field</p>
  
  <p>I'm using <code>bootstrap3</code> :<a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow noreferrer">datepicker docs</a></p>
  
  <p>this is my <code>script</code> :</p>
  
  <pre><code> $(function () {
          $('#start-date').datetimepicker({
              viewMode: 'years',
              format: 'MM-YYYY'
          });
  </code></pre>
  
  <p>and <code>html</code>:</p>
  
  <pre><code> &lt;div class="col-lg-4"&gt;
                          &lt;label for="start-date"&gt;Start Date&lt;/label&gt;
                          &lt;div class="input-group date"&gt;
                              &lt;input class="form-control" type="text" value="{{ start_date }}"
                                     id="start-date"&gt;
                              &lt;span class="input-group-addon"&gt;&lt;i class='fa fa-calendar'&gt;&lt;/i&gt;&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>