title: How to put Calendar Icon to Datepicker in right side
body: <p>I am working on a React project, In my project I am trying to put the calendar icon on the right </p>
  
  <p>Side for Datepicker. Here I am using Fontawesome icons. But It is showing some error please </p>
  
  <p>help me to solve this.</p>
  
  <p>This is App.js</p>
  
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  import DatePicker from "react-datepicker";
  import "react-datepicker/dist/react-datepicker.css";
  
  class App extends Component {
    constructor(props) {
      super(props)
  
      this.state = {
        startDate: ''
      }
    }
  
    handleChange = date =&gt; {
      this.setState({
        startDate: date
      });
    };
  
    render() {
      return (
        &lt;DatePicker
        placeholderText={'Select date'}
          selected={this.state.startDate}
          onChange={this.handleChange}
          &lt;i class="far fa-calendar"&gt;&lt;/i&gt;
        /&gt;
      )
    }
  }
  
  export default App
  </code></pre>