如果是内联则无法选择日期

Question

我不能在周末选择一天。光标没有改变。只能选择日期选择器所在的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列的宽度为185px，日期选择器为240px。无法选择超出185px的每一天。