cantecim/ionic-timepicker

##Introduction:

This is a ionic-timepicker bower component which can be used with any Ionic framework's application.

##Prerequisites.

node.js, bower and gulp.

##How to use:

In your project repository install the ionic time picker using bower

bower install ionic-timepicker --save-dev
Then you can see the following directory structure see in your project folder

Give the path of style.css, templates.js and ionic-timepicker.js in your index.html file.

<link href="lib/ionic-timepicker/dist/style.css" rel="stylesheet">

<!-- path to ionic/angularjs js -->
<script src="lib/ionic-timepicker/dist/templates.js"></script>
<script src="lib/ionic-timepicker/dist/ionic-timepicker.js"></script>

In your application module inject the dependency ionic-timepicker, in order to work with the ionic time picker

angular.module('modulename', ['ionic', 'ionic-timepicker']){

}

Use the below format in your template's corresponding controller

$scope.slots = {epochTime: 12600, format: 12, step: 15};

Then use the below format in your template / html file

<ionic-timepicker etime="slots.epochTime" format="slots.format" step="slots.step">    
	<button class="button button-block button-positive"> {{slots.epochTime}} </button>
</ionic-timepicker>