UI Components

Select Time:

Time picker is a component that allows users to choose a time from the form.

Step 1 : Add JS file in your html : <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
Step 2 : Add JS file in your html : <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript">
Step 3 : Add JS file in your html : <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
Step 4 : Add HTML code from code tab

 <input id="timepicker" width="276" />

  $('#timepicker').timepicker({
  uiLibrary: 'bootstrap4'
  });