Putting a font awesome svg icon inside an input field

I'm trying to display these calender icons inside the input fields using font awesome svg icons as well as increase their size a bit. Does anyone know how it's done?

Imports:

import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
import { faCalendarAlt, faPlane} from '@fortawesome/free-solid-svg-icons'

Code Section:

            <div class="row">
                <div class="col-sm-6">
                <FontAwesomeIcon icon={faCalendarAlt} />
                <input 
                placeholder="Departure Date" 
                type="text" id="date-picker" 
                class="form-control datepicker mb-4" 
                ref={departureDate}
                />
                </div>
                <div class="col-sm-6">
                <FontAwesomeIcon icon={faCalendarAlt} />
                <input 
                placeholder="Arrival Date" 
                type="text" 
                id="date-picker" 
                class="form-control datepicker mb-4" 
                ref={arrivalDate}
                />
                </div>
            </div>