render()

in src/components/view/TimeGrouping/TimeGrouping.tsx [55:75]


  render() {
    return (
      <div className={cx(`gf-form-label`, styles)}>
        <FieldValidation
          invalid={this.state.timeGroupingError !== '' && this.state.timeGroupingError != null}
          text={this.state.timeGroupingError}
        >
          <Segment
            Component={
              <div className="gf-form-label pointer">
                <div>time({this.props.value?.label})</div>
              </div>
            }
            options={this.props.intervals}
            allowCustomValue
            onChange={this.onChangeInterval}
          />
        </FieldValidation>
      </div>
    );
  }