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
Install using bower
bower install angular-timezone-selector
Make your Angular module depend on module
Then use directive
Options can be included as attributes in the html element.
An example of using the options is below:
The screenshot below show angular-selector in action with all options enabled:
An example of using a custom placeholder message:
or with translate:
M Clark for adding options for primary & local timezones, and the ability to show and sort by offset.
a-k-g for fixing syntax error in data file and reminding me to update the bower tags!
Tom Grooffer for fixing a crash with JSTZ
karlhaas for fixing a crash when two instances were present on the same page and adding injectable strings and translations
G-Lex for adding the ability to set the width when creating the directive
Gu1 for making sure that moment was properly injected
tiagotex for adding the ability to set the local timezone as default, and fixing a bug where primary timezones with spaces wouldn't work
Rémy Dufour for adding Montreal as a timezone
Akiko Takano for adding more translation support