It affects the entire visible Skuid Page - you cannot apply it only to the calendar. It would be a confusing and inconsistent user experience to have Date / Datetime fields rendered based on a different time zone than a Calendar component sitting right next to them on the page.
The UI automatically resets back to displaying in the running user’s configured time zone when the page reloads.
One common approach to retaining the time zone is to have it based off of a custom field on an object visible in the page, for instance if you have a “Location” object that you’re showing appointments for in a given page you could add a “Time_Zone__c” field on the Location object so that when the page loads you can use the JavaScript methods given above to set the UI time zone to the Location’s time zone.
