Hente ut div fra en side for å bruke på annen side

[*F*]

Har et system "Home-Assistant" hvor jeg ønsker kun hente ut kalenderen fra /calendar til bruk i en HTML fil.
Jeg har ikke lykkes å få dette ut, men så er jeg ikke spesielt dreven i webutvikling heller. Aller helst ren HTML eller noe som kan drives uten server-side programvare.
Målet er å embedde dette i en annen side inne i Home-Assistant.

Selector

#calendar

JS Path

document.querySelector("body > home-assistant").shadowRoot.querySelector("home-assistant-main").shadowRoot.querySelector("app-drawer-layout > partial-panel-resolver > ha-panel-calendar").shadowRoot.querySelector("ha-app-layout > div > ha-full-calendar").shadowRoot.querySelector("#calendar")

Xpath 

//*[@id="calendar"]

Full xpath

/html/body/home-assistant//home-assistant-main//app-drawer-layout/partial-panel-resolver/ha-panel-calendar//ha-app-layout/div/ha-full-calendar//div[2]

 

Noen som har noen lyse ideer? Er for øvrig for å forbigå dette problemet: 
https://community.home-assistant.io/t/how-can-i-show-multiple-calendar-events-same-day-in-a-lovelace-card/298950

[Dan-Levi]

Hva med å bruke en iframe? 

Hvis adressen er f.eks. http://127.0.0.1/calendar.php så kan du bruke iframe HTML elementet slik: 

<iframe src="http://127.0.0.1/calendar.php" title="Kalender"></iframe>