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:

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

plantlog.html template for popup:

``` javascript

Plant Date


```

options controller for the datepicker:

``` javascript
$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?