From 4eb6b78d333c12c0cc089ab3cb59b74042234d2f Mon Sep 17 00:00:00 2001
From: Robert <robertbroersma@gmail.com>
Date: Wed, 1 Apr 2020 18:12:42 +0200
Subject: [PATCH] Add SelectField to @redwoodjs/web (#364)

---
 .../packages/web/src/form/form.js                | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/create-redwood-app-template/packages/web/src/form/form.js b/packages/create-redwood-app-template/packages/web/src/form/form.js
index c1b1702fda81..60b1d7c37673 100644
--- a/packages/create-redwood-app-template/packages/web/src/form/form.js
+++ b/packages/create-redwood-app-template/packages/web/src/form/form.js
@@ -207,6 +207,21 @@ const TextField = (props) => {
   )
 }
 
+// Renders a <select> field
+
+const SelectField = (props) => {
+  const { register } = useFormContext()
+  const tagProps = inputTagProps(props)
+
+  return (
+    <select
+      {...tagProps}
+      id={props.id || props.name}
+      ref={register(props.validation || { required: false })}
+    />
+  )
+}
+
 // Renders a <button type="submit">
 const Submit = React.forwardRef((props, ref) => (
   <button ref={ref} type="submit" {...props} />
@@ -221,5 +236,6 @@ export {
   HiddenField,
   TextAreaField,
   TextField,
+  SelectField,
   Submit,
 }