Datepicker modal within another modal not going away properly when closed

We have a site using Ember, pickadate, the modals come from jQuery. If we do a datepicker from a regular, non-modal page everything works fine. When doing a datepicker modal from another modal (in this case, an 'advanced search' modal), the datepicker hides, but never really closes and leaves a scroll bar that if you click on will bring the datepicker back up over the parent modal. Here is an image showing what happens when you "close" the datepicker:

It doesn't seem to matter how large the browser's display is made; the scrollbar always seems to reach the bottom. This is more than just an aesthetic issue as this makes it impossible to bring the datepicker back up by clicking in the field it is associated with. The code currently used to make the datepicker is pretty straightforward. I tried every way I could think of to include said Javascript code, but StackOverflow would just keep returning that an error occurred while submitting the question.

I'm still new enough to Javascript as a whole (and CSS and...) that I'm not sure how to fix this. I've tried adding $(this).toggle() after the first }); as well as a few other areas in code to try and make it go away for real, but with no luck. I've also looked at the Pickadate API information and there doesn't seem to be anything concerning changing how the datepicker modal shows up or goes away. I've looked at several StackOverflow questions concerning the handling of modals within modals (example: here) but my newness with Javascript et al means that the presented solutions range from not making any sense at all to sounding viable but having no idea how to implement them.

Any help would be greatly appreciated.