AngularJS directive for jQueryUI Timepicker
An AngularJS directive for jquery-timepicker
You can use Bower to install this directive.
bower install angular-jquery-timepicker
Add the timepicker module as a dependency to your applicatin module:
var myAppModule = angular.module('MyApp', ['ui.timepicker'])
Apply the directive to your form elements. This directive expects ng-model to be a valid javascript Date object.
<input ui-timepicker ng-model="someDateObject">
Input:
<input ng-model="date" ui-timepicker/>
Span (clickable): {{ date | date:'shortTime' }}
<span ng-model="date" ui-timepicker>{{ date | date:'shortTime' }}</span>
{{ date | date:'medium' }}