Align the Bootstrap Datetimepicker so that it rests above the textbox instead of below

Question

How do you align the Bootstrap Datetimepicker so that it rests above the textbox instead of below. My popup window is currently being cut out by another div.

Code

$(document).ready(function () {
    $('#datetime').datetimepicker({
        locale: 'en'
    });
});
<input type="text" class="form-control booking" id="datetime" placeholder="I want it now">

Fiddle here

Answer 1

The widgetPositioning option did the trick:

$('#datetime').datetimepicker({
    locale: 'en',
    widgetPositioning: {
        vertical: 'top',
        horizontal: 'left'
    }
});