Экземпляр SingleDatePicker
отображает дату в моем компоненте Redux Form, но не запускается и не открывает календарь при нажатии.
Конструктор
constructor(props) {
super(props);
this.state = {
showCover: true,
coverPreview: null,
date: moment(),
calendarFocused: false
};
this.handleShowCoverChange = this.handleShowCoverChange.bind(this);
this.handleCoverPreview = this.handleCoverPreview.bind(this);
this.renderField = this.renderField.bind(this);
this.fileField = this.fileField.bind(this);
this.renderSingleDatePicker = this.renderSingleDatePicker.bind(this);
this.onDateChange = this.onDateChange.bind(this);
this.onFocusChange = this.onFocusChange.bind(this);
}
Методы SingleDatePicker
для изменения даты и фокуса
onDateChange(date) {
if (date) {
this.setState({ date });
}
}
onFocusChange({ focused }) {
this.setState({ calendarFocused: focused });
};
Это SingleDatePicker
метод визуализации
renderSingleDatePicker() {
return <SingleDatePicker
date={this.props.book ? moment(this.props.book.publishedAt) : moment()}
onDateChange={this.onDateChange}
focused={this.state.calendarFocused}
onFocusChange={this.onFocusChange}
numberOfMonths={1}
isOutsideRange={() => false}
id='add_book_form'
displayFormat='MM.DD.YYYY'
/>
}
Это Field
с использованием SingledatePicker
<Field
className='form-control'
name='releasedAt'
type='text'
component={this.renderSingleDatePicker}
label='Released At'
warn={[notEarlier1800]}
comment='Please provide a release date as YYYY-MM-DD. Optional'
/>
Что я пропустил? Полный компонент формы Redux находится на https://gist.github.com/ElAnonimo/6656c5b15cad5edc409ca078663c616a