19 - Preset Input Value

Author: codingforentrepreneurs

src/reactify-ui/package-lock.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "moment": "^2.22.2",
     "react": "^16.4.0",
     "react-cookies": "^0.1.0",
     "react-dom": "^16.4.0",

src/reactify-ui/package.json

@@ -1,6 +1,7 @@
 import React, {Component} from 'react'
 import 'whatwg-fetch'
 import cookie from 'react-cookies'
+import moment from 'moment'
 
 class PostCreate extends Component {
     constructor(props){
@@ -97,12 +98,13 @@ class PostCreate extends Component {
             draft: false,
             title: null,
             content: null,
-            publish: null,
+            publish: moment(new Date()).format('YYYY-MM-DD'),
         })
         this.postTitleRef.current.focus()
     }
 
     render(){
+        const {publish} = this.state
         return (
             <form onSubmit={this.handleSubmit} ref={(el) => this.postCreateForm = el}>
                 <div className='form-group'>
@@ -129,7 +131,14 @@ class PostCreate extends Component {
                 </div>
                 <div className='form-group'>
                     <label for='publish'>Publish Date</label>
-                    <input type='date' id='publish' name='publish' className='form-control' onChange={this.handleInputChange} required='required'/>
+                    <input 
+                    type='date' 
+                    id='publish' 
+                    name='publish' 
+                    className='form-control' 
+                    onChange={this.handleInputChange}
+                     value={publish}
+                     required='required'/>
                 </div>
                 <button className='btn btn-primary'>Save</button>
                 <button className='btn btn-secondary' onClick={this.clearForm}>Cancel</button>