title: Bootstrap DatePicker not displaying calendar icon
body: <p>My react component not displaying the calendar icon and even its not properly utilizing the css for selecting the date.
  Import Statements:</p>
  
  <pre><code>import 'bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css';
  import 'bootstrap-datepicker/dist/js/bootstrap-datepicker.min';
  </code></pre>
  
  <p>Input element properties:</p>
  
  <pre><code>var elementProps = {
          id: this.props.unique,
          type: "text",
          placeholder: this.props.placeholderText,
          className: this.props.className,
          onSelect: this.onSelect,
          //readOnly: "true"
      };
  </code></pre>
  
  <p>Rendering:</p>
  
  <pre><code>render() {
      return(
          &lt;div className="form-group"&gt;
              {this.renderLabel()}
              &lt;div id={this.state.inputDateGroupId} className="input-group date"&gt;
                  {React.createElement("input",this.state.elementProps)}
                  &lt;span className="input-group-addon"&gt;&lt;span className="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>Expected O/P:</p>
  
  <p><a href="https://i.stack.imgur.com/2NL2L.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2NL2L.jpg" alt="enter image description here"></a></p>
  
  <p>Result:
  <a href="https://i.stack.imgur.com/IavdF.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IavdF.jpg" alt="enter image description here"></a></p>
  
  <p>I even tried <code>&lt;i className="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;</code>alternate to <code>&lt;span&gt;</code></p>