Bootstrap Datetimepicker modal calendar position append not working

I want the datepicker should visible near the input box. I have tried with container position. but still not working.

<div class="input-group  date">
    <input type="text" name="dates" class="form-control daterange" value=""/>              
</div>
<div id="CalModal"></div>
$('.daterange').daterangepicker({                    
        "locale": {
            "container": "#CalModal",
    }
});

from Bootstrap Datetimepicker modal calendar position append not working