如何在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} /> }
 />

然后发生这种情况

感谢您的帮助