<div class="row">

     <!--First column-->

     <div class="col-md-6">

         <div class="md-form mb-0">

             <div class="md-form mb-0">

                 <div class="md-form">

                 <input placeholder="Selected time" type="text" id="input_starttime" class="form-control timepicker">

               <label for="input_starttime">Pick a Time</label>

           </div>

             </div>

         </div>

     </div>

     <!--Second column-->

     <div class="col-md-6">

         <div class="md-form mb-0">

             <div class="md-form mb-0">

                 <div class="md-form">

                <input placeholder="Selected date" type="text" id="date-picker-example" class="form-control datepicker">

                <label for="date-picker-example">Try me...</label>

              </div>

             </div>

         </div>

     </div>

</div>

​

$('#input_starttime').pickatime({

    // 12 or 24 hour

    twelvehour: true,

});

​

// Data Picker Initialization

$('.datepicker').pickadate();

​