JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css">
<div class="col-md-5" id="sandbox-container">
    
<h2>Select borrow date</h2> 
    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-lg form-control" name="start" placeholder="borrow date" /> <span class="input-group-addon">to</span>

        <input type="text" class="input-lg form-control" name="end" placeholder="return date" />
    </div>
</div>

JavaScript

$(document).ready(function () {
    $('#sandbox-container .input-daterange').datepicker({
        format: "yyyy-mm-dd",
        startDate: "0d",
        endDate: "+10d",
        clearBtn: true,
        multidateSeparator: " ",
        forceParse: true,
        daysOfWeekDisabled: "0,6",
        orientation: "top auto",
        todayHighlight: true,
        toggleActive: true,
        autoClose: true
    });
});