render()

in src/js/components/DateTimeFormatPicker.react.js [128:163]

• 25 lines of code
• 3 McCabe index (conditional complexity)

  render() {
    let valid =
      !!this.state.displayedDateTime &&
      this.state.displayedDateTime === this.expectedDateTime();
    let classes = classNames({
      'datetime-picker': true,
      match: valid,
      mismatch: !valid,
    });

    let warning = valid ? (
      <div className="notice">📅 {this.state.displayedDateTime}</div>
    ) : (
      <div className="warning">Unable to parse date using this format.</div>
    );

    return (
      <div className={classes}>
        <label className="sub-label">
          DateTime Format String (
          <a href="http://php.net/manual/en/function.date.php" target="_blank">
            PHP Date Format
          </a>
          )
        </label>
        <input
          type="text"
          placeholder={'Example: ' + DEFAULT_FORMAT}
          value={this.props.property.format}
          onChange={this.handleFormatChange}
          className="date-time-format"
        />
        {warning}
      </div>
    );
  }