Pick a timezones using the svg map interface to populate input field with selected timezone name and offset.
Create text field with class zonepicker
Call zonepicker on the input $('input.zonepicker').zonepicker()
Behold! Map appears, hover over country to show timezones and then click to select the chosen timezone.