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.