JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/trentrichardson/jQuery-Timepicker-Addon/master/jquery-ui-timepicker-addon.js"></script>
<link rel="stylesheet" href="https://raw.github.com/trentrichardson/jQuery-Timepicker-Addon/master/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
<div style="margin: 15px;">
    <lable>Start </lable><input id="example16_start" type="text" value="" name="test">
  
</div>
        <input type="text" id="txtRes" />

JavaScript

$('#example16_start').datetimepicker({
    dateFormat: 'yy-mm-dd',
    minDate: -1,
    timeFormat: 'hh:mm:ss'
});


$('#example16_start').change(function() {
  var date2 = $('#example16_start').datetimepicker('getDate'); 
  date2.setHours(date2.getHours()+10); 
  $('#txtRes').val(date2);
});