Date range picker does not show next arrow but shows previous arrow


I am working with DateRangePicker and I am not shown the following arrow, I don’t know what I have configured wrong.

As we see the image should have on the right side an arrow too, this time I went back to 2020 so you can see that I don’t have the arrow
enter image description here

My input

<input type="text" id="daterange" name="daterange"/>

My script

<script src=""></script>
<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src=""></script>

    $(function() {

            "minDate": "01-01-2018",
            "maxDate": '0',
            "autoUpdateInput": false,
            "locale": {
                "cancelLabel": 'Limpiar',
                "applyLabel": 'Aplicar',
                "fromLabel": "Desde",
                "toLabel": "Hasta",
                "daysOfWeek": [
                "monthNames": [

        $('input[name="daterange"]').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));

        $('input[name="daterange"]').on('cancel.daterangepicker', function(ev, picker) {


you need to set the "maxDate". it cannot be "maxDate": ‘0’,

Answered By – D. Seah

Answer Checked By – Pedro (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.