JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
     <div class="form-group">
                            <label>Çalışılan Tarih</label>
                            <div class="input-group date" >
                                <input type="text" name="CalisilanGun" id="CalisilanGun" class="form-control" value="02/11/2017" >
                                <div class="input-group-addon">
                                    <span class="glyphicon glyphicon-th"></span>
                                </div>
                            </div>
                        </div>

JavaScript

$('#CalisilanGun'). datepicker({
            format: 'dd/mm/yyyy',
            language:'tr-tr',
            autoclose: true
          
        });
           $('#CalisilanGun').change(function (e) {
        var secilenTarih=moment(e.target.value,"DD/MM/YYYY");
        var buGun = moment(new Date());
				var fark = moment.duration(buGun.diff(secilenTarih));
				var gunSayisi = fark.asDays();
        if(!(gunSayisi<4 && gunSayisi>0))
        {
        $('#CalisilanGun').datepicker('setDate', buGun.add("days",-4).format("DD/MM/YYYY"));
        }
       
    });