title: date field shows calendar far away from the field
body: <p><img src="https://i.stack.imgur.com/Vbnvd.png" alt="**enter image description here**"></p>
  
  <pre><code>&lt;div class="input-group"&gt;
    &lt;div class="input-group-addon"&gt;
      &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
    &lt;/div&gt;
    &lt;input type="text" placeholder="מתאריך" date-range-picker class="form-control pull-right" ng-model="vm.filter.from.ge" options="{singleDatePicker: true,showDropdowns: true, locale:vm.locale}"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Does anyone know what is causing this problem? The issue is that the calendar is not next to the input field</p>