Не могу выбрать день, если в строке - PullRequest
Новая
       13

Не могу выбрать день, если в строке

1 голос
/ 25 июня 2019

Не могу не выбрать день на выходных. Курсор не изменен. Можно выбрать только дни в ширине div, в котором находится указатель даты. Как я могу это исправить? Я привожу пример использования начальной загрузки, чтобы показать проблему. 

import React from "react";

import DatePicker from "react-datepicker";

class KSTabs extends React.Component {
    constructor(props) {
        super(props);
        this.handleChange = this.handleChange.bind(this);
        this.onOpenDatepicker = this.onOpenDatepicker.bind(this);

        this.state = {
            startDate: Date.now(),
            isOpen: false
        };
    }

    onOpenDatepicker = () => {
        this.setState({ isOpen: !this.state.isOpen });
    };

    handleChange(date) {
        this.setState({ isOpen: !this.state.isOpen, date: date });
    }

    render() {
        return (
            <div className="row">
                <div className="col-sm-2">
                    <button onClick={this.onOpenDatepicker}> Open</button>
                    {this.state.isOpen && (
                    <DatePicker
                        selected={this.state.startDate}
                        onChange={this.handleChange}
                        inline
                        />
                    )}
                </div>
                <div className="col-sm-2" />
            </div>
        );
    }
}
export default KSTabs;

Редактировать

Когда календарь открыт, я могу выбрать первый день слева, но не могу выбрать первую дату справа. Столбец div имеет ширину 185 пикселей и средство выбора даты 240 пикселей. Каждый день за пределами 185 пикселей не может быть выбран.

...