Bootstrap Datetimepicker Default Date input field empty Not working

Question

I'm using datetimepicker plugin. I want the default input field should be empty instead of showing the current date.

I have tried this so far.

autoUpdateInput": false and "defaultDate": "", these are not working.

<div class="input-group  date">
    <input type="text" name="dates" class="form-control daterange" />              
</div>

$('.daterange').daterangepicker({   
         //"autoUpdateInput": false,
         
        "locale": {
            
            "container": "#CalModal",
            "defaultDate": "",
            "format": "MM/DD/YYYY",
            "separator": " / ",
            "customRangeLabel": "Custom",
            "monthNames": [
                "January",
                "February",
                "March",
                "April",
                "May",
                "June",
                "July",
                "August",
                "September",
                "October",
                "November",
                "December"
            ],
         }      
    });

Answer 1

put something like this $('.daterange').val('') after your code