JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css">
<script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<div class="input-append date" id="dp1" data-date="01-01-1990" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
    <input class="span2" size="16" type="text" readonly>
        <span class="add-on"><i class="icon-calendar"></i></span>
</div>

JavaScript

$('#dp1').datepicker({
    format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
console.log(e.viewMode);

	//if(e.)

    //$(this).datepicker('hide');
});