Я пытаюсь получить кнопку очистки даты, отображаемую в SingleDatePicker.Глядя на документацию, все, что мне нужно сделать, это добавить атрибут showClearDate в SingleDatePicker.Вот как я это реализовал:
<SingleDatePicker
date={null}
isOutsideRange={ (date) => {return false} }
id={detail.name}
showClearDate={true}
focused={focused}
numberOfMonths={ 1 }
onDateChange={ (date) => { handleDateChange( momentToISO(date) )}}
onFocusChange={({ focused }) =>{
handleFocusChange(focused)
}
}
/>
Everying работает нормально, если я удаляю атрибут showClearDate (не показывая кнопку конечно), но когда я добавляю этот атрибут в, я получаю исключение "не могу прочитать свойствоonClearDateMouseEnter из undefined "
Следующая информация взята из даты реакции SingleDatePickerInput.jsx, показывающей, где происходит ошибка.
{showClearDate && (
<button
{...css(
styles.SingleDatePickerInput_clearDate,
small && styles.SingleDatePickerInput_clearDate__small,
!customCloseIcon && styles.SingleDatePickerInput_clearDate__default,
!displayValue && styles.SingleDatePickerInput_clearDate__hide,
)}
type="button"
aria-label={phrases.clearDate}
disabled={disabled}
onMouseEnter={this.onClearDateMouseEnter} // here
onMouseLeave={this.onClearDateMouseLeave} // i imagine here too
onClick={onClearDate}
>
{closeIcon}
</button>
)}
В документации нет ссылки на необходимость предоставленияФункция onClearDateMouseEnter или любая другая ссылка на нее в коде.
Чего мне здесь не хватает?