---
alert-message: ', <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://eonasdan.github.io/bootstrap-datetimepicker/#custom-formats">http://eonasdan.github.io/bootstrap-datetimepicker/#custom-formats</a>.'
categories: [Widgets]
layout: page
title: Time Picker
resource: true
url-js-extra: ['https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js',
               'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js']
---
<h3>Component</h3>
<div class="row">
  <div class="col-lg-4 col-md-5 col-sm-6">
    {% include widgets/forms/time-picker.html id="timepicker1" %}
  </div>
</div>
