Bootstrap.UI Date Picker Angular Addon

Aria-Addon.js

/*
Just Add this addon on parent or same level of datepicker-ui. 

current-date will automatically be updated with date selected by keyboard
*/

/** Enhance the ui.datepicker to able to read the selected date from ui.datepicker **/
angular.module('directives.',['ui.bootstrap.datepicker'])
       .directive('ariaAddon',['$timeout',function($timeout){
         return {
           restrict : 'A',
           scope : {
             'currentDate' : "="
           },
           link:function(scope, elm, attrs){

             $timeout(function(){
               var popup = elm.find('[datepicker]');

               var datepickerController = angular.element(popup).controller('datepicker');

               var datepickerScope = angular.element(popup).isolateScope();

               datepickerScope.$watch(function(){
                 return datepickerController.activeDate;
               },function(newValue,oldValue){
                  scope.currentDate = oldValue;
               })

             },0);
           }
         };
       }])