UX: full revamp of local-dates form (#7357)

app/assets/javascripts/select-kit/components/timezone-input.js.es6

@@ -0,0 +1,31 @@
+import ComboBoxComponent from "select-kit/components/combo-box";
+import { default as computed } from "ember-addons/ember-computed-decorators";
+
+export default ComboBoxComponent.extend({
+  pluginApiIdentifiers: ["timezone-input"],
+  classNames: "timezone-input",
+  allowAutoSelectFirst: false,
+  fullWidthOnMobile: true,
+  filterable: true,
+  allowAny: false,
+
+  @computed
+  content() {
+    let timezones;
+
+    if (
+      moment.locale() !== "en" &&
+      typeof moment.tz.localizedNames === "function"
+    ) {
+      timezones = moment.tz.localizedNames();
+    }
+    timezones = moment.tz.names();
+
+    return timezones.map(t => {
+      return {
+        id: t,
+        name: t
+      };
+    });
+  }
+});