JSFiddle - React, Tailwind, and code Playground

by Ataur Rahman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://momentjs.com/downloads/moment-with-locales.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>
<div class="container"> 
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" id="dateT" name="from1" placeholder="Morning">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>

JavaScript

$(function () { 
  $('#datetimepicker1').datetimepicker({
  	format: 'LT',
    
	});
  $('.input-group-addon').mouseup(function(){
		 $('#dateT').val('8:00 AM');
  });


});