Two issues while working with boostrap modals

[bigyanchap]

The issue is self-explanatory in the diagram.
Here is my code which worked well without bootstrap modals:
$('#dtBox').DateTimePicker({
addEventHandlers: function () {
this.setIsPopup(false)
},
minDateTime: new Date("July 2, 2018 11:20:00"),
maxDateTime: new Date("August 4, 2018 11:20:00")
});

I want datetimepicker inside a bootstrap modal as a drop-down. But the DateTime dialog is dislocated. That is issue first. The second issue is, inside the modal, the + and - buttons are not disabled when they reach min-max limits.

Also, instead of dropdown or pop-up, it would be nice to have inline.