JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.16.0/moment.min.js"></script>
<link rel="stylesheet" href="//longbill.github.io/jquery-date-range-picker/dist/daterangepicker.min.css">
<script src="//longbill.github.io/jquery-date-range-picker/dist/jquery.daterangepicker.min.js"></script>
<div class="datas-input">
                                                        <div class="col-md-3 col-xs-6 col-sm-6">
                                                            <label>Entrada</label>
                                                            <div class="datepicker-wrap2" id="datas-input">
                                                                <input type="text" class="input-text datepicker-wrap2 full-width" id="dataentrada" autocomplete="off" />
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-3 col-xs-6 col-sm-6">
                                                            <label>Saida</label>
                                                            <div class="datepicker-wrap2">
                                                                <input type="text" class="input-text datepicker-wrap2 full-width" id="datasaida" autocomplete="off" />
                                                            </div>
                                                        </div>
                                                    </div>

JavaScript

$('#datas-input').dateRangePicker({
                autoClose: true,
                format: 'DD/MM/YYYY',
                separator: ' até ',
                // minDays: 1,
                startDate: '05/06/2017',
                selectForward: true,
                getValue: function()
                {
                    if ($('#dataentrada').val() && $('#datasaida').val() )
                        return $('#dataentrada').val() + ' até ' + $('#datasaida').val();
                    else
                        return '';
                },
                setValue: function(s,s1,s2)
                {
                    $('#dataentrada').val(s1);
                    $('#datasaida').val(s2);
                }
            });
            $('#datasaida').dateRangePicker({
                autoClose: true,
                format: 'DD/MM/YYYY',
                separator: ' até ',
                // minDays: 1,
                startDate: '05/06/2017',
                selectForward: true,
                getValue: function()
                {
                    if ($('#dataentrada').val() && $('#datasaida').val() )
                        return $('#dataentrada').val() + ' até ' + $('#datasaida').val();
                    else
                        return '';
                },
                setValue: function(s,s1,s2)
                {
                    $('#dataentrada').val(s1);
                    $('#datasaida').val(s2);
                }
            });