title: move the position of bootstrap datepicker
body: <p><a href="https://i.stack.imgur.com/a9qAT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/a9qAT.png" alt="enter image description here"></a>Can I able to move the datepicker near the calender icon ??? Any fix for this would be appreciated. datepicker is generated dynamically.         </p>
  
  <blockquote>
    <p>I have given id to div</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/dMwrJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dMwrJ.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="datepick col-sm-6"&gt;
                              &lt;div class='input-group date' id='datetimepicker1' &gt;
                                  &lt;input type='text' class="form-control" placeholder="Select Start Date"/&gt;
                                  &lt;span class="input-group-addon"&gt;
                                      &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                                  &lt;/span&gt;
                              &lt;/div&gt;
                      &lt;/div&gt;
      &lt;script&gt;
       $('#datetimepicker1').datepicker({
              autoclose: true,
              startDate: '-0m',
              todayHighlight: true
          }).on('changeDate', function(ev){
              $('#sDate1').text($('#datetimepicker1').data('date'));
              $('#datetimepicker1').datepicker('hide');
          });
      &lt;/script&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/P9bav.png" rel="noreferrer"><img src="https://i.stack.imgur.com/P9bav.png" alt="enter image description here"></a></p>