reactjs - 如何在 react-day-picker DayPickerInput 中添加图标

Question

我一直无法在DayPickerInput组件中添加日历图标。

我努力了

import {FaCalendar} from "react-icons/fa";

<DayPickerInput
  component={props => <input icon={FaCalendar} {...props}/>}
/>

我得到以下

Warning: Invalid value for prop `icon` on <input> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details

我也尝试过添加这些

import { Input } from 'semantic-ui-react'

 <DayPickerInput                    
   component={props => <Input icon='calendar' {...props} /> }
 />

然后发生这种情况

谢谢您的帮助