Interactive Pop-up inside a Scrolling Panel?

I am making an interaction that simulates a piece of software.

The software is longer than it is wide, so I have placed a screenshot in a scrolling panel on my slide.

One of the choices I want to simulate is changing a date. The software has a pop-up calendar with selectable dates. I have managed to simulate this by creating a new layer with a picture of the calendar and replicas of each number on top. The "Done" button at the bottom of the calendar triggers a text variable to reset the date in the date field depending on which number is selected. See the attached picture to see what I mean.

My problem is that if the user has moved the scroll position, the calendar does not appear exactly below the calendar icon and date field. The layer is stationary, and the scrolling panel is not.

I would like to have the calendar right in the scrolling panel, but I can't easily hide it. I tried grouping it, and also tried putting the buttons onto to the "Normal" state of the picture, but then the triggers stop working. I realize this is extremely complicated, and a bit overly picky, but if anyone can think of a way to accomplish this, I would love to hear it!

Thanks in advance!