code: function() {
      var timezone = this.props.timezone || ProjectUtils.getConstant('DEFAULT_TIMEZONE');
  
      if (this.isAbsolute()) {
        var timeframePicker = <AbsolutePicker time={this.props.time}
                              handleChange={this.props.handleChange} />;
      } else {
        var timeframePicker = <RelativePicker relativeIntervalTypes={ProjectUtils.getConstant('RELATIVE_INTERVAL_TYPES')}
                                              time={this.props.time}
                                              handleChange={this.props.handleChange} />;
      }
  
      return (
        <div className="timeframe">
          <div className="field-component">
            <label>Timeframe</label>
            <ul className="nav nav-pills" role="tablist">
              <li className={this.isRelative() ? 'active' : ''}>
                <a href="#" className="relative-tab" data-type="relative" onClick={this.toggleTimeframeType}>Relative</a>
              </li>
              <li className={this.isAbsolute() ? 'active' : ''}>
                <a href="#" className="absolute-tab" data-type="absolute" onClick={this.toggleTimeframeType}>Absolute</a>
              </li>
            </ul>
            {timeframePicker}
            <Timezone timezone={this.props.timezone}
                      timeframe_type={TimeframeUtils.timeframeType(this.props.time)}
                      handleChange={this.props.handleChange} />
          </div>
        </div>
      );
    }
docs: React Methods