JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<div class='col-sm-6'>
  <div class="form-group">
    <div class='input-group date' id='datetimepicker1'>
      <input type='text' class="form-control" />
      <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
      </span>
    </div>
  </div>
</div>

JavaScript

var serdate = '2016-01-01 00:01:00';
$('#datetimepicker1').datetimepicker({
  format: 'YYYY-MM-DD HH:mm:ss',
  defaultDate: serdate,
  allowInputToggle: true
});