title: Positioning Angular UI bootstrap Datepicker
body: <p>I am having a "small" issue with the angularjs ui datepicker. I need to indicate somehow, if an input with a datepicker attach, should show the popup from the bottom-left corner of the input (as default)</p>
  
  <p><img src="https://i.stack.imgur.com/y9tkp.jpg" alt="enter image description here"></p>
  
  <p>or if I want it from the bottom-right corner of the input instead. This is because in a page that I am creating, my input is really close to the right side of the page, and when I attach the datepicker, this happens (the datepicker is cutted and now a horizontal scroll appears):</p>
  
  <p><img src="https://i.stack.imgur.com/a386q.jpg" alt="enter image description here"></p>
  
  <p>but the thing is that I need the datepicker in both positions (according to the case related in the images).</p>
  
  <p>Someone know how can this be fixed? I have tried changing the <code>left</code> attribute that is inline in the datepicker popup template, but it is always a fixed value and I believed that is not the real option.</p>
  
  <p>Thanks</p>