SingleDatePicker не открывается при нажатии в форме Redux - PullRequest
0 голосов
/ 08 января 2019

Экземпляр 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...