angular-ui-timepicker

Installation

Download using bower

This is the recommended path for installation as all dependencies are automatically installed as well.

bower install angular-ui-timepicker

Install manually

• Minified Download JS and CSS
• Unminified Download JS and CSS

Manually download and install dependecies:angular, moment, angular moment, d3, bootstrap and jquery.

Includes

These scripts are required for angular-ui-timepicker to work correctly:

<script src="jquery.min.js"></script>
<script src="boostrap.min.js"></script>
<script src="d3.min.js"></script>
<script src="moment.min.js"></script>
<script src="angular.min.js"></script>
<script src="angular-moment.min.js"></script>
<script src="angular-ui-timepicker.min.js"></script>

<link rel="stylesheet" href="boostrap.min.css">
<link rel="stylesheet" href="angular-ui-timepicker.css">

Usage

Minimal

<input ui-timepicker ng-model="mydatetime" type="text" placeholder="time" />

Styled with Bootstrap

<div class="input-group">
    <input class="form-control" ui-timepicker increments="15" ng-model="mydatetime" type="text" placeholder="time" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

Configuration

Additional configuration options can be found on the Configuration and Examples pages.