JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"></script>
 Date & Time combined - <div id="datetimepicker1" class="input-append date">
<input data-format="yyyy/MM/dd hh:mm" type="text" onfocus="javascript:$(this).next().click();"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
<br>
 Date only - <div id="datepicker2" class="input-append">
    <input type="text" data-format="yyyy/MM/dd" onfocus="javascript:$(this).next().click();"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
<br>
 Time only - <div id="timepicker2" class="input-append">
    <input type="text" data-format="hh:mm" onfocus="javascript:$(this).next().click();"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>

JavaScript

$(document).ready(function(){
    $('#datetimepicker1').datetimepicker({
        format: 'yyyy/MM/dd hh:mm',
        pickSeconds: false,
        pick12HourFormat: true
        //language: 'pt-BR',    /* Portuguese - Brazilian */
        
        });
    
     $('#datepicker1').datetimepicker({
        format: 'yyyy/MM/d',
        pickTime: false
        //language: 'pt-BR',    /* Portuguese - Brazilian */
        
        });
    
     $('#timepicker2').datetimepicker({
        format: 'hh:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: true
        //language: 'pt-BR',    /* Portuguese - Brazilian */
        
        });
    
     $('#datepicker2').datetimepicker({
        
        pickTime: false,
         
        //language: 'pt-BR',    /* Portuguese - Brazilian */
        
        });
});