JSFiddle - React, Tailwind, and code Playground

by Dwza

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<div class="container">
    <div class="hero-unit">
        <input type="text" class="dp" placeholder="click to show datepicker" id="example1">
    </div>
</div>

JavaScript

$(document).ready(function () {
    $('#example1').datepicker({
        format: "dd/mm/yyyy"
    });

    $('.dp').on('change', function () {
        $('.datepicker').hide();
    });

});