title: Angular - UI Bootstrap Datepicker not displaying over Bootstrap Modal
body: <p>I have an Angular app that I am using UI Bootstrap.  I have a modal with a Datepicker at the bottom of the modal.  When expand the Datepicker, it stays inside the modal.  I have tried changed the <code>z-index</code>, but that does not change anything.  Here is my <code>html</code> for the Datepicker: </p>
  
  <pre><code>&lt;div class="control-group"&gt;
    &lt;label class="control-label"&gt;Birth Date:&lt;/label&gt;
    &lt;div class="controls"&gt;
      &lt;div class="form-horizontal" ng-controller="DatepickerCtrl"&gt;
        &lt;input name="birthdate" class="input-thick" type="text" datepicker-popup="MM/dd/yyyy" ng-model="model.dateOfBirth" is-open="opened" min="minDate" max="'2013-11-11'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" required /&gt;
        &lt;button class="btn" ng-click="open()"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;p ng-show="!addPatientForm.birthdate.$valid &amp;&amp; formSubmitted" class="form-error"&gt;&lt;i class="fa fa-exclamation-circle "&gt;&lt;/i&gt; &lt;b&gt;Date of Birth: &lt;/b&gt;Enter a date in the format MM/DD/YYYY. It cannot be a future date.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the <code>js</code>:</p>
  
  <pre><code>App.controller('DatepickerCtrl', function ($scope, $routeParams, $modal, $timeout) {
    $scope.today = function() {
      $scope.dt = new Date();
    };
  
    $scope.today();
  
    $scope.showWeeks = true;
  
    $scope.toggleWeeks = function () {
      $scope.showWeeks = ! $scope.showWeeks;
    };
  
    $scope.clear = function () {
      $scope.dt = null;
    };
  
    $scope.toggleMin = function() {
      $scope.minDate = ( $scope.minDate ) ? null : new Date();
    };
  
    $scope.open = function() {
      $timeout(function() {
        $scope.opened = true;
      });
    };
  
    $scope.dateOptions = {
      'year-format': 'yy',
      'starting-day': 1
    };
  });
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/pL3YqViXIszxzdjalfB0?p=preview" rel="nofollow">Here</a> is a plunker to show my issue.  What do I need to do to make my Datepicker show up correctly?  </p>