react-final-form-ios-chrome-login.js

  <Form
          onSubmit={props.handleSubmit}
          render={({ handleSubmit, submitting, submitError, values }) => (
            <form
              className="col-md-8 offset-md-2 col-xs-12 text-center"
              onSubmit={handleSubmit}
            >
              <Field name="email" validate={formValidate.required}>
                {({ input, meta }) => (
                  <div>
                    <input
                      {...input}
                      className="form-control"
                      placeholder="Email or Username"
                      type="text"
                    />

                    <FormFieldError {...meta} />
                  </div>
                )}
              </Field>

              <Field name="password" validate={formValidate.required}>
                {({ input, meta }) => (
                  <div>
                    <input
                      {...input}
                      className="form-control"
                      placeholder="Password"
                      type="password"
                    />

                    <FormFieldError {...meta} />
                  </div>
                )}
              </Field>

              {/*<Field name="terms" validate={formValidate.required}>*/}
              {/*{({ input, meta }) => (*/}
              {/*<div className="pt-2 text-center">*/}
              {/*<input*/}
              {/*{...input}*/}
              {/*id="terms"*/}
              {/*type="checkbox"*/}
              {/*/>*/}

              {/*<label className="small text-muted" htmlFor="terms">*/}
              {/*{' '}*/}
              {/*I agree to the <a href="/terms_and_conditions">terms & conditions</a>*/}
              {/*</label>*/}
              {/*</div>*/}
              {/*)}*/}
              {/*</Field>*/}

              {!submitting &&
                submitError && (
                  <div className="alert alert-danger m-3">{submitError}</div>
                )}

              <div className="m-3">
                <button
                  className="btn btn-primary btn-login"
                  disabled={submitting}
                >
                  {submitting ? (<div style={{ height: '25px' }}><Loading /></div>) : 'Login'}
                </button>
              </div>

              <div className="p-3 text-center">
                <button
                  className="btn btn-link"
                  disabled={submitting}
                  onClick={() => this.context.setStep('ForgotPassword')}
                >
                  Forgot Password
                </button>
              </div>
            </form>
          )}
        />