A directive that adds a timepicker control.
Requirements
Link to popup's CSS and Javascript files.
<script src="timepickerDirective/timepickerDirective.js"></script>
In your app's directives.js file, add the timepickerDirective module.
angular.module('myApp', ['timepickerDirective']);
Last, simply add a <timepicker-directive>
element.
<input type="text" ng-model="mytime">
<timepicker-directive input-model="mytime"></timepicker-directive>
Or, with popupDirective:
<input type="text" ng-focus="popup01.show($event)" ng-model="mytime">
<popup-directive api="popup01">
<timepicker-directive close-callback="popup01.hide" input-model="mytime"></timepicker-directive>
</popup-directive>