Moved code into src folder. Added build for component library.

src/components/input/SettingsButton.js

@@ -0,0 +1,37 @@
+import { Button, Icon, PopupTrigger, Popup, Form, FormRow } from 'react-basics';
+import TimezoneSetting from 'components/pages/settings/profile/TimezoneSetting';
+import DateRangeSetting from 'components/pages/settings/profile/DateRangeSetting';
+import Icons from 'components/icons';
+import useMessages from 'components/hooks/useMessages';
+import styles from './SettingsButton.module.css';
+
+export function SettingsButton() {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <PopupTrigger>
+      <Button variant="quiet">
+        <Icon>
+          <Icons.Gear />
+        </Icon>
+      </Button>
+      <Popup
+        className={styles.popup}
+        position="bottom"
+        alignment="end"
+        onClick={e => e.stopPropagation()}
+      >
+        <Form>
+          <FormRow label={formatMessage(labels.timezone)}>
+            <TimezoneSetting />
+          </FormRow>
+          <FormRow label={formatMessage(labels.defaultDateRange)}>
+            <DateRangeSetting />
+          </FormRow>
+        </Form>
+      </Popup>
+    </PopupTrigger>
+  );
+}
+
+export default SettingsButton;