1 files changed, 21 insertions, 3 deletions
diff --git a/animism-align/frontend/app/views/episode/components/episode.form.js b/animism-align/frontend/app/views/episode/components/episode.form.js
index 81446f1..51064a4 100644
--- a/animism-align/frontend/app/views/episode/components/episode.form.js
+++ b/animism-align/frontend/app/views/episode/components/episode.form.js
@@ -3,10 +3,12 @@ import { Link } from 'react-router-dom'
 
 import { capitalize } from 'app/utils'
 
-import { TextInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader } from 'app/common'
+import { TextInput, NumberInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader } from 'app/common'
 
 const newEpisode = () => ({
+  episode_number: '',
   title: '',
+  release_date: '',
   settings: {},
 })
 
@@ -104,8 +106,8 @@ export default class EpisodeForm extends Component {
     }
     const { isNew, onSubmit } = this.props
     const { data } = this.state
-    const requiredKeys = "title episode_number".split(" ")
-    const validKeys = "title settings".split(" ")
+    const requiredKeys = "title episode_number release_date".split(" ")
+    const validKeys = "title episode_number release_date settings".split(" ")
     const validData = validKeys.reduce((a,b) => { a[b] = data[b]; return a }, {})
     const errorFields = requiredKeys.filter(key => !validData[key])
     if (errorFields.length) {
@@ -138,6 +140,22 @@ export default class EpisodeForm extends Component {
             onChange={this.handleChange}
             autoComplete="off"
           />
+          <NumberInput
+            title="Episode number"
+            name="episode_number"
+            required
+            data={data}
+            onChange={this.handleChange}
+            autoComplete="off"
+          />
+          <TextInput
+            title="Release Date"
+            name="release_date"
+            required
+            data={data}
+            onChange={this.handleChange}
+            autoComplete="off"
+          />
           <Checkbox
             label="Episode is live"
             name="is_live"