clockpicker-demo

HTML

<script src="http://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.js"></script>
<link rel="stylesheet" href="http://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
<div class="col-lg-6">
                                              <div class="form-group">
                                              	<label>test</label>
                                                  <div class="input-group clockpicker" data-autoclose="true">
                                                      <input type="text" class="form-control" value="" >
                                                      <span class="input-group-addon">
                                                          <span class="fa fa-clock-o"></span>
                                                      </span>
                                                  </div>
                                              </div>
                                          </div>
</div>

JavaScript

$('.clockpicker').clockpicker({
			'default': 'now',
			twelvehour: true,
		});