JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="navbar txt-grey" role="navigation">
<div class="navbar-header">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>Dropdown</b><b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <div>
                        <form method="POST" class="form">
                            <div class="field clear">
                                Date                                    
                                <input type="text" name="p_start_date" id="datepicker" class="input datepicker" placeholder="Select date" />
                            </div>
                            <button type="submit" name="res_submit">Go</button>      
                        </form>
                    </div>
                </ul>
            </li>
        </ul>
 	</div>
</div>

CSS

.navbar{
    padding-left: 100px;
}

JavaScript

$().ready(function(){
	$(".datepicker").datepicker({
		dateFormat			: 'dd-mm-yy',
		firstDay			: 1,			// sets first day of the week to Monday
		minDate				: 1,			// sets first available date in calendar to tomorrow's date
		showOtherMonths		: true,			// displays days at beginning or end of adjacent months
		selectOtherMonths	: true
	});
});