Skip to content

Instantly share code, notes, and snippets.

@Nitish18

Nitish18/YCBM sample html response

Created August 6, 2020 09:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Nitish18/9e7c38732a31ac1cc93e1a131f6c4cf5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Nitish18/9e7c38732a31ac1cc93e1a131f6c4cf5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
YCBM sample html response
<!DOCTYPE html>
<html class="ltr " dir="ltr" lang="en">
<head>
<title>Springboard</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" sizes="180x180" href="/resources/pics/appicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/resources/pics/appicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/resources/pics/appicons/favicon-16x16.png">
<link rel="manifest" href="/resources/pics/appicons/manifest.json">
<link rel="mask-icon" href="/resources/pics/appicons/safari-pinned-tab.svg" color="#71a394">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="/resources/pics/appicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/resources/css/addtohomescreen.css" type="text/css" />
<link rel="stylesheet" href="/service/themes/2049.css?v=2020-08-04T12:52:51Z" type="text/css" />
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic);
</style>
<script>
try {
document.domain = 'youcanbook.me';
}
catch(err){
console.log("Silently failing to set domain.");
}
</script>
</head>
<body class="loading">
<div class="content">
<div class="header noImage noText">
<div class="headerWrap">
<div class="headerStart"></div>
<h1 class="title">Springboard</h1>
<div class="headerInstructions" id="instructions">
<p>Choose a time that works for you.</p>
</div>
<div class="headerEnd"></div>
</div>
</div>
<div id="subHeader" class="subHeader">
<div class="subHeaderWrap">
<div class="gridHeader">
<div class="gridHeaderTimezones subHeaderLeft">
<div class="timeZone" data-alt="Time Zone">
<form action="/service/jsps/cal.jsp" id="timeZoneForm">
<label for="timezoneSelect" class="subHeaderNav">
<span class="svgIcon svgIconFill">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fillRule="evenodd" d="M8.6 0l.02.02a8 8 0 010 15.96L8.6 16l-.03-.02a8.12 8.12 0 01-1.14 0L7.4 16l-.02-.02a8 8 0 010-15.96L7.4 0l.03.02a8.12 8.12 0 011.14 0L8.6 0zm4.6 11h-1.67c-.26.83-.63 1.65-1.11 2.47l-.02.03a6.02 6.02 0 002.8-2.5zm-8.73 0H2.8a6.02 6.02 0 002.8 2.5c-.49-.83-.86-1.66-1.13-2.5zm4.83 0H6.7c.31.78.74 1.57 1.3 2.36.56-.8.99-1.58 1.3-2.36zM4.05 7H2.08a6.04 6.04 0 000 2h1.97a9.6 9.6 0 010-2zm9.87 0h-1.97a9.6 9.6 0 010 2h1.97a6.04 6.04 0 000-2zM9.83 7H6.17a7.52 7.52 0 000 2h3.66a7.52 7.52 0 000-2zM5.6 2.5l-.08.03A6.03 6.03 0 002.8 5h1.67c.27-.84.64-1.67 1.13-2.5zm4.8 0l.02.03c.48.82.85 1.64 1.1 2.47h1.68a6.02 6.02 0 00-2.8-2.5zM8 2.64l-.13.19c-.5.73-.88 1.45-1.17 2.17h2.6A11.6 11.6 0 008 2.64z" />
</svg>
</span>
<span id="time-zone-label" class="aria-hidden">Time Zone:</span>
</label>
<select class="formInput" id="timezoneSelect" aria-labelledby="time-zone-label">
<optgroup label="Canada">
<option class="continent" value="Canada/Newfoundland" data-continent="Canada">
Canada/Newfoundland
</option>
<option class="continent" value="Canada/Atlantic" data-continent="Canada">
Canada/Atlantic
</option>
<option class="continent" value="Canada/Eastern" data-continent="Canada">
Canada/Eastern
</option>
<option class="continent" value="Canada/Central" data-continent="Canada">
Canada/Central
</option>
<option class="continent" value="Canada/Saskatchewan" data-continent="Canada">
Canada/Saskatchewan
</option>
<option class="continent" value="Canada/Mountain" data-continent="Canada">
Canada/Mountain
</option>
<option class="continent" value="Canada/Yukon" data-continent="Canada">
Canada/Yukon
</option>
<option class="continent" value="Canada/Pacific" data-continent="Canada">
Canada/Pacific
</option>
</optgroup>
<optgroup label="USA">
<option class="continent" value="US/Eastern" data-continent="USA">
USA/Eastern
</option>
<option class="continent" value="US/Central" data-continent="USA">
USA/Central
</option>
<option class="continent" value="US/Mountain" data-continent="USA">
USA/Mountain
</option>
<option class="continent" value="US/Pacific" data-continent="USA">
USA/Pacific
</option>
<option class="continent" value="US/Arizona" data-continent="USA">
USA/Arizona
</option>
<option class="continent" value="US/Alaska" data-continent="USA">
USA/Alaska
</option>
<option class="continent" value="US/Hawaii" data-continent="USA">
USA/Hawaii
</option>
</optgroup>
<optgroup label="Americas">
<option class="continent" value="America/Adak" data-continent="Americas">
Americas/Adak
</option>
<option class="continent" value="America/Anchorage" data-continent="Americas">
Americas/Anchorage
</option>
<option class="continent" value="America/Anguilla" data-continent="Americas">
Americas/Anguilla
</option>
<option class="continent" value="America/Antigua" data-continent="Americas">
Americas/Antigua
</option>
<option class="continent" value="America/Araguaina" data-continent="Americas">
Americas/Araguaina
</option>
<option class="continent" value="America/Argentina/Buenos_Aires" data-continent="Americas">
Americas/Argentina/Buenos Aires
</option>
<option class="continent" value="America/Argentina/Catamarca" data-continent="Americas">
Americas/Argentina/Catamarca
</option>
<option class="continent" value="America/Argentina/ComodRivadavia" data-continent="Americas">
Americas/Argentina/ComodRivadavia
</option>
<option class="continent" value="America/Argentina/Cordoba" data-continent="Americas">
Americas/Argentina/Cordoba
</option>
<option class="continent" value="America/Argentina/Jujuy" data-continent="Americas">
Americas/Argentina/Jujuy
</option>
<option class="continent" value="America/Argentina/La_Rioja" data-continent="Americas">
Americas/Argentina/La Rioja
</option>
<option class="continent" value="America/Argentina/Mendoza" data-continent="Americas">
Americas/Argentina/Mendoza
</option>
<option class="continent" value="America/Argentina/Rio_Gallegos" data-continent="Americas">
Americas/Argentina/Rio Gallegos
</option>
<option class="continent" value="America/Argentina/Salta" data-continent="Americas">
Americas/Argentina/Salta
</option>
<option class="continent" value="America/Argentina/San_Juan" data-continent="Americas">
Americas/Argentina/San Juan
</option>
<option class="continent" value="America/Argentina/San_Luis" data-continent="Americas">
Americas/Argentina/San Luis
</option>
<option class="continent" value="America/Argentina/Tucuman" data-continent="Americas">
Americas/Argentina/Tucuman
</option>
<option class="continent" value="America/Argentina/Ushuaia" data-continent="Americas">
Americas/Argentina/Ushuaia
</option>
<option class="continent" value="America/Aruba" data-continent="Americas">
Americas/Aruba
</option>
<option class="continent" value="America/Asuncion" data-continent="Americas">
Americas/Asuncion
</option>
<option class="continent" value="America/Atikokan" data-continent="Americas">
Americas/Atikokan
</option>
<option class="continent" value="America/Atka" data-continent="Americas">
Americas/Atka
</option>
<option class="continent" value="America/Bahia" data-continent="Americas">
Americas/Bahia
</option>
<option class="continent" value="America/Bahia_Banderas" data-continent="Americas">
Americas/Bahia Banderas
</option>
<option class="continent" value="America/Barbados" data-continent="Americas">
Americas/Barbados
</option>
<option class="continent" value="America/Belem" data-continent="Americas">
Americas/Belem
</option>
<option class="continent" value="America/Belize" data-continent="Americas">
Americas/Belize
</option>
<option class="continent" value="America/Blanc-Sablon" data-continent="Americas">
Americas/Blanc-Sablon
</option>
<option class="continent" value="America/Boa_Vista" data-continent="Americas">
Americas/Boa Vista
</option>
<option class="continent" value="America/Bogota" data-continent="Americas">
Americas/Bogota
</option>
<option class="continent" value="America/Boise" data-continent="Americas">
Americas/Boise
</option>
<option class="continent" value="America/Buenos_Aires" data-continent="Americas">
Americas/Buenos Aires
</option>
<option class="continent" value="America/Cambridge_Bay" data-continent="Americas">
Americas/Cambridge Bay
</option>
<option class="continent" value="America/Campo_Grande" data-continent="Americas">
Americas/Campo Grande
</option>
<option class="continent" value="America/Cancun" data-continent="Americas">
Americas/Cancun
</option>
<option class="continent" value="America/Caracas" data-continent="Americas">
Americas/Caracas
</option>
<option class="continent" value="America/Catamarca" data-continent="Americas">
Americas/Catamarca
</option>
<option class="continent" value="America/Cayenne" data-continent="Americas">
Americas/Cayenne
</option>
<option class="continent" value="America/Cayman" data-continent="Americas">
Americas/Cayman
</option>
<option class="continent" value="America/Chicago" data-continent="Americas">
Americas/Chicago
</option>
<option class="continent" value="America/Chihuahua" data-continent="Americas">
Americas/Chihuahua
</option>
<option class="continent" value="America/Coral_Harbour" data-continent="Americas">
Americas/Coral Harbour
</option>
<option class="continent" value="America/Cordoba" data-continent="Americas">
Americas/Cordoba
</option>
<option class="continent" value="America/Costa_Rica" data-continent="Americas">
Americas/Costa Rica
</option>
<option class="continent" value="America/Creston" data-continent="Americas">
Americas/Creston
</option>
<option class="continent" value="America/Cuiaba" data-continent="Americas">
Americas/Cuiaba
</option>
<option class="continent" value="America/Curacao" data-continent="Americas">
Americas/Curacao
</option>
<option class="continent" value="America/Dawson" data-continent="Americas">
Americas/Dawson
</option>
<option class="continent" value="America/Dawson_Creek" data-continent="Americas">
Americas/Dawson Creek
</option>
<option class="continent" value="America/Denver" data-continent="Americas">
Americas/Denver
</option>
<option class="continent" value="America/Detroit" data-continent="Americas">
Americas/Detroit
</option>
<option class="continent" value="America/Dominica" data-continent="Americas">
Americas/Dominica
</option>
<option class="continent" value="America/Edmonton" data-continent="Americas">
Americas/Edmonton
</option>
<option class="continent" value="America/Eirunepe" data-continent="Americas">
Americas/Eirunepe
</option>
<option class="continent" value="America/El_Salvador" data-continent="Americas">
Americas/El Salvador
</option>
<option class="continent" value="America/Ensenada" data-continent="Americas">
Americas/Ensenada
</option>
<option class="continent" value="America/Fort_Nelson" data-continent="Americas">
Americas/Fort Nelson
</option>
<option class="continent" value="America/Fort_Wayne" data-continent="Americas">
Americas/Fort Wayne
</option>
<option class="continent" value="America/Fortaleza" data-continent="Americas">
Americas/Fortaleza
</option>
<option class="continent" value="America/Glace_Bay" data-continent="Americas">
Americas/Glace Bay
</option>
<option class="continent" value="America/Godthab" data-continent="Americas">
Americas/Godthab
</option>
<option class="continent" value="America/Goose_Bay" data-continent="Americas">
Americas/Goose Bay
</option>
<option class="continent" value="America/Grand_Turk" data-continent="Americas">
Americas/Grand Turk
</option>
<option class="continent" value="America/Grenada" data-continent="Americas">
Americas/Grenada
</option>
<option class="continent" value="America/Guadeloupe" data-continent="Americas">
Americas/Guadeloupe
</option>
<option class="continent" value="America/Guatemala" data-continent="Americas">
Americas/Guatemala
</option>
<option class="continent" value="America/Guayaquil" data-continent="Americas">
Americas/Guayaquil
</option>
<option class="continent" value="America/Guyana" data-continent="Americas">
Americas/Guyana
</option>
<option class="continent" value="America/Halifax" data-continent="Americas">
Americas/Halifax
</option>
<option class="continent" value="America/Havana" data-continent="Americas">
Americas/Havana
</option>
<option class="continent" value="America/Hermosillo" data-continent="Americas">
Americas/Hermosillo
</option>
<option class="continent" value="America/Indiana/Indianapolis" data-continent="Americas">
Americas/Indiana/Indianapolis
</option>
<option class="continent" value="America/Indiana/Knox" data-continent="Americas">
Americas/Indiana/Knox
</option>
<option class="continent" value="America/Indiana/Marengo" data-continent="Americas">
Americas/Indiana/Marengo
</option>
<option class="continent" value="America/Indiana/Petersburg" data-continent="Americas">
Americas/Indiana/Petersburg
</option>
<option class="continent" value="America/Indiana/Tell_City" data-continent="Americas">
Americas/Indiana/Tell City
</option>
<option class="continent" value="America/Indiana/Vevay" data-continent="Americas">
Americas/Indiana/Vevay
</option>
<option class="continent" value="America/Indiana/Vincennes" data-continent="Americas">
Americas/Indiana/Vincennes
</option>
<option class="continent" value="America/Indiana/Winamac" data-continent="Americas">
Americas/Indiana/Winamac
</option>
<option class="continent" value="America/Indianapolis" data-continent="Americas">
Americas/Indianapolis
</option>
<option class="continent" value="America/Inuvik" data-continent="Americas">
Americas/Inuvik
</option>
<option class="continent" value="America/Iqaluit" data-continent="Americas">
Americas/Iqaluit
</option>
<option class="continent" value="America/Jamaica" data-continent="Americas">
Americas/Jamaica
</option>
<option class="continent" value="America/Jujuy" data-continent="Americas">
Americas/Jujuy
</option>
<option class="continent" value="America/Juneau" data-continent="Americas">
Americas/Juneau
</option>
<option class="continent" value="America/Kentucky/Louisville" data-continent="Americas">
Americas/Kentucky/Louisville
</option>
<option class="continent" value="America/Kentucky/Monticello" data-continent="Americas">
Americas/Kentucky/Monticello
</option>
<option class="continent" value="America/Knox_IN" data-continent="Americas">
Americas/Knox IN
</option>
<option class="continent" value="America/Kralendijk" data-continent="Americas">
Americas/Kralendijk
</option>
<option class="continent" value="America/La_Paz" data-continent="Americas">
Americas/La Paz
</option>
<option class="continent" value="America/Lima" data-continent="Americas">
Americas/Lima
</option>
<option class="continent" value="America/Los_Angeles" data-continent="Americas">
Americas/Los Angeles
</option>
<option class="continent" value="America/Louisville" data-continent="Americas">
Americas/Louisville
</option>
<option class="continent" value="America/Lower_Princes" data-continent="Americas">
Americas/Lower Princes
</option>
<option class="continent" value="America/Maceio" data-continent="Americas">
Americas/Maceio
</option>
<option class="continent" value="America/Managua" data-continent="Americas">
Americas/Managua
</option>
<option class="continent" value="America/Manaus" data-continent="Americas">
Americas/Manaus
</option>
<option class="continent" value="America/Marigot" data-continent="Americas">
Americas/Marigot
</option>
<option class="continent" value="America/Martinique" data-continent="Americas">
Americas/Martinique
</option>
<option class="continent" value="America/Matamoros" data-continent="Americas">
Americas/Matamoros
</option>
<option class="continent" value="America/Mazatlan" data-continent="Americas">
Americas/Mazatlan
</option>
<option class="continent" value="America/Mendoza" data-continent="Americas">
Americas/Mendoza
</option>
<option class="continent" value="America/Menominee" data-continent="Americas">
Americas/Menominee
</option>
<option class="continent" value="America/Merida" data-continent="Americas">
Americas/Merida
</option>
<option class="continent" value="America/Metlakatla" data-continent="Americas">
Americas/Metlakatla
</option>
<option class="continent" value="America/Mexico_City" data-continent="Americas">
Americas/Mexico City
</option>
<option class="continent" value="America/Miquelon" data-continent="Americas">
Americas/Miquelon
</option>
<option class="continent" value="America/Moncton" data-continent="Americas">
Americas/Moncton
</option>
<option class="continent" value="America/Monterrey" data-continent="Americas">
Americas/Monterrey
</option>
<option class="continent" value="America/Montevideo" data-continent="Americas">
Americas/Montevideo
</option>
<option class="continent" value="America/Montreal" data-continent="Americas">
Americas/Montreal
</option>
<option class="continent" value="America/Montserrat" data-continent="Americas">
Americas/Montserrat
</option>
<option class="continent" value="America/Nassau" data-continent="Americas">
Americas/Nassau
</option>
<option class="continent" value="America/New_York" data-continent="Americas">
Americas/New York
</option>
<option class="continent" value="America/Nipigon" data-continent="Americas">
Americas/Nipigon
</option>
<option class="continent" value="America/Nome" data-continent="Americas">
Americas/Nome
</option>
<option class="continent" value="America/Noronha" data-continent="Americas">
Americas/Noronha
</option>
<option class="continent" value="America/North_Dakota/Beulah" data-continent="Americas">
Americas/North Dakota/Beulah
</option>
<option class="continent" value="America/North_Dakota/Center" data-continent="Americas">
Americas/North Dakota/Center
</option>
<option class="continent" value="America/North_Dakota/New_Salem" data-continent="Americas">
Americas/North Dakota/New Salem
</option>
<option class="continent" value="America/Nuuk" data-continent="Americas">
Americas/Nuuk
</option>
<option class="continent" value="America/Ojinaga" data-continent="Americas">
Americas/Ojinaga
</option>
<option class="continent" value="America/Panama" data-continent="Americas">
Americas/Panama
</option>
<option class="continent" value="America/Pangnirtung" data-continent="Americas">
Americas/Pangnirtung
</option>
<option class="continent" value="America/Paramaribo" data-continent="Americas">
Americas/Paramaribo
</option>
<option class="continent" value="America/Phoenix" data-continent="Americas">
Americas/Phoenix
</option>
<option class="continent" value="America/Port_of_Spain" data-continent="Americas">
Americas/Port of Spain
</option>
<option class="continent" value="America/Port-au-Prince" data-continent="Americas">
Americas/Port-au-Prince
</option>
<option class="continent" value="America/Porto_Acre" data-continent="Americas">
Americas/Porto Acre
</option>
<option class="continent" value="America/Porto_Velho" data-continent="Americas">
Americas/Porto Velho
</option>
<option class="continent" value="America/Puerto_Rico" data-continent="Americas">
Americas/Puerto Rico
</option>
<option class="continent" value="America/Punta_Arenas" data-continent="Americas">
Americas/Punta Arenas
</option>
<option class="continent" value="America/Rainy_River" data-continent="Americas">
Americas/Rainy River
</option>
<option class="continent" value="America/Rankin_Inlet" data-continent="Americas">
Americas/Rankin Inlet
</option>
<option class="continent" value="America/Recife" data-continent="Americas">
Americas/Recife
</option>
<option class="continent" value="America/Regina" data-continent="Americas">
Americas/Regina
</option>
<option class="continent" value="America/Resolute" data-continent="Americas">
Americas/Resolute
</option>
<option class="continent" value="America/Rio_Branco" data-continent="Americas">
Americas/Rio Branco
</option>
<option class="continent" value="America/Rosario" data-continent="Americas">
Americas/Rosario
</option>
<option class="continent" value="America/Santa_Isabel" data-continent="Americas">
Americas/Santa Isabel
</option>
<option class="continent" value="America/Santarem" data-continent="Americas">
Americas/Santarem
</option>
<option class="continent" value="America/Santiago" data-continent="Americas">
Americas/Santiago
</option>
<option class="continent" value="America/Santo_Domingo" data-continent="Americas">
Americas/Santo Domingo
</option>
<option class="continent" value="America/Sao_Paulo" data-continent="Americas">
Americas/Sao Paulo
</option>
<option class="continent" value="America/Scoresbysund" data-continent="Americas">
Americas/Scoresbysund
</option>
<option class="continent" value="America/Shiprock" data-continent="Americas">
Americas/Shiprock
</option>
<option class="continent" value="America/Sitka" data-continent="Americas">
Americas/Sitka
</option>
<option class="continent" value="America/St_Barthelemy" data-continent="Americas">
Americas/St Barthelemy
</option>
<option class="continent" value="America/St_Johns" data-continent="Americas">
Americas/St Johns
</option>
<option class="continent" value="America/St_Kitts" data-continent="Americas">
Americas/St Kitts
</option>
<option class="continent" value="America/St_Lucia" data-continent="Americas">
Americas/St Lucia
</option>
<option class="continent" value="America/St_Thomas" data-continent="Americas">
Americas/St Thomas
</option>
<option class="continent" value="America/St_Vincent" data-continent="Americas">
Americas/St Vincent
</option>
<option class="continent" value="America/Swift_Current" data-continent="Americas">
Americas/Swift Current
</option>
<option class="continent" value="America/Tegucigalpa" data-continent="Americas">
Americas/Tegucigalpa
</option>
<option class="continent" value="America/Thule" data-continent="Americas">
Americas/Thule
</option>
<option class="continent" value="America/Thunder_Bay" data-continent="Americas">
Americas/Thunder Bay
</option>
<option class="continent" value="America/Tijuana" data-continent="Americas">
Americas/Tijuana
</option>
<option class="continent" value="America/Toronto" data-continent="Americas">
Americas/Toronto
</option>
<option class="continent" value="America/Tortola" data-continent="Americas">
Americas/Tortola
</option>
<option class="continent" value="America/Vancouver" data-continent="Americas">
Americas/Vancouver
</option>
<option class="continent" value="America/Virgin" data-continent="Americas">
Americas/Virgin
</option>
<option class="continent" value="America/Whitehorse" data-continent="Americas">
Americas/Whitehorse
</option>
<option class="continent" value="America/Winnipeg" data-continent="Americas">
Americas/Winnipeg
</option>
<option class="continent" value="America/Yakutat" data-continent="Americas">
Americas/Yakutat
</option>
<option class="continent" value="America/Yellowknife" data-continent="Americas">
Americas/Yellowknife
</option>
</optgroup>
<optgroup label="Atlantic">
<option class="continent" value="Atlantic/Azores" data-continent="Atlantic">
Atlantic/Azores
</option>
<option class="continent" value="Atlantic/Bermuda" data-continent="Atlantic">
Atlantic/Bermuda
</option>
<option class="continent" value="Atlantic/Canary" data-continent="Atlantic">
Atlantic/Canary
</option>
<option class="continent" value="Atlantic/Cape_Verde" data-continent="Atlantic">
Atlantic/Cape Verde
</option>
<option class="continent" value="Atlantic/Faeroe" data-continent="Atlantic">
Atlantic/Faeroe
</option>
<option class="continent" value="Atlantic/Faroe" data-continent="Atlantic">
Atlantic/Faroe
</option>
<option class="continent" value="Atlantic/Jan_Mayen" data-continent="Atlantic">
Atlantic/Jan Mayen
</option>
<option class="continent" value="Atlantic/Madeira" data-continent="Atlantic">
Atlantic/Madeira
</option>
<option class="continent" value="Atlantic/Reykjavik" data-continent="Atlantic">
Atlantic/Reykjavik
</option>
<option class="continent" value="Atlantic/South_Georgia" data-continent="Atlantic">
Atlantic/South Georgia
</option>
<option class="continent" value="Atlantic/St_Helena" data-continent="Atlantic">
Atlantic/St Helena
</option>
<option class="continent" value="Atlantic/Stanley" data-continent="Atlantic">
Atlantic/Stanley
</option>
</optgroup>
<optgroup label="Europe">
<option class="continent" value="Europe/Amsterdam" data-continent="Europe">
Europe/Amsterdam
</option>
<option class="continent" value="Europe/Andorra" data-continent="Europe">
Europe/Andorra
</option>
<option class="continent" value="Europe/Astrakhan" data-continent="Europe">
Europe/Astrakhan
</option>
<option class="continent" value="Europe/Athens" data-continent="Europe">
Europe/Athens
</option>
<option class="continent" value="Europe/Belfast" data-continent="Europe">
Europe/Belfast
</option>
<option class="continent" value="Europe/Belgrade" data-continent="Europe">
Europe/Belgrade
</option>
<option class="continent" value="Europe/Berlin" data-continent="Europe">
Europe/Berlin
</option>
<option class="continent" value="Europe/Bratislava" data-continent="Europe">
Europe/Bratislava
</option>
<option class="continent" value="Europe/Brussels" data-continent="Europe">
Europe/Brussels
</option>
<option class="continent" value="Europe/Bucharest" data-continent="Europe">
Europe/Bucharest
</option>
<option class="continent" value="Europe/Budapest" data-continent="Europe">
Europe/Budapest
</option>
<option class="continent" value="Europe/Busingen" data-continent="Europe">
Europe/Busingen
</option>
<option class="continent" value="Europe/Chisinau" data-continent="Europe">
Europe/Chisinau
</option>
<option class="continent" value="Europe/Copenhagen" data-continent="Europe">
Europe/Copenhagen
</option>
<option class="continent" value="Europe/Dublin" data-continent="Europe">
Europe/Dublin
</option>
<option class="continent" value="Europe/Gibraltar" data-continent="Europe">
Europe/Gibraltar
</option>
<option class="continent" value="Europe/Guernsey" data-continent="Europe">
Europe/Guernsey
</option>
<option class="continent" value="Europe/Helsinki" data-continent="Europe">
Europe/Helsinki
</option>
<option class="continent" value="Europe/Isle_of_Man" data-continent="Europe">
Europe/Isle of Man
</option>
<option class="continent" value="Europe/Istanbul" data-continent="Europe">
Europe/Istanbul
</option>
<option class="continent" value="Europe/Jersey" data-continent="Europe">
Europe/Jersey
</option>
<option class="continent" value="Europe/Kaliningrad" data-continent="Europe">
Europe/Kaliningrad
</option>
<option class="continent" value="Europe/Kiev" data-continent="Europe">
Europe/Kiev
</option>
<option class="continent" value="Europe/Kirov" data-continent="Europe">
Europe/Kirov
</option>
<option class="continent" value="Europe/Lisbon" data-continent="Europe">
Europe/Lisbon
</option>
<option class="continent" value="Europe/Ljubljana" data-continent="Europe">
Europe/Ljubljana
</option>
<option class="continent" value="Europe/London" data-continent="Europe">
Europe/London
</option>
<option class="continent" value="Europe/Luxembourg" data-continent="Europe">
Europe/Luxembourg
</option>
<option class="continent" value="Europe/Madrid" data-continent="Europe">
Europe/Madrid
</option>
<option class="continent" value="Europe/Malta" data-continent="Europe">
Europe/Malta
</option>
<option class="continent" value="Europe/Mariehamn" data-continent="Europe">
Europe/Mariehamn
</option>
<option class="continent" value="Europe/Minsk" data-continent="Europe">
Europe/Minsk
</option>
<option class="continent" value="Europe/Monaco" data-continent="Europe">
Europe/Monaco
</option>
<option class="continent" value="Europe/Moscow" data-continent="Europe">
Europe/Moscow
</option>
<option class="continent" value="Europe/Nicosia" data-continent="Europe">
Europe/Nicosia
</option>
<option class="continent" value="Europe/Oslo" data-continent="Europe">
Europe/Oslo
</option>
<option class="continent" value="Europe/Paris" data-continent="Europe">
Europe/Paris
</option>
<option class="continent" value="Europe/Podgorica" data-continent="Europe">
Europe/Podgorica
</option>
<option class="continent" value="Europe/Prague" data-continent="Europe">
Europe/Prague
</option>
<option class="continent" value="Europe/Riga" data-continent="Europe">
Europe/Riga
</option>
<option class="continent" value="Europe/Rome" data-continent="Europe">
Europe/Rome
</option>
<option class="continent" value="Europe/Samara" data-continent="Europe">
Europe/Samara
</option>
<option class="continent" value="Europe/San_Marino" data-continent="Europe">
Europe/San Marino
</option>
<option class="continent" value="Europe/Sarajevo" data-continent="Europe">
Europe/Sarajevo
</option>
<option class="continent" value="Europe/Saratov" data-continent="Europe">
Europe/Saratov
</option>
<option class="continent" value="Europe/Simferopol" data-continent="Europe">
Europe/Simferopol
</option>
<option class="continent" value="Europe/Skopje" data-continent="Europe">
Europe/Skopje
</option>
<option class="continent" value="Europe/Sofia" data-continent="Europe">
Europe/Sofia
</option>
<option class="continent" value="Europe/Stockholm" data-continent="Europe">
Europe/Stockholm
</option>
<option class="continent" value="Europe/Tallinn" data-continent="Europe">
Europe/Tallinn
</option>
<option class="continent" value="Europe/Tirane" data-continent="Europe">
Europe/Tirane
</option>
<option class="continent" value="Europe/Tiraspol" data-continent="Europe">
Europe/Tiraspol
</option>
<option class="continent" value="Europe/Ulyanovsk" data-continent="Europe">
Europe/Ulyanovsk
</option>
<option class="continent" value="Europe/Uzhgorod" data-continent="Europe">
Europe/Uzhgorod
</option>
<option class="continent" value="Europe/Vaduz" data-continent="Europe">
Europe/Vaduz
</option>
<option class="continent" value="Europe/Vatican" data-continent="Europe">
Europe/Vatican
</option>
<option class="continent" value="Europe/Vienna" data-continent="Europe">
Europe/Vienna
</option>
<option class="continent" value="Europe/Vilnius" data-continent="Europe">
Europe/Vilnius
</option>
<option class="continent" value="Europe/Volgograd" data-continent="Europe">
Europe/Volgograd
</option>
<option class="continent" value="Europe/Warsaw" data-continent="Europe">
Europe/Warsaw
</option>
<option class="continent" value="Europe/Zagreb" data-continent="Europe">
Europe/Zagreb
</option>
<option class="continent" value="Europe/Zaporozhye" data-continent="Europe">
Europe/Zaporozhye
</option>
<option class="continent" value="Europe/Zurich" data-continent="Europe">
Europe/Zurich
</option>
</optgroup>
<optgroup label="Africa">
<option class="continent" value="Africa/Abidjan" data-continent="Africa">
Africa/Abidjan
</option>
<option class="continent" value="Africa/Accra" data-continent="Africa">
Africa/Accra
</option>
<option class="continent" value="Africa/Addis_Ababa" data-continent="Africa">
Africa/Addis Ababa
</option>
<option class="continent" value="Africa/Algiers" data-continent="Africa">
Africa/Algiers
</option>
<option class="continent" value="Africa/Asmara" data-continent="Africa">
Africa/Asmara
</option>
<option class="continent" value="Africa/Asmera" data-continent="Africa">
Africa/Asmera
</option>
<option class="continent" value="Africa/Bamako" data-continent="Africa">
Africa/Bamako
</option>
<option class="continent" value="Africa/Bangui" data-continent="Africa">
Africa/Bangui
</option>
<option class="continent" value="Africa/Banjul" data-continent="Africa">
Africa/Banjul
</option>
<option class="continent" value="Africa/Bissau" data-continent="Africa">
Africa/Bissau
</option>
<option class="continent" value="Africa/Blantyre" data-continent="Africa">
Africa/Blantyre
</option>
<option class="continent" value="Africa/Brazzaville" data-continent="Africa">
Africa/Brazzaville
</option>
<option class="continent" value="Africa/Bujumbura" data-continent="Africa">
Africa/Bujumbura
</option>
<option class="continent" value="Africa/Cairo" data-continent="Africa">
Africa/Cairo
</option>
<option class="continent" value="Africa/Casablanca" data-continent="Africa">
Africa/Casablanca
</option>
<option class="continent" value="Africa/Ceuta" data-continent="Africa">
Africa/Ceuta
</option>
<option class="continent" value="Africa/Conakry" data-continent="Africa">
Africa/Conakry
</option>
<option class="continent" value="Africa/Dakar" data-continent="Africa">
Africa/Dakar
</option>
<option class="continent" value="Africa/Dar_es_Salaam" data-continent="Africa">
Africa/Dar es Salaam
</option>
<option class="continent" value="Africa/Djibouti" data-continent="Africa">
Africa/Djibouti
</option>
<option class="continent" value="Africa/Douala" data-continent="Africa">
Africa/Douala
</option>
<option class="continent" value="Africa/El_Aaiun" data-continent="Africa">
Africa/El Aaiun
</option>
<option class="continent" value="Africa/Freetown" data-continent="Africa">
Africa/Freetown
</option>
<option class="continent" value="Africa/Gaborone" data-continent="Africa">
Africa/Gaborone
</option>
<option class="continent" value="Africa/Harare" data-continent="Africa">
Africa/Harare
</option>
<option class="continent" value="Africa/Johannesburg" data-continent="Africa">
Africa/Johannesburg
</option>
<option class="continent" value="Africa/Juba" data-continent="Africa">
Africa/Juba
</option>
<option class="continent" value="Africa/Kampala" data-continent="Africa">
Africa/Kampala
</option>
<option class="continent" value="Africa/Khartoum" data-continent="Africa">
Africa/Khartoum
</option>
<option class="continent" value="Africa/Kigali" data-continent="Africa">
Africa/Kigali
</option>
<option class="continent" value="Africa/Kinshasa" data-continent="Africa">
Africa/Kinshasa
</option>
<option class="continent" value="Africa/Lagos" data-continent="Africa">
Africa/Lagos
</option>
<option class="continent" value="Africa/Libreville" data-continent="Africa">
Africa/Libreville
</option>
<option class="continent" value="Africa/Lome" data-continent="Africa">
Africa/Lome
</option>
<option class="continent" value="Africa/Luanda" data-continent="Africa">
Africa/Luanda
</option>
<option class="continent" value="Africa/Lubumbashi" data-continent="Africa">
Africa/Lubumbashi
</option>
<option class="continent" value="Africa/Lusaka" data-continent="Africa">
Africa/Lusaka
</option>
<option class="continent" value="Africa/Malabo" data-continent="Africa">
Africa/Malabo
</option>
<option class="continent" value="Africa/Maputo" data-continent="Africa">
Africa/Maputo
</option>
<option class="continent" value="Africa/Maseru" data-continent="Africa">
Africa/Maseru
</option>
<option class="continent" value="Africa/Mbabane" data-continent="Africa">
Africa/Mbabane
</option>
<option class="continent" value="Africa/Mogadishu" data-continent="Africa">
Africa/Mogadishu
</option>
<option class="continent" value="Africa/Monrovia" data-continent="Africa">
Africa/Monrovia
</option>
<option class="continent" value="Africa/Nairobi" data-continent="Africa">
Africa/Nairobi
</option>
<option class="continent" value="Africa/Ndjamena" data-continent="Africa">
Africa/Ndjamena
</option>
<option class="continent" value="Africa/Niamey" data-continent="Africa">
Africa/Niamey
</option>
<option class="continent" value="Africa/Nouakchott" data-continent="Africa">
Africa/Nouakchott
</option>
<option class="continent" value="Africa/Ouagadougou" data-continent="Africa">
Africa/Ouagadougou
</option>
<option class="continent" value="Africa/Porto-Novo" data-continent="Africa">
Africa/Porto-Novo
</option>
<option class="continent" value="Africa/Sao_Tome" data-continent="Africa">
Africa/Sao Tome
</option>
<option class="continent" value="Africa/Timbuktu" data-continent="Africa">
Africa/Timbuktu
</option>
<option class="continent" value="Africa/Tripoli" data-continent="Africa">
Africa/Tripoli
</option>
<option class="continent" value="Africa/Tunis" data-continent="Africa">
Africa/Tunis
</option>
<option class="continent" value="Africa/Windhoek" data-continent="Africa">
Africa/Windhoek
</option>
</optgroup>
<optgroup label="Asia">
<option class="continent" value="Asia/Aden" data-continent="Asia">
Asia/Aden
</option>
<option class="continent" value="Asia/Almaty" data-continent="Asia">
Asia/Almaty
</option>
<option class="continent" value="Asia/Amman" data-continent="Asia">
Asia/Amman
</option>
<option class="continent" value="Asia/Anadyr" data-continent="Asia">
Asia/Anadyr
</option>
<option class="continent" value="Asia/Aqtau" data-continent="Asia">
Asia/Aqtau
</option>
<option class="continent" value="Asia/Aqtobe" data-continent="Asia">
Asia/Aqtobe
</option>
<option class="continent" value="Asia/Ashgabat" data-continent="Asia">
Asia/Ashgabat
</option>
<option class="continent" value="Asia/Ashkhabad" data-continent="Asia">
Asia/Ashkhabad
</option>
<option class="continent" value="Asia/Atyrau" data-continent="Asia">
Asia/Atyrau
</option>
<option class="continent" value="Asia/Baghdad" data-continent="Asia">
Asia/Baghdad
</option>
<option class="continent" value="Asia/Bahrain" data-continent="Asia">
Asia/Bahrain
</option>
<option class="continent" value="Asia/Baku" data-continent="Asia">
Asia/Baku
</option>
<option class="continent" value="Asia/Bangkok" data-continent="Asia">
Asia/Bangkok
</option>
<option class="continent" value="Asia/Barnaul" data-continent="Asia">
Asia/Barnaul
</option>
<option class="continent" value="Asia/Beirut" data-continent="Asia">
Asia/Beirut
</option>
<option class="continent" value="Asia/Bishkek" data-continent="Asia">
Asia/Bishkek
</option>
<option class="continent" value="Asia/Brunei" data-continent="Asia">
Asia/Brunei
</option>
<option class="continent" value="Asia/Calcutta" data-continent="Asia">
Asia/Calcutta
</option>
<option class="continent" value="Asia/Chita" data-continent="Asia">
Asia/Chita
</option>
<option class="continent" value="Asia/Choibalsan" data-continent="Asia">
Asia/Choibalsan
</option>
<option class="continent" value="Asia/Chongqing" data-continent="Asia">
Asia/Chongqing
</option>
<option class="continent" value="Asia/Chungking" data-continent="Asia">
Asia/Chungking
</option>
<option class="continent" value="Asia/Colombo" data-continent="Asia">
Asia/Colombo
</option>
<option class="continent" value="Asia/Dacca" data-continent="Asia">
Asia/Dacca
</option>
<option class="continent" value="Asia/Damascus" data-continent="Asia">
Asia/Damascus
</option>
<option class="continent" value="Asia/Dhaka" data-continent="Asia">
Asia/Dhaka
</option>
<option class="continent" value="Asia/Dili" data-continent="Asia">
Asia/Dili
</option>
<option class="continent" value="Asia/Dubai" data-continent="Asia">
Asia/Dubai
</option>
<option class="continent" value="Asia/Dushanbe" data-continent="Asia">
Asia/Dushanbe
</option>
<option class="continent" value="Asia/Famagusta" data-continent="Asia">
Asia/Famagusta
</option>
<option class="continent" value="Asia/Gaza" data-continent="Asia">
Asia/Gaza
</option>
<option class="continent" value="Asia/Harbin" data-continent="Asia">
Asia/Harbin
</option>
<option class="continent" value="Asia/Hebron" data-continent="Asia">
Asia/Hebron
</option>
<option class="continent" value="Asia/Ho_Chi_Minh" data-continent="Asia">
Asia/Ho Chi Minh
</option>
<option class="continent" value="Asia/Hong_Kong" data-continent="Asia">
Asia/Hong Kong
</option>
<option class="continent" value="Asia/Hovd" data-continent="Asia">
Asia/Hovd
</option>
<option class="continent" value="Asia/Irkutsk" data-continent="Asia">
Asia/Irkutsk
</option>
<option class="continent" value="Asia/Istanbul" data-continent="Asia">
Asia/Istanbul
</option>
<option class="continent" value="Asia/Jakarta" data-continent="Asia">
Asia/Jakarta
</option>
<option class="continent" value="Asia/Jayapura" data-continent="Asia">
Asia/Jayapura
</option>
<option class="continent" value="Asia/Jerusalem" data-continent="Asia">
Asia/Jerusalem
</option>
<option class="continent" value="Asia/Kabul" data-continent="Asia">
Asia/Kabul
</option>
<option class="continent" value="Asia/Kamchatka" data-continent="Asia">
Asia/Kamchatka
</option>
<option class="continent" value="Asia/Karachi" data-continent="Asia">
Asia/Karachi
</option>
<option class="continent" value="Asia/Kashgar" data-continent="Asia">
Asia/Kashgar
</option>
<option class="continent" value="Asia/Kathmandu" data-continent="Asia">
Asia/Kathmandu
</option>
<option class="continent" value="Asia/Katmandu" data-continent="Asia">
Asia/Katmandu
</option>
<option class="continent" value="Asia/Khandyga" data-continent="Asia">
Asia/Khandyga
</option>
<option class="continent" value="Asia/Kolkata" data-continent="Asia" selected>
Asia/Kolkata
</option>
<option class="continent" value="Asia/Krasnoyarsk" data-continent="Asia">
Asia/Krasnoyarsk
</option>
<option class="continent" value="Asia/Kuala_Lumpur" data-continent="Asia">
Asia/Kuala Lumpur
</option>
<option class="continent" value="Asia/Kuching" data-continent="Asia">
Asia/Kuching
</option>
<option class="continent" value="Asia/Kuwait" data-continent="Asia">
Asia/Kuwait
</option>
<option class="continent" value="Asia/Macao" data-continent="Asia">
Asia/Macao
</option>
<option class="continent" value="Asia/Macau" data-continent="Asia">
Asia/Macau
</option>
<option class="continent" value="Asia/Magadan" data-continent="Asia">
Asia/Magadan
</option>
<option class="continent" value="Asia/Makassar" data-continent="Asia">
Asia/Makassar
</option>
<option class="continent" value="Asia/Manila" data-continent="Asia">
Asia/Manila
</option>
<option class="continent" value="Asia/Muscat" data-continent="Asia">
Asia/Muscat
</option>
<option class="continent" value="Asia/Nicosia" data-continent="Asia">
Asia/Nicosia
</option>
<option class="continent" value="Asia/Novokuznetsk" data-continent="Asia">
Asia/Novokuznetsk
</option>
<option class="continent" value="Asia/Novosibirsk" data-continent="Asia">
Asia/Novosibirsk
</option>
<option class="continent" value="Asia/Omsk" data-continent="Asia">
Asia/Omsk
</option>
<option class="continent" value="Asia/Oral" data-continent="Asia">
Asia/Oral
</option>
<option class="continent" value="Asia/Phnom_Penh" data-continent="Asia">
Asia/Phnom Penh
</option>
<option class="continent" value="Asia/Pontianak" data-continent="Asia">
Asia/Pontianak
</option>
<option class="continent" value="Asia/Pyongyang" data-continent="Asia">
Asia/Pyongyang
</option>
<option class="continent" value="Asia/Qatar" data-continent="Asia">
Asia/Qatar
</option>
<option class="continent" value="Asia/Qostanay" data-continent="Asia">
Asia/Qostanay
</option>
<option class="continent" value="Asia/Qyzylorda" data-continent="Asia">
Asia/Qyzylorda
</option>
<option class="continent" value="Asia/Rangoon" data-continent="Asia">
Asia/Rangoon
</option>
<option class="continent" value="Asia/Riyadh" data-continent="Asia">
Asia/Riyadh
</option>
<option class="continent" value="Asia/Saigon" data-continent="Asia">
Asia/Saigon
</option>
<option class="continent" value="Asia/Sakhalin" data-continent="Asia">
Asia/Sakhalin
</option>
<option class="continent" value="Asia/Samarkand" data-continent="Asia">
Asia/Samarkand
</option>
<option class="continent" value="Asia/Seoul" data-continent="Asia">
Asia/Seoul
</option>
<option class="continent" value="Asia/Shanghai" data-continent="Asia">
Asia/Shanghai
</option>
<option class="continent" value="Asia/Singapore" data-continent="Asia">
Asia/Singapore
</option>
<option class="continent" value="Asia/Srednekolymsk" data-continent="Asia">
Asia/Srednekolymsk
</option>
<option class="continent" value="Asia/Taipei" data-continent="Asia">
Asia/Taipei
</option>
<option class="continent" value="Asia/Tashkent" data-continent="Asia">
Asia/Tashkent
</option>
<option class="continent" value="Asia/Tbilisi" data-continent="Asia">
Asia/Tbilisi
</option>
<option class="continent" value="Asia/Tehran" data-continent="Asia">
Asia/Tehran
</option>
<option class="continent" value="Asia/Tel_Aviv" data-continent="Asia">
Asia/Tel Aviv
</option>
<option class="continent" value="Asia/Thimbu" data-continent="Asia">
Asia/Thimbu
</option>
<option class="continent" value="Asia/Thimphu" data-continent="Asia">
Asia/Thimphu
</option>
<option class="continent" value="Asia/Tokyo" data-continent="Asia">
Asia/Tokyo
</option>
<option class="continent" value="Asia/Tomsk" data-continent="Asia">
Asia/Tomsk
</option>
<option class="continent" value="Asia/Ujung_Pandang" data-continent="Asia">
Asia/Ujung Pandang
</option>
<option class="continent" value="Asia/Ulaanbaatar" data-continent="Asia">
Asia/Ulaanbaatar
</option>
<option class="continent" value="Asia/Ulan_Bator" data-continent="Asia">
Asia/Ulan Bator
</option>
<option class="continent" value="Asia/Urumqi" data-continent="Asia">
Asia/Urumqi
</option>
<option class="continent" value="Asia/Ust-Nera" data-continent="Asia">
Asia/Ust-Nera
</option>
<option class="continent" value="Asia/Vientiane" data-continent="Asia">
Asia/Vientiane
</option>
<option class="continent" value="Asia/Vladivostok" data-continent="Asia">
Asia/Vladivostok
</option>
<option class="continent" value="Asia/Yakutsk" data-continent="Asia">
Asia/Yakutsk
</option>
<option class="continent" value="Asia/Yangon" data-continent="Asia">
Asia/Yangon
</option>
<option class="continent" value="Asia/Yekaterinburg" data-continent="Asia">
Asia/Yekaterinburg
</option>
<option class="continent" value="Asia/Yerevan" data-continent="Asia">
Asia/Yerevan
</option>
</optgroup>
<optgroup label="Australia">
<option class="continent" value="Australia/ACT" data-continent="Australia">
Australia/ACT
</option>
<option class="continent" value="Australia/Adelaide" data-continent="Australia">
Australia/Adelaide
</option>
<option class="continent" value="Australia/Brisbane" data-continent="Australia">
Australia/Brisbane
</option>
<option class="continent" value="Australia/Broken_Hill" data-continent="Australia">
Australia/Broken Hill
</option>
<option class="continent" value="Australia/Canberra" data-continent="Australia">
Australia/Canberra
</option>
<option class="continent" value="Australia/Currie" data-continent="Australia">
Australia/Currie
</option>
<option class="continent" value="Australia/Darwin" data-continent="Australia">
Australia/Darwin
</option>
<option class="continent" value="Australia/Eucla" data-continent="Australia">
Australia/Eucla
</option>
<option class="continent" value="Australia/Hobart" data-continent="Australia">
Australia/Hobart
</option>
<option class="continent" value="Australia/LHI" data-continent="Australia">
Australia/LHI
</option>
<option class="continent" value="Australia/Lindeman" data-continent="Australia">
Australia/Lindeman
</option>
<option class="continent" value="Australia/Lord_Howe" data-continent="Australia">
Australia/Lord Howe
</option>
<option class="continent" value="Australia/Melbourne" data-continent="Australia">
Australia/Melbourne
</option>
<option class="continent" value="Australia/NSW" data-continent="Australia">
Australia/NSW
</option>
<option class="continent" value="Australia/North" data-continent="Australia">
Australia/North
</option>
<option class="continent" value="Australia/Perth" data-continent="Australia">
Australia/Perth
</option>
<option class="continent" value="Australia/Queensland" data-continent="Australia">
Australia/Queensland
</option>
<option class="continent" value="Australia/South" data-continent="Australia">
Australia/South
</option>
<option class="continent" value="Australia/Sydney" data-continent="Australia">
Australia/Sydney
</option>
<option class="continent" value="Australia/Tasmania" data-continent="Australia">
Australia/Tasmania
</option>
<option class="continent" value="Australia/Victoria" data-continent="Australia">
Australia/Victoria
</option>
<option class="continent" value="Australia/West" data-continent="Australia">
Australia/West
</option>
<option class="continent" value="Australia/Yancowinna" data-continent="Australia">
Australia/Yancowinna
</option>
</optgroup>
<optgroup label="Pacific">
<option class="continent" value="Pacific/Apia" data-continent="Pacific">
Pacific/Apia
</option>
<option class="continent" value="Pacific/Auckland" data-continent="Pacific">
Pacific/Auckland
</option>
<option class="continent" value="Pacific/Bougainville" data-continent="Pacific">
Pacific/Bougainville
</option>
<option class="continent" value="Pacific/Chatham" data-continent="Pacific">
Pacific/Chatham
</option>
<option class="continent" value="Pacific/Chuuk" data-continent="Pacific">
Pacific/Chuuk
</option>
<option class="continent" value="Pacific/Easter" data-continent="Pacific">
Pacific/Easter
</option>
<option class="continent" value="Pacific/Efate" data-continent="Pacific">
Pacific/Efate
</option>
<option class="continent" value="Pacific/Enderbury" data-continent="Pacific">
Pacific/Enderbury
</option>
<option class="continent" value="Pacific/Fakaofo" data-continent="Pacific">
Pacific/Fakaofo
</option>
<option class="continent" value="Pacific/Fiji" data-continent="Pacific">
Pacific/Fiji
</option>
<option class="continent" value="Pacific/Funafuti" data-continent="Pacific">
Pacific/Funafuti
</option>
<option class="continent" value="Pacific/Galapagos" data-continent="Pacific">
Pacific/Galapagos
</option>
<option class="continent" value="Pacific/Gambier" data-continent="Pacific">
Pacific/Gambier
</option>
<option class="continent" value="Pacific/Guadalcanal" data-continent="Pacific">
Pacific/Guadalcanal
</option>
<option class="continent" value="Pacific/Guam" data-continent="Pacific">
Pacific/Guam
</option>
<option class="continent" value="Pacific/Honolulu" data-continent="Pacific">
Pacific/Honolulu
</option>
<option class="continent" value="Pacific/Johnston" data-continent="Pacific">
Pacific/Johnston
</option>
<option class="continent" value="Pacific/Kiritimati" data-continent="Pacific">
Pacific/Kiritimati
</option>
<option class="continent" value="Pacific/Kosrae" data-continent="Pacific">
Pacific/Kosrae
</option>
<option class="continent" value="Pacific/Kwajalein" data-continent="Pacific">
Pacific/Kwajalein
</option>
<option class="continent" value="Pacific/Majuro" data-continent="Pacific">
Pacific/Majuro
</option>
<option class="continent" value="Pacific/Marquesas" data-continent="Pacific">
Pacific/Marquesas
</option>
<option class="continent" value="Pacific/Midway" data-continent="Pacific">
Pacific/Midway
</option>
<option class="continent" value="Pacific/Nauru" data-continent="Pacific">
Pacific/Nauru
</option>
<option class="continent" value="Pacific/Niue" data-continent="Pacific">
Pacific/Niue
</option>
<option class="continent" value="Pacific/Norfolk" data-continent="Pacific">
Pacific/Norfolk
</option>
<option class="continent" value="Pacific/Noumea" data-continent="Pacific">
Pacific/Noumea
</option>
<option class="continent" value="Pacific/Pago_Pago" data-continent="Pacific">
Pacific/Pago Pago
</option>
<option class="continent" value="Pacific/Palau" data-continent="Pacific">
Pacific/Palau
</option>
<option class="continent" value="Pacific/Pitcairn" data-continent="Pacific">
Pacific/Pitcairn
</option>
<option class="continent" value="Pacific/Pohnpei" data-continent="Pacific">
Pacific/Pohnpei
</option>
<option class="continent" value="Pacific/Ponape" data-continent="Pacific">
Pacific/Ponape
</option>
<option class="continent" value="Pacific/Port_Moresby" data-continent="Pacific">
Pacific/Port Moresby
</option>
<option class="continent" value="Pacific/Rarotonga" data-continent="Pacific">
Pacific/Rarotonga
</option>
<option class="continent" value="Pacific/Saipan" data-continent="Pacific">
Pacific/Saipan
</option>
<option class="continent" value="Pacific/Samoa" data-continent="Pacific">
Pacific/Samoa
</option>
<option class="continent" value="Pacific/Tahiti" data-continent="Pacific">
Pacific/Tahiti
</option>
<option class="continent" value="Pacific/Tarawa" data-continent="Pacific">
Pacific/Tarawa
</option>
<option class="continent" value="Pacific/Tongatapu" data-continent="Pacific">
Pacific/Tongatapu
</option>
<option class="continent" value="Pacific/Truk" data-continent="Pacific">
Pacific/Truk
</option>
<option class="continent" value="Pacific/Wake" data-continent="Pacific">
Pacific/Wake
</option>
<option class="continent" value="Pacific/Wallis" data-continent="Pacific">
Pacific/Wallis
</option>
<option class="continent" value="Pacific/Yap" data-continent="Pacific">
Pacific/Yap
</option>
</optgroup>
<optgroup label="UTC">
<option class="continent" value="UTC" data-continent="UTC">
UTC/UTC
</option>
</optgroup>
</select>
<input type="hidden" name="btz" id="btz" value="Asia/Kolkata"/>
<input type="submit" value="Update Grid" class="submit aria-hidden"/>
<input type="hidden" name="jumpDate" value="2020-08-06"/>
<input type="hidden" name="ini" value="1596702095976"/>
<input type="hidden" name="cal" value="62da010a-4527-46b0-b833-adac67f2db79"/>
</form>
</div>
</div>
<div class="gridHeaderNavigation subHeaderRight">
<button class="subHeaderNav gridCal" data-alt="Jump To Date">
<span class="aria-hidden">
Jump To Date
</span>
<span class="svgIcon svgIconFill">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M11 0c.5 0 1 .4 1 .9V1h2a2 2 0 012 2v11a2 2 0 01-2 2H2a2 2 0 01-2-2V3c0-1.1.9-2 2-2h2a1 1 0 012-.1V1h4c0-.6.4-1 1-1zm3 8H2v6h12V8zm-9 2a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM4 3H2v3h12V3h-2v1c0 .5-.4 1-.9 1H11a1 1 0 01-1-.9V3H6v1c0 .5-.4 1-.9 1H5a1 1 0 01-1-.9V3z" />
</svg>
</span>
</button>
<span class="subHeaderNav gridPrev disabled">
<span class="aria-hidden">
previous
</span>
<span class="svgIcon svgIconFill">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M11.7 2.7a1 1 0 00-1.4-1.4l-6 6a1 1 0 000 1.4l6 6a1 1 0 001.4-1.4L6.4 8l5.3-5.3z"/>
</svg>
</span>
</span>
<a href="/service/jsps/cal.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;&amp;ini=1596702095976&amp;jumpDate=2020-08-13"
class="subHeaderNav gridNext" data-alt="Next Week">
<span class="aria-hidden">
next
</span>
<span class="svgIcon svgIconFill">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M4.3 13.3a1 1 0 001.4 1.4l6-6c.4-.4.4-1 0-1.4l-6-6a1 1 0 00-1.4 1.4L9.6 8l-5.3 5.3z"/>
</svg>
</span>
</a>
</div>
<div class="gridHeaderMonth subHeaderTitle">
<h2><span class="gridHeaderMonthFull">August
2020</span>
<span class="gridHeaderMonthShort">Aug
2020</span>
</h2>
</div>
</div>
</div>
</div>
<div class="main body" id="body">
<div class="mainStart"></div>
<div class="gridPage yesFree yesTimezone yesJumpDate noPeriodButtons" id="gridPage">
<div class="jumpDate">
<form action="/service/jsps/cal.jsp" id="datePickerForm">
<input type="hidden" name="jumpDate" id="jumpDate" value="2020-08-06" onChange="this.form.submit();">
<input type="hidden" name="ini" value="1596702095976">
<input type="hidden" name="cal" value="62da010a-4527-46b0-b833-adac67f2db79">
<input type="hidden" name="jumpButton" value="true">
</form>
</div>
<div role="form" aria-labelledby="instructions" class="grid cols7 showTechnicallyFree">
<div class="gridDays">
<div class="gridDay gridDayThu dayNoFree today 2020-08-06">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-0" data-content="Thursday, August 6, 2020">Thursday, August 6, 2020</span>
<span class="gridDayHeaderName" data-content="Thu">
Thu
</span> <span class="gridDayHeaderToday">Today</span>
<span class="gridDayHeaderDate" data-content="06">06</span>
<span class="aria-hidden">Thursday, August 6, 2020</span>
<span class="gridDayHeaderNoFree">No Availability</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1596681000000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1596682800000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1596684600000" class="gridSlot gridBusy gridAm">
<span>
9:00 AM</span>
</div>
<div id="grid1596686400000" class="gridSlot gridBusy gridAm">
<span>
9:30 AM</span>
</div>
<div id="grid1596688200000" class="gridSlot gridBusy gridAm">
<span>
10:00 AM</span>
</div>
<div id="grid1596690000000" class="gridSlot gridBusy gridAm">
<span>
10:30 AM</span>
</div>
<div id="grid1596691800000" class="gridSlot gridBusy gridAm">
<span>
11:00 AM</span>
</div>
<div id="grid1596693600000" class="gridSlot gridBusy gridAm">
<span>
11:30 AM</span>
</div>
<div id="grid1596695400000" class="gridSlot gridBusy gridPm">
<span>
12:00 PM</span>
</div>
<div id="grid1596697200000" class="gridSlot gridBusy gridPm">
<span>
12:30 PM</span>
</div>
<div id="grid1596699000000" class="gridSlot gridBusy gridPm">
<span>
1:00 PM</span>
</div>
<div id="grid1596700800000" class="gridSlot gridBusy gridPm">
<span>
1:30 PM</span>
</div>
<div id="grid1596702600000" class="gridSlot gridBusy gridPm">
<span>
2:00 PM</span>
</div>
<div id="grid1596704400000" class="gridSlot gridBusy gridPm">
<span>
2:30 PM</span>
</div>
<div id="grid1596706200000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1596708000000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1596709800000" class="gridSlot gridBusy gridPm">
<span>
4:00 PM</span>
</div>
<div id="grid1596711600000" class="gridSlot gridBusy gridPm">
<span>
4:30 PM</span>
</div>
</div>
</div>
<div class="gridDay gridDayFri dayNoFree 2020-08-07">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-1" data-content="Friday, August 7, 2020">Friday, August 7, 2020</span>
<span class="gridDayHeaderName" data-content="Fri">
Fri
</span>
<span class="gridDayHeaderDate" data-content="07">07</span>
<span class="aria-hidden">Friday, August 7, 2020</span>
<span class="gridDayHeaderNoFree">No Availability</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1596767400000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1596769200000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1596771000000" class="gridSlot gridBusy gridAm">
<span>
9:00 AM</span>
</div>
<div id="grid1596772800000" class="gridSlot gridBusy gridAm">
<span>
9:30 AM</span>
</div>
<div id="grid1596774600000" class="gridSlot gridBusy gridAm">
<span>
10:00 AM</span>
</div>
<div id="grid1596776400000" class="gridSlot gridBusy gridAm">
<span>
10:30 AM</span>
</div>
<div id="grid1596778200000" class="gridSlot gridBusy gridAm">
<span>
11:00 AM</span>
</div>
<div id="grid1596780000000" class="gridSlot gridBusy gridAm">
<span>
11:30 AM</span>
</div>
<div id="grid1596781800000" class="gridSlot gridBusy gridPm">
<span>
12:00 PM</span>
</div>
<div id="grid1596783600000" class="gridSlot gridBusy gridPm">
<span>
12:30 PM</span>
</div>
<div id="grid1596785400000" class="gridSlot gridBusy gridPm">
<span>
1:00 PM</span>
</div>
<div id="grid1596787200000" class="gridSlot gridBusy gridPm">
<span>
1:30 PM</span>
</div>
<div id="grid1596789000000" class="gridSlot gridBusy gridPm">
<span>
2:00 PM</span>
</div>
<div id="grid1596790800000" class="gridSlot gridBusy gridPm">
<span>
2:30 PM</span>
</div>
<div id="grid1596792600000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1596794400000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1596796200000" class="gridSlot gridBusy gridPm">
<span>
4:00 PM</span>
</div>
<div id="grid1596798000000" class="gridSlot gridBusy gridPm">
<span>
4:30 PM</span>
</div>
</div>
</div>
<div class="gridDay gridDaySat 2020-08-08">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-2" data-content="Saturday, August 8, 2020">Saturday, August 8, 2020</span>
<span class="gridDayHeaderName" data-content="Sat">
Sat
</span>
<span class="gridDayHeaderDate" data-content="08">08</span>
<span class="aria-hidden">Saturday, August 8, 2020</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1596853800000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1596855600000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1596857400000" class="gridSlot gridFree gridAm"
onMouseOver="highlight('1596857400000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596857400000');">
<a id="button-1596857400000" aria-labelledby="button-1596857400000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596857400000">
9:00 AM</a>
</div>
<div id="grid1596859200000" class="gridSlot gridFree gridAm"
onMouseOver="highlight('1596859200000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596859200000');">
<a id="button-1596859200000" aria-labelledby="button-1596859200000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596859200000">
9:30 AM</a>
</div>
<div id="grid1596861000000" class="gridSlot gridFree gridAm"
onMouseOver="highlight('1596861000000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596861000000');">
<a id="button-1596861000000" aria-labelledby="button-1596861000000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596861000000">
10:00 AM</a>
</div>
<div id="grid1596862800000" class="gridSlot gridFree gridAm"
onMouseOver="highlight('1596862800000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596862800000');">
<a id="button-1596862800000" aria-labelledby="button-1596862800000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596862800000">
10:30 AM</a>
</div>
<div id="grid1596864600000" class="gridSlot gridFree gridAm"
onMouseOver="highlight('1596864600000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596864600000');">
<a id="button-1596864600000" aria-labelledby="button-1596864600000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596864600000">
11:00 AM</a>
</div>
<div id="grid1596866400000" class="gridSlot gridFree gridAm"
onMouseOver="highlight('1596866400000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596866400000');">
<a id="button-1596866400000" aria-labelledby="button-1596866400000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596866400000">
11:30 AM</a>
</div>
<div id="grid1596868200000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596868200000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596868200000');">
<a id="button-1596868200000" aria-labelledby="button-1596868200000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596868200000">
12:00 PM</a>
</div>
<div id="grid1596870000000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596870000000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596870000000');">
<a id="button-1596870000000" aria-labelledby="button-1596870000000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596870000000">
12:30 PM</a>
</div>
<div id="grid1596871800000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596871800000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596871800000');">
<a id="button-1596871800000" aria-labelledby="button-1596871800000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596871800000">
1:00 PM</a>
</div>
<div id="grid1596873600000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596873600000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596873600000');">
<a id="button-1596873600000" aria-labelledby="button-1596873600000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596873600000">
1:30 PM</a>
</div>
<div id="grid1596875400000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596875400000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596875400000');">
<a id="button-1596875400000" aria-labelledby="button-1596875400000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596875400000">
2:00 PM</a>
</div>
<div id="grid1596877200000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596877200000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596877200000');">
<a id="button-1596877200000" aria-labelledby="button-1596877200000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596877200000">
2:30 PM</a>
</div>
<div id="grid1596879000000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1596880800000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1596882600000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596882600000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596882600000');">
<a id="button-1596882600000" aria-labelledby="button-1596882600000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596882600000">
4:00 PM</a>
</div>
<div id="grid1596884400000" class="gridSlot gridFree gridPm"
onMouseOver="highlight('1596884400000');" onMouseOut="resetHighlights();"
onclick="selectGrid('/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596884400000');">
<a id="button-1596884400000" aria-labelledby="button-1596884400000 col-header-2"
role="button"
href="/service/jsps/book.jsp?cal=62da010a-4527-46b0-b833-adac67f2db79&amp;jumpDate=2020-08-06&amp;ini=1596702095976&amp;slot=1596884400000">
4:30 PM</a>
</div>
</div>
</div>
<div class="gridDay gridDaySun dayNoFree 2020-08-09">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-3" data-content="Sunday, August 9, 2020">Sunday, August 9, 2020</span>
<span class="gridDayHeaderName" data-content="Sun">
Sun
</span>
<span class="gridDayHeaderDate" data-content="09">09</span>
<span class="aria-hidden">Sunday, August 9, 2020</span>
<span class="gridDayHeaderNoFree">No Availability</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1596940200000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1596942000000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1596943800000" class="gridSlot gridBusy gridAm">
<span>
9:00 AM</span>
</div>
<div id="grid1596945600000" class="gridSlot gridBusy gridAm">
<span>
9:30 AM</span>
</div>
<div id="grid1596947400000" class="gridSlot gridBusy gridAm">
<span>
10:00 AM</span>
</div>
<div id="grid1596949200000" class="gridSlot gridBusy gridAm">
<span>
10:30 AM</span>
</div>
<div id="grid1596951000000" class="gridSlot gridBusy gridAm">
<span>
11:00 AM</span>
</div>
<div id="grid1596952800000" class="gridSlot gridBusy gridAm">
<span>
11:30 AM</span>
</div>
<div id="grid1596954600000" class="gridSlot gridBusy gridPm">
<span>
12:00 PM</span>
</div>
<div id="grid1596956400000" class="gridSlot gridBusy gridPm">
<span>
12:30 PM</span>
</div>
<div id="grid1596958200000" class="gridSlot gridBusy gridPm">
<span>
1:00 PM</span>
</div>
<div id="grid1596960000000" class="gridSlot gridBusy gridPm">
<span>
1:30 PM</span>
</div>
<div id="grid1596961800000" class="gridSlot gridBusy gridPm">
<span>
2:00 PM</span>
</div>
<div id="grid1596963600000" class="gridSlot gridBusy gridPm">
<span>
2:30 PM</span>
</div>
<div id="grid1596965400000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1596967200000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1596969000000" class="gridSlot gridBusy gridPm">
<span>
4:00 PM</span>
</div>
<div id="grid1596970800000" class="gridSlot gridBusy gridPm">
<span>
4:30 PM</span>
</div>
</div>
</div>
<div class="gridDay gridDayMon dayNoFree 2020-08-10">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-4" data-content="Monday, August 10, 2020">Monday, August 10, 2020</span>
<span class="gridDayHeaderName" data-content="Mon">
Mon
</span>
<span class="gridDayHeaderDate" data-content="10">10</span>
<span class="aria-hidden">Monday, August 10, 2020</span>
<span class="gridDayHeaderNoFree">No Availability</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1597026600000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1597028400000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1597030200000" class="gridSlot gridBusy gridAm">
<span>
9:00 AM</span>
</div>
<div id="grid1597032000000" class="gridSlot gridBusy gridAm">
<span>
9:30 AM</span>
</div>
<div id="grid1597033800000" class="gridSlot gridBusy gridAm">
<span>
10:00 AM</span>
</div>
<div id="grid1597035600000" class="gridSlot gridBusy gridAm">
<span>
10:30 AM</span>
</div>
<div id="grid1597037400000" class="gridSlot gridBusy gridAm">
<span>
11:00 AM</span>
</div>
<div id="grid1597039200000" class="gridSlot gridBusy gridAm">
<span>
11:30 AM</span>
</div>
<div id="grid1597041000000" class="gridSlot gridBusy gridPm">
<span>
12:00 PM</span>
</div>
<div id="grid1597042800000" class="gridSlot gridBusy gridPm">
<span>
12:30 PM</span>
</div>
<div id="grid1597044600000" class="gridSlot gridBusy gridPm">
<span>
1:00 PM</span>
</div>
<div id="grid1597046400000" class="gridSlot gridBusy gridPm">
<span>
1:30 PM</span>
</div>
<div id="grid1597048200000" class="gridSlot gridBusy gridPm">
<span>
2:00 PM</span>
</div>
<div id="grid1597050000000" class="gridSlot gridBusy gridPm">
<span>
2:30 PM</span>
</div>
<div id="grid1597051800000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1597053600000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1597055400000" class="gridSlot gridBusy gridPm">
<span>
4:00 PM</span>
</div>
<div id="grid1597057200000" class="gridSlot gridBusy gridPm">
<span>
4:30 PM</span>
</div>
</div>
</div>
<div class="gridDay gridDayTue dayNoFree 2020-08-11">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-5" data-content="Tuesday, August 11, 2020">Tuesday, August 11, 2020</span>
<span class="gridDayHeaderName" data-content="Tue">
Tue
</span>
<span class="gridDayHeaderDate" data-content="11">11</span>
<span class="aria-hidden">Tuesday, August 11, 2020</span>
<span class="gridDayHeaderNoFree">No Availability</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1597113000000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1597114800000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1597116600000" class="gridSlot gridBusy gridAm">
<span>
9:00 AM</span>
</div>
<div id="grid1597118400000" class="gridSlot gridBusy gridAm">
<span>
9:30 AM</span>
</div>
<div id="grid1597120200000" class="gridSlot gridBusy gridAm">
<span>
10:00 AM</span>
</div>
<div id="grid1597122000000" class="gridSlot gridBusy gridAm">
<span>
10:30 AM</span>
</div>
<div id="grid1597123800000" class="gridSlot gridBusy gridAm">
<span>
11:00 AM</span>
</div>
<div id="grid1597125600000" class="gridSlot gridBusy gridAm">
<span>
11:30 AM</span>
</div>
<div id="grid1597127400000" class="gridSlot gridBusy gridPm">
<span>
12:00 PM</span>
</div>
<div id="grid1597129200000" class="gridSlot gridBusy gridPm">
<span>
12:30 PM</span>
</div>
<div id="grid1597131000000" class="gridSlot gridBusy gridPm">
<span>
1:00 PM</span>
</div>
<div id="grid1597132800000" class="gridSlot gridBusy gridPm">
<span>
1:30 PM</span>
</div>
<div id="grid1597134600000" class="gridSlot gridBusy gridPm">
<span>
2:00 PM</span>
</div>
<div id="grid1597136400000" class="gridSlot gridBusy gridPm">
<span>
2:30 PM</span>
</div>
<div id="grid1597138200000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1597140000000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1597141800000" class="gridSlot gridBusy gridPm">
<span>
4:00 PM</span>
</div>
<div id="grid1597143600000" class="gridSlot gridBusy gridPm">
<span>
4:30 PM</span>
</div>
</div>
</div>
<div class="gridDay gridDayWed dayNoFree 2020-08-12">
<div class="gridDayHeader">
<h3>
<span class="gridDayHeaderFull" id="col-header-6" data-content="Wednesday, August 12, 2020">Wednesday, August 12, 2020</span>
<span class="gridDayHeaderName" data-content="Wed">
Wed
</span>
<span class="gridDayHeaderDate" data-content="12">12</span>
<span class="aria-hidden">Wednesday, August 12, 2020</span>
<span class="gridDayHeaderNoFree">No Availability</span>
</h3>
</div>
<div class="gridSlots">
<div id="grid1597199400000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:00 AM</span>
</div>
<div id="grid1597201200000"
class="gridSlot gridBusy gridAm gridNoFree gridNoTechnicallyFree">
<span>
8:30 AM</span>
</div>
<div id="grid1597203000000" class="gridSlot gridBusy gridAm">
<span>
9:00 AM</span>
</div>
<div id="grid1597204800000" class="gridSlot gridBusy gridAm">
<span>
9:30 AM</span>
</div>
<div id="grid1597206600000" class="gridSlot gridBusy gridAm">
<span>
10:00 AM</span>
</div>
<div id="grid1597208400000" class="gridSlot gridBusy gridAm">
<span>
10:30 AM</span>
</div>
<div id="grid1597210200000" class="gridSlot gridBusy gridAm">
<span>
11:00 AM</span>
</div>
<div id="grid1597212000000" class="gridSlot gridBusy gridAm">
<span>
11:30 AM</span>
</div>
<div id="grid1597213800000" class="gridSlot gridBusy gridPm">
<span>
12:00 PM</span>
</div>
<div id="grid1597215600000" class="gridSlot gridBusy gridPm">
<span>
12:30 PM</span>
</div>
<div id="grid1597217400000" class="gridSlot gridBusy gridPm">
<span>
1:00 PM</span>
</div>
<div id="grid1597219200000" class="gridSlot gridBusy gridPm">
<span>
1:30 PM</span>
</div>
<div id="grid1597221000000" class="gridSlot gridBusy gridPm">
<span>
2:00 PM</span>
</div>
<div id="grid1597222800000" class="gridSlot gridBusy gridPm">
<span>
2:30 PM</span>
</div>
<div id="grid1597224600000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:00 PM</span>
</div>
<div id="grid1597226400000"
class="gridSlot gridBusy gridPm gridNoFree gridNoTechnicallyFree">
<span>
3:30 PM</span>
</div>
<div id="grid1597228200000" class="gridSlot gridBusy gridPm">
<span>
4:00 PM</span>
</div>
<div id="grid1597230000000" class="gridSlot gridBusy gridPm">
<span>
4:30 PM</span>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="mainEnd"></div>
</div>
<div id="datePickerContainer" class="datePickerContainer">
<div id="datepicker"></div>
</div>
<div id="tips"></div>
<div class="poweredByPaid">
<a href="https://youcanbook.me/?utm_campaign=Grid%20Footers&utm_source=Viral&utm_medium=2049Button&utm_content=Powered%20by%20YouCanBook.Me&utm_term=vivekap"
target="_blank">
<img src="/service/themes/2049/mark.png" alt="YouCanBook.me Icon" />Powered by YouCanBook.me
</a>
</div>
<script src="/resources/scripts/ycbm.service.min.js?v=2020-08-04T12:52:51Z"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-57420767-1', 'auto');
ga('require', 'linkid', 'linkid.js');
ga('set', 'dimension1', 'service');
ga('set', 'dimension2', 'Service');
</script>
<script>
ga('set', 'page', document.location.pathname);
ga('send', 'pageview');
</script>
</div>
<script>
if ( (function(a){return(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))})(navigator.userAgent||navigator.vendor||window.opera) ) {
$('body').addClass('mobile');
}
function selectGrid(loc){
location=loc;
}
function highlight(gids) {
var gid = gids.split(",");
for(i = 0; i < gid.length; i++){
if ( $("#grid"+gid[i]).hasClass("gridTechnicallyFree") ) {
$("#grid"+gid[i]).addClass("gridTechnicallyFreeHighlight");
}
$("#grid"+gid[i]).removeClass("gridFree");
$("#grid"+gid[i]).removeClass("gridTechnicallyFree");
$("#grid"+gid[i]).addClass("gridHighlight");
}
}
function resetHighlights() {
$(".gridHighlight").removeClass("gridTechnicallyFreeHighlight");
$(".gridHighlight").removeClass("gridHighlight");
$("#grid1596681000000").addClass("gridBusy");
$("#grid1596767400000").addClass("gridBusy");
$("#grid1596853800000").addClass("gridBusy");
$("#grid1596940200000").addClass("gridBusy");
$("#grid1597026600000").addClass("gridBusy");
$("#grid1597113000000").addClass("gridBusy");
$("#grid1597199400000").addClass("gridBusy");
$("#grid1596682800000").addClass("gridBusy");
$("#grid1596769200000").addClass("gridBusy");
$("#grid1596855600000").addClass("gridBusy");
$("#grid1596942000000").addClass("gridBusy");
$("#grid1597028400000").addClass("gridBusy");
$("#grid1597114800000").addClass("gridBusy");
$("#grid1597201200000").addClass("gridBusy");
$("#grid1596684600000").addClass("gridBusy");
$("#grid1596771000000").addClass("gridBusy");
$("#grid1596857400000").addClass("gridFree");
$("#grid1596943800000").addClass("gridBusy");
$("#grid1597030200000").addClass("gridBusy");
$("#grid1597116600000").addClass("gridBusy");
$("#grid1597203000000").addClass("gridBusy");
$("#grid1596686400000").addClass("gridBusy");
$("#grid1596772800000").addClass("gridBusy");
$("#grid1596859200000").addClass("gridFree");
$("#grid1596945600000").addClass("gridBusy");
$("#grid1597032000000").addClass("gridBusy");
$("#grid1597118400000").addClass("gridBusy");
$("#grid1597204800000").addClass("gridBusy");
$("#grid1596688200000").addClass("gridBusy");
$("#grid1596774600000").addClass("gridBusy");
$("#grid1596861000000").addClass("gridFree");
$("#grid1596947400000").addClass("gridBusy");
$("#grid1597033800000").addClass("gridBusy");
$("#grid1597120200000").addClass("gridBusy");
$("#grid1597206600000").addClass("gridBusy");
$("#grid1596690000000").addClass("gridBusy");
$("#grid1596776400000").addClass("gridBusy");
$("#grid1596862800000").addClass("gridFree");
$("#grid1596949200000").addClass("gridBusy");
$("#grid1597035600000").addClass("gridBusy");
$("#grid1597122000000").addClass("gridBusy");
$("#grid1597208400000").addClass("gridBusy");
$("#grid1596691800000").addClass("gridBusy");
$("#grid1596778200000").addClass("gridBusy");
$("#grid1596864600000").addClass("gridFree");
$("#grid1596951000000").addClass("gridBusy");
$("#grid1597037400000").addClass("gridBusy");
$("#grid1597123800000").addClass("gridBusy");
$("#grid1597210200000").addClass("gridBusy");
$("#grid1596693600000").addClass("gridBusy");
$("#grid1596780000000").addClass("gridBusy");
$("#grid1596866400000").addClass("gridFree");
$("#grid1596952800000").addClass("gridBusy");
$("#grid1597039200000").addClass("gridBusy");
$("#grid1597125600000").addClass("gridBusy");
$("#grid1597212000000").addClass("gridBusy");
$("#grid1596695400000").addClass("gridBusy");
$("#grid1596781800000").addClass("gridBusy");
$("#grid1596868200000").addClass("gridFree");
$("#grid1596954600000").addClass("gridBusy");
$("#grid1597041000000").addClass("gridBusy");
$("#grid1597127400000").addClass("gridBusy");
$("#grid1597213800000").addClass("gridBusy");
$("#grid1596697200000").addClass("gridBusy");
$("#grid1596783600000").addClass("gridBusy");
$("#grid1596870000000").addClass("gridFree");
$("#grid1596956400000").addClass("gridBusy");
$("#grid1597042800000").addClass("gridBusy");
$("#grid1597129200000").addClass("gridBusy");
$("#grid1597215600000").addClass("gridBusy");
$("#grid1596699000000").addClass("gridBusy");
$("#grid1596785400000").addClass("gridBusy");
$("#grid1596871800000").addClass("gridFree");
$("#grid1596958200000").addClass("gridBusy");
$("#grid1597044600000").addClass("gridBusy");
$("#grid1597131000000").addClass("gridBusy");
$("#grid1597217400000").addClass("gridBusy");
$("#grid1596700800000").addClass("gridBusy");
$("#grid1596787200000").addClass("gridBusy");
$("#grid1596873600000").addClass("gridFree");
$("#grid1596960000000").addClass("gridBusy");
$("#grid1597046400000").addClass("gridBusy");
$("#grid1597132800000").addClass("gridBusy");
$("#grid1597219200000").addClass("gridBusy");
$("#grid1596702600000").addClass("gridBusy");
$("#grid1596789000000").addClass("gridBusy");
$("#grid1596875400000").addClass("gridFree");
$("#grid1596961800000").addClass("gridBusy");
$("#grid1597048200000").addClass("gridBusy");
$("#grid1597134600000").addClass("gridBusy");
$("#grid1597221000000").addClass("gridBusy");
$("#grid1596704400000").addClass("gridBusy");
$("#grid1596790800000").addClass("gridBusy");
$("#grid1596877200000").addClass("gridFree");
$("#grid1596963600000").addClass("gridBusy");
$("#grid1597050000000").addClass("gridBusy");
$("#grid1597136400000").addClass("gridBusy");
$("#grid1597222800000").addClass("gridBusy");
$("#grid1596706200000").addClass("gridBusy");
$("#grid1596792600000").addClass("gridBusy");
$("#grid1596879000000").addClass("gridBusy");
$("#grid1596965400000").addClass("gridBusy");
$("#grid1597051800000").addClass("gridBusy");
$("#grid1597138200000").addClass("gridBusy");
$("#grid1597224600000").addClass("gridBusy");
$("#grid1596708000000").addClass("gridBusy");
$("#grid1596794400000").addClass("gridBusy");
$("#grid1596880800000").addClass("gridBusy");
$("#grid1596967200000").addClass("gridBusy");
$("#grid1597053600000").addClass("gridBusy");
$("#grid1597140000000").addClass("gridBusy");
$("#grid1597226400000").addClass("gridBusy");
$("#grid1596709800000").addClass("gridBusy");
$("#grid1596796200000").addClass("gridBusy");
$("#grid1596882600000").addClass("gridFree");
$("#grid1596969000000").addClass("gridBusy");
$("#grid1597055400000").addClass("gridBusy");
$("#grid1597141800000").addClass("gridBusy");
$("#grid1597228200000").addClass("gridBusy");
$("#grid1596711600000").addClass("gridBusy");
$("#grid1596798000000").addClass("gridBusy");
$("#grid1596884400000").addClass("gridFree");
$("#grid1596970800000").addClass("gridBusy");
$("#grid1597057200000").addClass("gridBusy");
$("#grid1597143600000").addClass("gridBusy");
$("#grid1597230000000").addClass("gridBusy");
}
var lastWidth = 0;
var scrollPercent = 0;
var resizeTimeout;
function updateTimeZone() {
$("#gridPage").css("visibility", "hidden");
$("body").addClass('loading');
$("#btz").val( $("#timezoneSelect").val() );
$("#timeZoneForm").submit();
}
function policeTips(item){
if ( window.innerWidth <= 768 ) return;
var tips = $(item).find('[data-alt]');
tips.each( function(){
var tip = $(this);
tip.mouseenter( function(){ drawTip(tip); });
tip.mouseleave( function(){ hideTip(); });
});
$('body').on('touchstart', function(){ hideTip(); } );
}
function drawTip(item){
var style = 'position:absolute;';
style += 'left:'+(item.offset().left + item.outerWidth()/2 -1 )+'px;';
style += 'top:'+(item.offset().top -10 )+'px;';
var tip = '<div class="tooltip" style="'+style+'"><span>'+item.data('alt')+'</span></div>';
tip = $(tip);
$('#tips').append(tip);
}
function hideTip(){
$('#tips').html(false);
}
$(document).ready(function() {
if ($.datepicker.regional['en-US']) {
$.datepicker.setDefaults($.datepicker.regional['en-US']);
}
else if ($.datepicker.regional['en']) {
$.datepicker.setDefaults($.datepicker.regional['en']);
}
else {
$.datepicker.setDefaults($.datepicker.regional['en-GB']);
}
$.datepicker.setDefaults({
altField: '#jumpDate',
altFormat: "yy-mm-dd",
onSelect: function(){ $('#datePickerForm').submit(); },
dateFormat: "yy-mm-dd",
showOn: "both",
buttonText: "Jump To Date",
showAnim: "",
constrainInput: false ,
gotoCurrent: true,
beforeShowDay: checkDateDisplay ,
minDate: !!""?"":0,
maxDate: !!""?"":365
});
var validDays = {
0: true,
1: false,
2: false,
3: false,
4: false,
5: false,
6: true
};
var gridStart = new Date(1596681000000).setHours(0,0,0);
var gridEnd = new Date(1597199400000).setHours(23,59,59);
function checkDateDisplay(date){
var valid = validDays[date.getDay()];
var currentRange = (date <= gridEnd) && (date >= gridStart)
return [
valid,
currentRange?"ui-datepicker-current-range":""
]
};
$("#datepicker").datepicker();
$("#datepicker").datepicker("setDate", "2020-08-06");
$('.gridCal').click(function(){
$('#datePickerContainer').toggle();
var top = $(this).offset().top;
$('.ui-datepicker').css('top', top);
});
$(document).on('click', function(e) {
if ($(e.target).hasClass("datePickerContainer") ) {
$("#datePickerContainer").hide();
}
});
$(".pageButton").click(function(){
$("#gridPage").css("visibility", "hidden");
$("#spinner").show();
$("body").addClass('loading');
});
$("#timezoneSelect").change(updateTimeZone);
policeTips($('body'));
$(".gridHeaderDayName, .gridHeaderDate").each(function(){
$(this).html($(this).data("content"));
});
$("#spinner").hide();
$("body").removeClass('loading');
$("#gridPage").css("visibility", "visible");
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment