Угловой загрузчик даты (uib-datepicker) не применяется к новым добавленным элементам

Question

У меня есть файл с UIB-DatePicker, который добавлен в DOM с jQuery после загрузки страницы. Теперь, когда я фокусируюсь на поле, указатель даты не отображается!

создать и добавить поле выбора даты

var dateInput = 
   $compile("<input type='text' class='date-filter' 
   ng-model='dateFilter' 
   uib-datepicker-popup='yyyy-MM-dd' 
   is-open='datePicker[1]' 
   ng-focus='openDatePicker($event, 1)'>")($scope);

   $('#wapper').append(dateInput);

открытый сборщик дат

$scope.datePicker = [];
$scope.openDatePicker = function ($event, datePickerIndex) {
   $event.preventDefault();
   $event.stopPropagation();
   $scope.datePicker[datePickerIndex] = true;
};

Можно сказать: uib-datepicker не относится к поданным вообще!

В чем проблема?