A simple AngularJS directive to create timezone select. It uses chosen to create auto-complete timezone select. Timezone information comes from moment. Countries timezone data comes from TimezoneDB.

The user is able to choose their timezone by either typing the name of their country, or the name of the timezone directly.

The angular model that is bound to this directive will be set to the timezone name as used by moment-timezone i.e Pacific/Auckland.

View Demo

Usage

Install using bower

bower install angular-timezone-selector

Make your Angular module depend on module angular-timezone-selector.

angular.module('timezoneSelectExample', ['angular-timezone-selector']);

Then use directive timezone-selector.

<timezone-selector ng-model="timezone">

Attributions

Inspired by angular-timezone-select from alexcheng1982.

Styled using the examples from bootstrap-chosen by alxlit