It has been awhile since discussing this and I haven't had time to look at this again until now.
What I did was to create a Custom Field:
<field name="jevcfEventTimeZone" type="jevcflist" label="Time Zone" description="Select a time zone that the selected time refers to." default="EST" access="151" readaccess="151" allowoverride="1" filtersize="3" filterdefault="" cf="" cfvfv="1" >
<option value="AKDT" >Alaska Daylight Time UTC−08</option>
<option value="AKST" >Alaska Standard Time UTC−09</option>
<option value="CDT" >Central Daylight Time (North America) UTC−05</option>
<option value="CST" >Central Standard Time (North America) UTC−06</option>
<option value="EDT" >Eastern Daylight Time (North America) UTC−04</option>
<option value="EST" >Eastern Standard Time (North America) UTC−05</option>
<option value="HDT" >Hawaii–Aleutian Daylight Time UTC−09</option>
<option value="HST" >Hawaii–Aleutian Standard Time UTC−10</option>
<option value="MDT" >Mountain Daylight Time (North America) UTC−06</option>
<option value="MST" >Mountain Standard Time (North America) UTC−07</option>
<option value="PDT" >Pacific Daylight Time (North America) UTC−07</option>
<option value="PST" >Pacific Standard Time (North America) UTC−08</option>
<option value="CET" >Central European Time UTC+01</option>
<option value="CEST" >Central European Summer Time UTC+02</option>
<option value="DFT" >AIX-specific equivalent of Central European Time[5] UTC+01</option>
<option value="EEST" >Eastern European Summer Time UTC+03</option>
<option value="EET" >Eastern European Time UTC+02</option>
<option value="FET" >Further-eastern European Time UTC+03</option>
<option value="HAEC" >Heure Avancée d'Europe Centrale UTC+02</option>
<option value="MET" >Middle European Time Same zone as CET UTC+01</option>
<option value="MEST" >Middle European Summer Time Same zone as CEST UTC+02</option>
... I list all the time zones for the planet. These are the one's the get used most often on this site so I put them at the top of the list...
</field>
</fieldset>
</fields>
</form>
I add the following to Custom Forms - Events Edit Page:
{{Calendar tab content:CALTAB}}
<div class="row" id='jev_time-zone' >
<div class="span2">
{{Time Zone Label:customfield_jevcfEventTimeZone_lbl}}
</div>
<div class="span10">
{{Time Zone:customfield_jevcfEventTimeZone}}
</div>
</div>
And added the field tag {{Time Zone:jevcfEventTimeZone#%s}}
<p {{Multiday Event End Date:MULTIENDDATE# class="jev-empty-field"}}>This event takes place on {{Start Date:STARTDATE#%s from }}{{Start Time:STARTTIME#%s to }}{{End Time:ENDTIME#%s - }}{{Time Zone:jevcfEventTimeZone#%s}}{{Location Title:JEVLOCATION_TITLE#, at }}{{Location Title:JEVLOCATION_TITLE#%s in }}{{Location City:JEVLOCATION_CITY#%s, }}{{Location State:JEVLOCATION_STATE#%s, }}{{Location Country:JEVLOCATION_COUNTRY#%s}}</p>
to the Custom Forms - Event Details Page.
And everything seems to work correctly, I can select the Time Zone under the Calendar tab, and it saves with out problem, but when I go to refresh the page on the front end I get:
This event takes place on Thursday, January 04, 2018 from 02:00pm to 03:00pm -
This is what it should be for this particular event:
This event takes place on Thursday, January 04, 2018 from 02:00pm to 03:00pm - PST
URL to Event Page:
https://www.911tap.org/9-11-tap-events/911tap-events-calendar/eventdetail/1326/2-00-pm-pacific-9-11-an-architect-s-guide-part-1-pdh-available
What am I doing wrong here???