title: Bootstrap datetimepicker: show calendar pop-up when a user clicks on input
body: <p>Is there a way to show calendar when a user clicks on <strong>input</strong> as well? Right now I have to click on the calendar icon which will then show calendar.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class='input-group date' id='datetimepicker1'&gt;
    &lt;input type='text' class="form-control" /&gt;
    &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(function() {
    $('#datetimepicker1').datetimepicker();
  });
  </code></pre>
  
  <p><br>
  Example: <a href="https://jsfiddle.net/8jpmkcr5/81/" rel="nofollow noreferrer">https://jsfiddle.net/8jpmkcr5/81/</a></p>