How to use

HTML:

create input text field in body section.

<input id='timepicker' type='text'name='timepicker'/>

CSS:

put timepicki.css file in your webpage for timepicker style.

<link rel='stylesheet' type='text/css'href='css/timepicki.css'/>

JS:

put jquery library file and timepicki.js file with in script.

<script type='text/javascript'src='js/jquery.js'></script>

<script type='text/javascript'src='js/timepicki.js'></script>

call timepicki() method with input element selector

<script type='text/javascript'src='js/jquery.js'> 
	$('#timepicker').timepicki(); 
</script>

Now timepicker is ready your page, open your page and checkout timpicker.

Image:

copy and paste arrow images to your project's images directroy from timpicki images directory.