title: Reactjs FormControl Date
body: <p>I’m pretty new to front end development and am working with React currently. I’m trying to use a date input field which I currently have working. I want to format the box, the width etc of the input field. </p>
  
  <p>I’m using React bootstrap formcontol with a type date. How would I go about formatting the input of the date field? I’m sure this question has been asked before, but with my little knowledge of how this is don’t I don’t know the correct question to look for. Are you formatting the FormControl or the input field? How do you distinguish the field. Etc</p>
  
  <pre><code>function renderForm() {
      return (
        &lt;form onSubmit={handleSubmit}&gt;
          &lt;FormGroup controlId="email" bsSize="large"&gt;
            &lt;ControlLabel&gt;Email&lt;/ControlLabel&gt;
            &lt;FormControl
              autoFocus
              type="email"
              placeholder="Email Address"
              value={fields.email}
              onChange={handleFieldChange}
            /&gt;
          &lt;/FormGroup&gt;
          &lt;FormGroup controlId="date" bsSize="large"&gt;
            &lt;ControlLabel&gt;Birthday&lt;/ControlLabel&gt;
            &lt;FormControl
              type="date"
            /&gt;
          &lt;/FormGroup&gt;
          &lt;FormGroup controlId="password" bsSize="large"&gt;
            &lt;ControlLabel&gt;Password&lt;/ControlLabel&gt;
            &lt;FormControl
              type="password"
              placeholder="Password"
              value={fields.password}
              onChange={handleFieldChange}
            /&gt;
          &lt;/FormGroup&gt;
          &lt;FormGroup controlId="confirmPassword" bsSize="large"&gt;
            &lt;ControlLabel&gt;Confirm Password&lt;/ControlLabel&gt;
            &lt;FormControl
              type="password"
              placeholder="Confirm Password"
              onChange={handleFieldChange}
              value={fields.confirmPassword}
            /&gt;
          &lt;/FormGroup&gt;
          &lt;LoaderButton
            block
            type="submit"
            bsSize="large"
            isLoading={isLoading}
            disabled={!validateForm()}
          &gt;
            Signup
          &lt;/LoaderButton&gt;
        &lt;/form&gt;
      );
    }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Lv5Pw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lv5Pw.jpg" alt="Example"></a></p>