Ionic Angular - Let html elements flow beyond the components html scope

I have created a component that holds a datetime inside a popover (ionic version 6, Angular 13). But i am struggling with the positioning of the datetime since i can not “make it leave” the html scope of its underlying component. What i want to achive is, that i can place the datetime in absolute on the screen.
Any tips for me?

Can you share code - ideally in a stackblitz?