Dropdown not showing content

[aroque]

When I load the page with the daterangepicker the default text doesn't appear to me, and when I select a date the button stills the same. Just a litle dropdown with like 3px height.

I'm trying the same way in the examples:

<div id="daily_calendar">
        <input id="e2" name="e2">
    </div>

$(function () {
            $("#e2").daterangepicker({
                datepickerOptions: {
                    numberOfMonths: 1,
                    initialText: 'Select period...'
                }
            });
});

But for example, the number of months is being applied correctly.

[aroque]

I find out it's because of my bootstrap.js library. Is there anyway to avoid this?

[aroque]

Sorry, already found the answer on:

https://github.com/tamble/jquery-ui-daterangepicker/issues/8

Loading jquery-ui.js after bootstrap.js fixes the problem for me.