AngularJS timepicker directive

angular-bs-timepicker.js

appDirective.directive('timePicker',function(){
    return {
        restrict : 'E',
        require: ['ngModel'],
        scope :{
            ngModel: '='
        },
        replace: true,
        template:
            '<div class="input-group bootstrap-timepicker">' +
                '<input type="text"  class="form-control" ngModel>' +
                '<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i>' +
                '</div>',
        link: function(scope, element, attrs){
            var input = element.find('input');
            input.timepicker('showWidget');
            element.bind('blur keyup change', function(){
            scope.ngModel = input.val()
            });
        }
    }
});