title: bootstrap datetime picker, show dialogue when clicking on image
body: <p>I am using bootstrap date time picker for an input.</p>
  
  <p>i have the following html div defined</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="movingDate"&gt;Moving Date&lt;/label&gt;
      &lt;div class="input-group date ui-datepicker"&gt;
          &lt;input type="text" id="prefMovingDate" name="movingDateTime" class="form-control" data-required="true"&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>
  
  <p>And this javascript to enable bootstrap datetime picker</p>
  
  <pre><code>    $('#prefMovingDate').datetimepicker({
          format : 'd-M-yyyy H:ii P',
          autoclose : true,
      });
  </code></pre>
  
  <p>The output is following</p>
  
  <p><img src="https://i.stack.imgur.com/ww2Hr.png" alt="enter image description here"></p>
  
  <p>Now when i click on the text box i see this</p>
  
  <p><img src="https://i.stack.imgur.com/aKQ5W.png" alt="enter image description here"></p>
  
  <p>This is fine, but what i want is that the pop up for date selection should come even when the little calendar icon is clicked as well. I tries various approaches but i can't get my head around it. Any help on this will be greatly appreciated.</p>