title: Angular-UI Accordion + Datepicker?
body: <p>i use Anguar-Ui Bootstrap <a href="http://angular-ui.github.io/bootstrap/" rel="nofollow">http://angular-ui.github.io/bootstrap/</a></p>
  
  <p>and i have implemented the "Accordion" from Angular UI and now i want add inside this Accordeon the Popup DatePicker from Angular UI.
  The Problem is, if i click inside the Accordeon on the Date it opens the Popup so that i can choose the date but it opens this Popup inside the Accordeon. Is it possible that this popup is opened outside the Accordion window ? The Accordion Window is to small to display the whole date selector.</p>
  
  <p>I hope you understand what i mean..</p>
  
  <p>the code looks like that, the controller for the datePicker is the same as in the Angular UI example:</p>
  
  <pre><code>&lt;accordion close-others="oneAtATime"&gt;
  
  &lt;accordion-group heading="Filter"&gt;
  
  &lt;p class="input-group"&gt;
  &lt;input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /&gt;
  &lt;span class="input-group-btn"&gt;
  &lt;button type="button" class="btn btn-default" ng-click="open($event)"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;/span&gt;
  &lt;/p&gt;
  &lt;/accordion-group&gt;
  
  &lt;/accordion&gt;    
  </code></pre>
  
  <p>EDIT: ok i have solved the problem i must only add "datepicker-append-to-body="true"" and now it works..</p>