title: How do you open bootstrap-datepicker on icon click not only on input click
body: <p>Is it possible to open datepicker on click input or span with calendar icon?</p>
  
  <p><a href="http://www.eyecon.ro/bootstrap-datepicker" rel="nofollow">http://www.eyecon.ro/bootstrap-datepicker</a></p>
  
  <p>My code</p>
  
  <pre><code>&lt;div class="input-group datepicker"&gt;
  &lt;label&gt;Date&lt;/label&gt;
  &lt;input type="text" class="form-control" placeholder="YYYY-MM-DD" value="" name="date"&gt;
  &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon calendar"&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  
  $(document).ready(function(){
      $('.datepicker').datepicker({'format': 'yyyy-mm-dd'});
  });
  </code></pre>
  
  <p>Span holds calendar icon and on click I want to show calendar. </p>
  
  <p>Is this possible? How to do it?</p>