Using datepicker within a popup

So, here is an odd issue, I am using the datepicker within a template driven pop-up: Controller calling the popup:

      templateUrl: 'templates/plantlog.html',
      title: vName,
      scope: $scope, 
      buttons: [
        { 
          text: 'cancel'},
        {
          text: '<b>Plant</b>',
          type: '',
.............

plantlog.html template for popup:

   <label class=" item plantItem" >
    <span class="input-label ">Plant Date</span>
          <input type="text" class="plantArea" pick-a-date="date" pick-a-date-options="options" placeholder="{{todayDate}}" ng-model="data.date"/>                  
    </label>

options controller for the datepicker:

  $rootScope.options = {
  format: 'yyyy-mm-dd', // ISO formatted date
    onClose: function(e) {
      alert('Worked!')   
    }
  }

Everything works as expected, popup pops up, but then when you click on the input field for the datepicker, the datepicker slides in but then you are unable to change the date to anything and the buttons down work. Also, if you touch any dates below the middle it the keyboard pops up and lets you type. Is there some sort of a conflict between them?

alongubkin / angular-datepicker

Using datepicker within a popup #34