renderTopHalfOfForm() {
    return (
      <div>
        <Form.Group>
          <PersonalInfo info={this.state} handleChange={this.handleChange} />
        </Form.Group>
        <Form.Field>
          <label>Date that you met</label>
          <DatePicker
            selected={this.state.met_date}
            onChange={this.handleDateChange}
          />
        </Form.Field>
        <Segment>
          <label>LEAD</label>
          <RadioButtons handleRadioChange={this.handleRadioChange} />
        </Segment>
      </div>
    );
  }
//Personal Info, Date Met and Lead status
Personal Info, Date Met and Lead status
Personal Info Date Met and Lead status
renderTopHalfOfForm() {
    return (
      <div>
        <Form.Group>
          <PersonalInfo info={this.state} handleChange={this.handleChange} />
        </Form.Group>
        <Form.Field>
          <label>Date that you met</label>
          <DatePicker
            selected={this.state.met_date}
            onChange={this.handleDateChange}
          />
        </Form.Field>
        <Segment>
          <label>LEAD</label>
          <RadioButtons handleRadioChange={this.handleRadioChange} />
        </Segment>
      </div>
    );
  }
renderTopHalfOfForm ( ) { return ( < div > < Form . Group > < PersonalInfo info = { this . state } handleChange = { this . handleChange } / > < / Form . Group > < Form . Field > < label > Date that you met < / label > < DatePicker selected = { this . state . met_date } onChange = { this . handleDateChange } / > < / Form . Field > < Segment > < label > LEAD < / label > < RadioButtons handleRadioChange = { this . handleRadioChange } / > < / Segment > < / div > ) ; }
Personal Info, Date Met and Lead status
Personal Info Date Met and Lead status