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.
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">Inspired by angular-timezone-select from alexcheng1982.
Styled using the examples from bootstrap-chosen by alxlit