JSFiddle - React, Tailwind, and code Playground

by Sourabh Tewari

HTML

<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js"></script>
<ul id="dropDownUl">
    <li class="dropdown" style="list-style: none"> <a class="dropdown-toggle btn" data-toggle="dropdown" href="#">dropdown</a>

        <div class="dropdown-menu" role="menu" onclick="event.stopPropagation();">
            <div class="form-group">
                <div class="input-group input-group-sm"> <span class="input-group-addon">ID</span>

                    <input name="FilterIdTextBox" type="text" id="FilterIdTextBox" class="form-control" style="color:#000000;font-weight:normal;">
                    <div class="form-group">
                        <div class="input-group input-group-sm"> <span class="input-group-addon">Name</span>

                            <input name="FilterNameTextBox" type="text" id="FilterNameTextBox" class="form-control" data-live-search="true" style="color:#000000;font-weight:normal;">
                            <div class="form-group ">
                                <div class="input-group input-group-sm"> <span class="input-group-addon add-on">Start Date</span>

                                    <input name="txtSDate" type="text" id="txtSDate" class="form-control date dateTimePicker">
                                    <div class="form-group ">
                                        <div class="input-group input-group-sm"> <span class="input-group-addon add-on">End Date</span>

                                            <input name="txtEDate" type="text" id="txtEDate" class="form-control date dateTimePicker">

JavaScript

$('#txtSDate').datepicker({
                autoclose: true
            });
            $('#txtEDate').datepicker({
                autoclose: true
            });

 $(document).on('click', 'span.month, th.next, th.prev, th.switch, span.year,td.day,td.active.day,th.dow', function (e) {
                e.stopPropagation();
            });