Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div ng-app="angularTypeahead">
	<div class="container-fluid" ng-controller="TypeaheadCtrl">
		<h2><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/angular-logo.svg" alt="Angular.js Logo"> TimeZone Selector</h2>
		<div class="form-group">
		  <label for="timezones">Select TimeZone</label>
			<input name="timezones" id="timezones" type="text" placeholder="enter a timezone" ng-model="selected" typeahead="tz.name for tz in timezones | filter:$viewValue | limitTo:8" class="form-control">
		</div>
		<div class="form-group">
      <button class="btn btn-success" type="submit" ng-click="onSubmit()">Submit</button>
    </div>
		<div class="form-group" ng-hide="!tzinfo">
		  <label>Selected TimeZone: {{tzinfo}}</label>
    </div>
  </div>
</div>
              
            
!

CSS

              
                body {
  max-width: 32em;
  margin: 1em auto 0;
}

img { width: 30px; }
              
            
!

JS

              
                // https://angular-ui.github.io/

// setup app and pass ui.bootstrap as dep
var myApp = angular.module("angularTypeahead", ["ui.bootstrap"]);

// tzdata generated by https://github.com/pgurenko/tzinfo
var tzdata = {"Atlantic/Canary": "WET0WEST,M3.5.0/1,M10.5.0", "Australia/Melbourne": "AEST-10AEDT,M10.1.0,M4.1.0/3", "Etc/GMT+9": "<-09>9", "Etc/GMT+8": "<-08>8", "Europe/Lisbon": "WET0WEST,M3.5.0/1,M10.5.0", "Etc/GMT+3": "<-03>3", "Etc/GMT+2": "<-02>2", "Etc/GMT+1": "<-01>1", "Etc/GMT+0": "GMT0", "America/Nipigon": "EST5EDT,M3.2.0,M11.1.0", "Etc/GMT+6": "<-06>6", "Etc/GMT+5": "<-05>5", "America/Miquelon": "<-03>3<-02>,M3.2.0,M11.1.0", "Pacific/Wallis": "<+12>-12", "America/Fort_Nelson": "MST7", "Antarctica/Davis": "<+07>-7", "Asia/Dhaka": "<+06>-6", "America/St_Lucia": "AST4", "America/Phoenix": "MST7", "Europe/Kaliningrad": "EET-2", "Etc/GMT+7": "<-07>7", "America/Mazatlan": "MST7MDT,M4.1.0,M10.5.0", "Arctic/Longyearbyen": "CET-1CEST,M3.5.0,M10.5.0/3", "Europe/Guernsey": "GMT0BST,M3.5.0/1,M10.5.0", "Antarctica/Rothera": "<-03>3", "Europe/Stockholm": "CET-1CEST,M3.5.0,M10.5.0/3", "Pacific/Fiji": "<+12>-12<+13>,M11.1.0,M1.3.0/3", "Pacific/Apia": "<+13>-13<+14>,M9.5.0/3,M4.1.0/4", "Etc/GMT+4": "<-04>4", "Pacific/Pago_Pago": "SST11", "America/Mexico_City": "CST6CDT,M4.1.0,M10.5.0", "America/Puerto_Rico": "AST4", "Indian/Mauritius": "<+04>-4", "Asia/Yangon": "<+0630>-6:30", "Europe/Berlin": "CET-1CEST,M3.5.0,M10.5.0/3", "Europe/Zurich": "CET-1CEST,M3.5.0,M10.5.0/3", "Africa/Casablanca": "WET0WEST,M3.5.0,M10.5.0/3", "Antarctica/Macquarie": "<+11>-11", "Europe/Warsaw": "CET-1CEST,M3.5.0,M10.5.0/3", "Asia/Krasnoyarsk": "<+07>-7", "Atlantic/Bermuda": "AST4ADT,M3.2.0,M11.1.0", "America/Araguaina": "<-03>3", "Asia/Tehran": "<+0330>-3:30<+0430>,J80/0,J264/0", "Asia/Baku": "<+04>-4", "America/St_Barthelemy": "AST4", "America/Santarem": "<-03>3", "America/Danmarkshavn": "GMT0", "America/Scoresbysund": "<-01>1<+00>,M3.5.0/0,M10.5.0/1", "America/Eirunepe": "<-05>5", "America/Caracas": "<-04>4", "Asia/Baghdad": "<+03>-3", "Africa/Monrovia": "GMT0", "America/St_Vincent": "AST4", "America/Vancouver": "PST8PDT,M3.2.0,M11.1.0", "Asia/Ho_Chi_Minh": "<+07>-7", "Europe/Busingen": "CET-1CEST,M3.5.0,M10.5.0/3", "Etc/GMT0": "GMT0", "Asia/Thimphu": "<+06>-6", "Africa/Ouagadougou": "GMT0", "America/Belize": "CST6", "America/Port_of_Spain": "AST4", "Asia/Famagusta": "<+03>-3", "Asia/Tashkent": "<+05>-5", "Asia/Tokyo": "JST-9", "Pacific/Kiritimati": "<+14>-14", "Australia/Sydney": "AEST-10AEDT,M10.1.0,M4.1.0/3", "Europe/Riga": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Asia/Dili": "<+09>-9", "Africa/Mbabane": "SAST-2", "Asia/Oral": "<+05>-5", "Asia/Aden": "<+03>-3", "MST7MDT": "MST7MDT,M3.2.0,M11.1.0", "Europe/Istanbul": "<+03>-3", "Asia/Magadan": "<+11>-11", "Asia/Kabul": "<+0430>-4:30", "Australia/Lindeman": "AEST-10", "Pacific/Galapagos": "<-06>6", "America/Bogota": "<-05>5", "Africa/Asmara": "EAT-3", "America/Chicago": "CST6CDT,M3.2.0,M11.1.0", "Pacific/Kwajalein": "<+12>-12", "Australia/Broken_Hill": "ACST-9:30ACDT,M10.1.0,M4.1.0/3", "America/Cuiaba": "<-04>4<-03>,M10.3.0/0,M2.3.0/0", "Indian/Christmas": "<+07>-7", "Asia/Jayapura": "WIT-9", "Europe/Brussels": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Argentina/Cordoba": "<-03>3", "America/Noronha": "<-02>2", "Europe/Podgorica": "CET-1CEST,M3.5.0,M10.5.0/3", "Africa/Algiers": "CET-1", "Africa/Harare": "CAT-2", "Africa/Ndjamena": "WAT-1", "America/Costa_Rica": "CST6", "Europe/Ljubljana": "CET-1CEST,M3.5.0,M10.5.0/3", "Indian/Mayotte": "EAT-3", "Asia/Phnom_Penh": "<+07>-7", "America/Managua": "CST6", "America/Pangnirtung": "EST5EDT,M3.2.0,M11.1.0", "Etc/GMT+12": "<-12>12", "America/Tijuana": "PST8PDT,M3.2.0,M11.1.0", "Pacific/Fakaofo": "<+13>-13", "America/Martinique": "AST4", "America/Antigua": "AST4", "America/Indiana/Indianapolis": "EST5EDT,M3.2.0,M11.1.0", "America/Argentina/La_Rioja": "<-03>3", "Pacific/Tahiti": "<-10>10", "Asia/Brunei": "<+08>-8", "Europe/Zagreb": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Asuncion": "<-04>4<-03>,M10.1.0/0,M3.4.0/0", "Europe/Vienna": "CET-1CEST,M3.5.0,M10.5.0/3", "Australia/Hobart": "AEST-10AEDT,M10.1.0,M4.1.0/3", "America/Juneau": "AKST9AKDT,M3.2.0,M11.1.0", "America/Inuvik": "MST7MDT,M3.2.0,M11.1.0", "America/Ojinaga": "MST7MDT,M3.2.0,M11.1.0", "Europe/Astrakhan": "<+04>-4", "Europe/Saratov": "<+04>-4", "Asia/Seoul": "KST-9", "Indian/Comoro": "EAT-3", "Europe/Paris": "CET-1CEST,M3.5.0,M10.5.0/3", "Europe/Tallinn": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Indian/Mahe": "<+04>-4", "America/Argentina/Jujuy": "<-03>3", "America/Creston": "MST7", "America/Adak": "HST10HDT,M3.2.0,M11.1.0", "Asia/Singapore": "<+08>-8", "Africa/Nairobi": "EAT-3", "America/Maceio": "<-03>3", "Africa/Cairo": "EET-2", "Europe/Moscow": "MSK-3", "Antarctica/Palmer": "<-03>3", "Asia/Ulaanbaatar": "<+08>-8", "America/Rainy_River": "CST6CDT,M3.2.0,M11.1.0", "Africa/Kampala": "EAT-3", "Asia/Colombo": "<+0530>-5:30", "Australia/Adelaide": "ACST-9:30ACDT,M10.1.0,M4.1.0/3", "America/Cambridge_Bay": "MST7MDT,M3.2.0,M11.1.0", "Africa/Luanda": "WAT-1", "Pacific/Chatham": "<+1245>-12:45<+1345>,M9.5.0/2:45,M4.1.0/3:45", "America/Indiana/Winamac": "EST5EDT,M3.2.0,M11.1.0", "Asia/Tbilisi": "<+04>-4", "Europe/Gibraltar": "CET-1CEST,M3.5.0,M10.5.0/3", "Asia/Karachi": "PKT-5", "Australia/Lord_Howe": "<+1030>-10:30<+11>-11,M10.1.0,M4.1.0", "Etc/GMT-9": "<+09>-9", "Etc/GMT-8": "<+08>-8", "America/Bahia_Banderas": "CST6CDT,M4.1.0,M10.5.0", "Etc/GMT-1": "<+01>-1", "Etc/GMT-0": "GMT0", "Etc/GMT-3": "<+03>-3", "Etc/GMT-2": "<+02>-2", "Etc/GMT-5": "<+05>-5", "Etc/GMT-4": "<+04>-4", "Etc/GMT-7": "<+07>-7", "Etc/GMT-6": "<+06>-6", "America/Boa_Vista": "<-04>4", "Africa/Tripoli": "EET-2", "Indian/Reunion": "<+04>-4", "Atlantic/Stanley": "<-03>3", "Asia/Srednekolymsk": "<+11>-11", "CET": "CET-1CEST,M3.5.0,M10.5.0/3", "Etc/GMT-13": "<+13>-13", "America/Blanc-Sablon": "AST4", "Antarctica/Syowa": "<+03>-3", "America/Jamaica": "EST5", "Europe/Kiev": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Europe/Budapest": "CET-1CEST,M3.5.0,M10.5.0/3", "Pacific/Midway": "SST11", "America/Goose_Bay": "AST4ADT,M3.2.0,M11.1.0", "Asia/Amman": "EET-2EEST,M3.5.4/24,M10.5.5/1", "Asia/Sakhalin": "<+11>-11", "Africa/Windhoek": "WAT-1WAST,M9.1.0,M4.1.0", "America/Sitka": "AKST9AKDT,M3.2.0,M11.1.0", "America/Guyana": "<-04>4", "Pacific/Pohnpei": "<+11>-11", "America/Sao_Paulo": "<-03>3<-02>,M10.3.0/0,M2.3.0/0", "America/Lower_Princes": "AST4", "Australia/Perth": "AWST-8", "Africa/Djibouti": "EAT-3", "Asia/Jakarta": "WIB-7", "Asia/Pyongyang": "KST-8:30", "EST5EDT": "EST5EDT,M3.2.0,M11.1.0", "Africa/Johannesburg": "SAST-2", "Antarctica/Troll": "<+00>0<+02>-2,M3.5.0/1,M10.5.0/3", "Asia/Istanbul": "<+03>-3", "Asia/Irkutsk": "<+08>-8", "Africa/Niamey": "WAT-1", "America/Belem": "<-03>3", "America/Indiana/Marengo": "EST5EDT,M3.2.0,M11.1.0", "Africa/Nouakchott": "GMT0", "Europe/Vilnius": "EET-2EEST,M3.5.0/3,M10.5.0/4", "America/Cayenne": "<-03>3", "Africa/Mogadishu": "EAT-3", "America/Kentucky/Monticello": "EST5EDT,M3.2.0,M11.1.0", "America/Rio_Branco": "<-05>5", "America/Cancun": "EST5", "America/Havana": "CST5CDT,M3.2.0/0,M11.1.0/1", "Pacific/Guam": "ChST-10", "Pacific/Kosrae": "<+11>-11", "Atlantic/Azores": "<-01>1<+00>,M3.5.0/0,M10.5.0/1", "Australia/Eucla": "<+0845>-8:45", "Asia/Shanghai": "CST-8", "America/Rankin_Inlet": "CST6CDT,M3.2.0,M11.1.0", "Asia/Beirut": "EET-2EEST,M3.5.0/0,M10.5.0/0", "Africa/Maputo": "CAT-2", "Asia/Bahrain": "<+03>-3", "Asia/Ashgabat": "<+05>-5", "Asia/Riyadh": "<+03>-3", "Europe/London": "GMT0BST,M3.5.0/1,M10.5.0", "America/Montevideo": "<-03>3", "America/Anguilla": "AST4", "Asia/Damascus": "EET-2EEST,M3.5.5/0,M10.5.5/0", "America/North_Dakota/Center": "CST6CDT,M3.2.0,M11.1.0", "America/Indiana/Vevay": "EST5EDT,M3.2.0,M11.1.0", "Atlantic/St_Helena": "GMT0", "America/Barbados": "AST4", "Europe/Vatican": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Indiana/Vincennes": "EST5EDT,M3.2.0,M11.1.0", "Asia/Almaty": "<+06>-6", "America/Santo_Domingo": "AST4", "Africa/Brazzaville": "WAT-1", "America/Nome": "AKST9AKDT,M3.2.0,M11.1.0", "Asia/Taipei": "CST-8", "America/Yakutat": "AKST9AKDT,M3.2.0,M11.1.0", "America/Argentina/Mendoza": "<-03>3", "Australia/Currie": "AEST-10AEDT,M10.1.0,M4.1.0/3", "Etc/UTC": "UTC0", "Europe/Vaduz": "CET-1CEST,M3.5.0,M10.5.0/3", "Africa/Asmera": "EAT-3", "Antarctica/Mawson": "<+05>-5", "Asia/Kolkata": "IST-5:30", "Africa/Maseru": "SAST-2", "America/Atikokan": "EST5", "Asia/Kuching": "<+08>-8", "Africa/Libreville": "WAT-1", "Africa/Freetown": "GMT0", "Africa/Bissau": "GMT0", "Europe/Samara": "<+04>-4", "Europe/Amsterdam": "CET-1CEST,M3.5.0,M10.5.0/3", "Europe/Tirane": "CET-1CEST,M3.5.0,M10.5.0/3", "Pacific/Saipan": "ChST-10", "Africa/Abidjan": "GMT0", "Europe/Zaporozhye": "EET-2EEST,M3.5.0/3,M10.5.0/4", "HST": "HST10", "America/El_Salvador": "CST6", "Europe/Madrid": "CET-1CEST,M3.5.0,M10.5.0/3", "Africa/Juba": "EAT-3", "America/Argentina/Buenos_Aires": "<-03>3", "America/Argentina/San_Luis": "<-03>3", "Europe/Skopje": "CET-1CEST,M3.5.0,M10.5.0/3", "WET": "WET0WEST,M3.5.0/1,M10.5.0", "Asia/Atyrau": "<+05>-5", "America/Aruba": "AST4", "America/Regina": "CST6", "Pacific/Chuuk": "<+10>-10", "Asia/Khandyga": "<+09>-9", "Pacific/Funafuti": "<+12>-12", "America/Merida": "CST6CDT,M4.1.0,M10.5.0", "America/Guatemala": "CST6", "Africa/Sao_Tome": "GMT0", "Asia/Tomsk": "<+07>-7", "Asia/Makassar": "WITA-8", "Africa/Bujumbura": "CAT-2", "Europe/Chisinau": "EET-2EEST,M3.5.0,M10.5.0/3", "America/Monterrey": "CST6CDT,M4.1.0,M10.5.0", "Asia/Yekaterinburg": "<+05>-5", "Antarctica/Casey": "<+11>-11", "Pacific/Enderbury": "<+13>-13", "America/Thule": "AST4ADT,M3.2.0,M11.1.0", "America/St_Johns": "NST3:30NDT,M3.2.0,M11.1.0", "America/Moncton": "AST4ADT,M3.2.0,M11.1.0", "Europe/Helsinki": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Atlantic/Cape_Verde": "<-01>1", "America/Tegucigalpa": "CST6", "Indian/Cocos": "<+0630>-6:30", "America/Boise": "MST7MDT,M3.2.0,M11.1.0", "America/Guadeloupe": "AST4", "America/Nassau": "EST5EDT,M3.2.0,M11.1.0", "Europe/Prague": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Halifax": "AST4ADT,M3.2.0,M11.1.0", "Asia/Hovd": "<+07>-7", "America/Manaus": "<-04>4", "Etc/UCT": "UCT0", "Etc/Greenwich": "GMT0", "America/North_Dakota/Beulah": "CST6CDT,M3.2.0,M11.1.0", "America/Chihuahua": "MST7MDT,M4.1.0,M10.5.0", "America/Iqaluit": "EST5EDT,M3.2.0,M11.1.0", "America/Argentina/Rio_Gallegos": "<-03>3", "Pacific/Gambier": "<-09>9", "Europe/Volgograd": "<+03>-3", "Africa/Bamako": "GMT0", "Asia/Novokuznetsk": "<+07>-7", "Europe/Uzhgorod": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Africa/Banjul": "GMT0", "Asia/Aqtau": "<+05>-5", "Pacific/Palau": "<+09>-9", "Africa/Malabo": "WAT-1", "Europe/Minsk": "<+03>-3", "PST8PDT": "PST8PDT,M3.2.0,M11.1.0", "Atlantic/Madeira": "WET0WEST,M3.5.0/1,M10.5.0", "Pacific/Noumea": "<+11>-11", "Africa/Kinshasa": "WAT-1", "Europe/Malta": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Argentina/Ushuaia": "<-03>3", "Asia/Bangkok": "<+07>-7", "Pacific/Niue": "<-11>11", "Australia/Brisbane": "AEST-10", "America/Recife": "<-03>3", "MST": "MST7", "Asia/Yerevan": "<+04>-4", "America/La_Paz": "<-04>4", "Asia/Urumqi": "<+06>-6", "Africa/Lusaka": "CAT-2", "Pacific/Guadalcanal": "<+11>-11", "America/Yellowknife": "MST7MDT,M3.2.0,M11.1.0", "Asia/Vientiane": "<+07>-7", "Asia/Kuwait": "<+03>-3", "Africa/Conakry": "GMT0", "America/Argentina/Tucuman": "<-03>3", "Asia/Chita": "<+09>-9", "Europe/Oslo": "CET-1CEST,M3.5.0,M10.5.0/3", "America/St_Kitts": "AST4", "America/Panama": "EST5", "Africa/Gaborone": "CAT-2", "Asia/Hebron": "EET-2EEST,M3.5.6/1,M10.5.6/1", "America/Guayaquil": "<-05>5", "Asia/Kuala_Lumpur": "<+08>-8", "America/Menominee": "CST6CDT,M3.2.0,M11.1.0", "Asia/Kamchatka": "<+12>-12", "Factory": "<-00>0", "Asia/Vladivostok": "<+10>-10", "America/Matamoros": "CST6CDT,M3.2.0,M11.1.0", "Asia/Qatar": "<+03>-3", "Asia/Dubai": "<+04>-4", "Asia/Yakutsk": "<+09>-9", "Asia/Omsk": "<+06>-6", "Africa/Bangui": "WAT-1", "America/Paramaribo": "<-03>3", "Etc/GMT-11": "<+11>-11", "Etc/GMT-10": "<+10>-10", "Africa/Lubumbashi": "CAT-2", "Etc/GMT-12": "<+12>-12", "Etc/GMT-14": "<+14>-14", "Pacific/Marquesas": "<-0930>9:30", "Europe/Bratislava": "CET-1CEST,M3.5.0,M10.5.0/3", "Asia/Anadyr": "<+12>-12", "America/New_York": "EST5EDT,M3.2.0,M11.1.0", "Pacific/Norfolk": "<+11>-11", "CST6CDT": "CST6CDT,M3.2.0,M11.1.0", "Pacific/Rarotonga": "<-10>10", "America/Dominica": "AST4", "Africa/Porto-Novo": "WAT-1", "Asia/Samarkand": "<+05>-5", "Asia/Dushanbe": "<+05>-5", "America/Kentucky/Louisville": "EST5EDT,M3.2.0,M11.1.0", "America/Toronto": "EST5EDT,M3.2.0,M11.1.0", "America/Bahia": "<-03>3", "Indian/Maldives": "<+05>-5", "Africa/Accra": "GMT0", "Asia/Muscat": "<+04>-4", "America/Edmonton": "MST7MDT,M3.2.0,M11.1.0", "Pacific/Wake": "<+12>-12", "America/Indiana/Tell_City": "CST6CDT,M3.2.0,M11.1.0", "Australia/Darwin": "ACST-9:30", "America/Whitehorse": "PST8PDT,M3.2.0,M11.1.0", "America/Swift_Current": "CST6", "Europe/Copenhagen": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Argentina/Salta": "<-03>3", "America/Montserrat": "AST4", "Europe/Simferopol": "MSK-3", "Africa/Blantyre": "CAT-2", "America/Detroit": "EST5EDT,M3.2.0,M11.1.0", "America/Grenada": "AST4", "Atlantic/Faroe": "WET0WEST,M3.5.0/1,M10.5.0", "America/Indiana/Petersburg": "EST5EDT,M3.2.0,M11.1.0", "Asia/Kathmandu": "<+0545>-5:45", "Asia/Pontianak": "WIB-7", "Europe/Athens": "EET-2EEST,M3.5.0/3,M10.5.0/4", "America/Port-au-Prince": "EST5EDT,M3.2.0,M11.1.0", "America/Cayman": "EST5", "Etc/Universal": "UTC0", "Africa/Dar_es_Salaam": "EAT-3", "America/Curacao": "AST4", "Indian/Kerguelen": "<+05>-5", "Africa/Khartoum": "EAT-3", "Asia/Manila": "<+08>-8", "Africa/Lome": "GMT0", "Africa/Douala": "WAT-1", "EET": "EET-2EEST,M3.5.0/3,M10.5.0/4", "America/Argentina/San_Juan": "<-03>3", "America/North_Dakota/New_Salem": "CST6CDT,M3.2.0,M11.1.0", "America/Kralendijk": "AST4", "Pacific/Port_Moresby": "<+10>-10", "Europe/Jersey": "GMT0BST,M3.5.0/1,M10.5.0", "Europe/Andorra": "CET-1CEST,M3.5.0,M10.5.0/3", "Europe/Luxembourg": "CET-1CEST,M3.5.0,M10.5.0/3", "Pacific/Honolulu": "HST10", "America/St_Thomas": "AST4", "Pacific/Majuro": "<+12>-12", "Asia/Hong_Kong": "HKT-8", "Asia/Macau": "CST-8", "Europe/Isle_of_Man": "GMT0BST,M3.5.0/1,M10.5.0", "Europe/Belgrade": "CET-1CEST,M3.5.0,M10.5.0/3", "Asia/Choibalsan": "<+08>-8", "Europe/Mariehamn": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Antarctica/McMurdo": "NZST-12NZDT,M9.5.0,M4.1.0/3", "America/Thunder_Bay": "EST5EDT,M3.2.0,M11.1.0", "America/Los_Angeles": "PST8PDT,M3.2.0,M11.1.0", "America/Punta_Arenas": "<-03>3", "Indian/Antananarivo": "EAT-3", "Europe/Sarajevo": "CET-1CEST,M3.5.0,M10.5.0/3", "Atlantic/Reykjavik": "GMT0", "Asia/Nicosia": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Etc/GMT+11": "<-11>11", "Etc/GMT+10": "<-10>10", "Asia/Barnaul": "<+07>-7", "Pacific/Tongatapu": "<+13>-13<+14>,M11.1.0,M1.3.0/3", "America/Marigot": "AST4", "Pacific/Pitcairn": "<-08>8", "Atlantic/South_Georgia": "<-02>2", "Africa/El_Aaiun": "WET0WEST,M3.5.0,M10.5.0/3", "US/Pacific-New": "PST8PDT,M3.2.0,M11.1.0", "Europe/Kirov": "<+03>-3", "America/Campo_Grande": "<-04>4<-03>,M10.3.0/0,M2.3.0/0", "America/Dawson_Creek": "MST7", "Antarctica/Vostok": "<+06>-6", "Europe/Bucharest": "EET-2EEST,M3.5.0/3,M10.5.0/4", "America/Porto_Velho": "<-04>4", "Europe/Monaco": "CET-1CEST,M3.5.0,M10.5.0/3", "Asia/Bishkek": "<+06>-6", "Africa/Ceuta": "CET-1CEST,M3.5.0,M10.5.0/3", "Europe/Rome": "CET-1CEST,M3.5.0,M10.5.0/3", "America/Winnipeg": "CST6CDT,M3.2.0,M11.1.0", "Asia/Aqtobe": "<+05>-5", "Africa/Dakar": "GMT0", "America/Fortaleza": "<-03>3", "Pacific/Tarawa": "<+12>-12", "America/Dawson": "PST8PDT,M3.2.0,M11.1.0", "Africa/Addis_Ababa": "EAT-3", "Pacific/Efate": "<+11>-11", "GMT": "GMT0", "Asia/Qyzylorda": "<+06>-6", "Europe/San_Marino": "CET-1CEST,M3.5.0,M10.5.0/3", "MET": "MET-1MEST,M3.5.0,M10.5.0/3", "Pacific/Auckland": "NZST-12NZDT,M9.5.0,M4.1.0/3", "America/Metlakatla": "AKST9AKDT,M3.2.0,M11.1.0", "America/Tortola": "AST4", "Etc/Zulu": "UTC0", "America/Denver": "MST7MDT,M3.2.0,M11.1.0", "Indian/Chagos": "<+06>-6", "America/Glace_Bay": "AST4ADT,M3.2.0,M11.1.0", "Pacific/Bougainville": "<+11>-11", "America/Hermosillo": "MST7", "Africa/Tunis": "CET-1", "Europe/Ulyanovsk": "<+04>-4", "Asia/Ust-Nera": "<+10>-10", "America/Resolute": "CST6CDT,M3.2.0,M11.1.0", "Etc/GMT": "GMT0", "Asia/Gaza": "EET-2EEST,M3.5.6/1,M10.5.6/1", "Europe/Dublin": "GMT0IST,M3.5.0/1,M10.5.0", "Antarctica/DumontDUrville": "<+10>-10", "America/Argentina/Catamarca": "<-03>3", "America/Indiana/Knox": "CST6CDT,M3.2.0,M11.1.0", "Europe/Nicosia": "EET-2EEST,M3.5.0/3,M10.5.0/4", "Africa/Timbuktu": "GMT0", "Asia/Novosibirsk": "<+07>-7", "EST": "EST5", "Africa/Kigali": "CAT-2", "America/Grand_Turk": "AST4", "Africa/Lagos": "WAT-1", "Europe/Sofia": "EET-2EEST,M3.5.0/3,M10.5.0/4", "America/Lima": "<-05>5", "America/Anchorage": "AKST9AKDT,M3.2.0,M11.1.0", "Pacific/Nauru": "<+12>-12"};

// define factory for data source
myApp.factory("TimeZones", function() {

  var timezones = [], item;

  for (var name in tzdata) {
      item = {};
      item.name = name;
      item.string = tzdata[name];
      timezones.push(item);
  }

  return timezones;
});

// setup controller and pass data source
myApp.controller("TypeaheadCtrl", function($scope, TimeZones) {
	
	$scope.selected = undefined;
	
	$scope.timezones = TimeZones;
  
  $scope.tzinfo = undefined;
  
  $scope.onSubmit = function() {
    $scope.tzinfo = $scope.selected;

    var tzstring = tzdata[$scope.selected];
    if(tzstring != undefined) {
      $scope.tzinfo += " (" + tzstring + ")";
    }
  }
});
              
            
!
999px

Console