Custom code isn't working

Site URL: https://www.theephraimhousedc.com/book-your-stay

I created this site for a client who has an Airbnb/VRBO listing. It's integrated with Smoobu, a booking platform that combines the website, Airbnb and VRBO bookings into one centralized dashboard. I've entered a line of code (provided by Smoobu) directly onto the booking page - https://www.theephraimhousedc.com/book-your-stay. It's the calendar you see at the top of the page. I double checked the code on WordPress and it's fully functional, but on Squarespace the buttons to switch to the next month do not work. Could someone help me figure out why this is the case? The code I'm using is listed below: 

<div id="smoobuApartment1141435en" class="calendarWidget"> <div class="calendarContent" data-load-calendar-url="https://login.smoobu.com/en/cockpit/widget/single-calendar/1141435" data-verification="28108f8b66886c955391a1f95850e1ad91bf6510e63dae90708e678c7627ed09" data-baseUrl="https://login.smoobu.com" data-disable-css="false" ></div> <script type="text/javascript" src="https://login.smoobu.com/js/Apartment/CalendarWidget.js"></script></div>

Hi,

Squarespace has a code override a code on your code.

Add this to Design > Custom CSS to fix it

.calendar .header {
    pointer-events: initial !important;
}

Awesome. It works for me. Been looking for a solution for a while. Thank so much!