calendar web part on modern pages

Below is an answer I received from Microsoft on a modification to the javascript in order to display the calendar in a better manner.  I didn't want to modify the code for something that is fairly trivial for me so I can't say if this works or not.  I also asked them what changed in the last week or so and they didn't have a response for that.

Microsoft Answer:

If only want to display the calendar in the modern experience page like this,

You can try these below steps,

1. On the calendar page(which you want to display on the modern page), edit the page, add one content edit web part and insert below JavaScript code in the content edit web part,

<script>

function  HideElementInFrame(Id)

{

     ele = window.document.getElementById(Id);

     if(ele)

     {

         ele.style.display="none";

     }

}

var url = new URL(window.document.location.href);

var IsInIframe = url.searchParams.get("IsInIframe");

if(IsInIframe==1)

{

    HideElementInFrame('s4-ribbonrow');

    HideElementInFrame('s4-titlerow');

    HideElementInFrame('zz12_V4QuickLaunchMenu');

    HideElementInFrame('zz11_RootAspMenu');

    HideElementInFrame('DeltaPlaceHolderSearchArea');

    HideElementInFrame('suiteBarTop');   

}

</script>

2. On the modern page, embed the calendar page with below code,

<iframe src="https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fghtulsa.sharepoint.com%2Foperations%2Fnew-accounts%2FLists%2FXdocs%2Fcalendar.aspx&data=02%7C01%7Cabrcheng%40microsoft.com%7C3bd81b51a2b54c5a12ef08d67a380940%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636830778434955701&sdata=hnPRS%2FgBt%2BeN%2F0Qk730lZ05pjCG0Hk%2FxZbpSzPum5JA%3D&reserved=0?IsInIframe=1" scrolling="no"  width="100%" height="1000px">

</iframe>