Placeholder not showing

<Datepicker placeholderText="Click to select a date" selected={this.state.startDate}

The problem is that the datepicker show the date selected instead of the placeholder text. If i ever remove the selected attribute, the whole component stop working ( this behaviour is expected ). I’ve tried to change the startDate state by an empty string or an empty object and i got an error.

So i dont quite get the logic of this, the placeholder functionality is only working when the datepicker isn’t ?

[annetters]

This caught me as well. The demo does not explain that the placeholder won’t appear if the date is there. But changes to null worked.

class DatePickerContainer extends React.Component {
    constructor (props) {
        super(props)
        this.state = {
            startDate: ''

            // Enable this if you want todays date to appear by default
            // startDate: moment()
        };
        this.handleChange = this.handleChange.bind(this);
    }

    handleChange(date) {
        this.setState({
            startDate: date
        });
    }

    render() {
        return <DatePicker
            selected={this.state.startDate}
            onChange={this.handleChange}
            placeholderText="MM/DD/YYYY"
        />;
    }
}

[rafeememon]

To have no date selected you should set selected to null.

If i ever remove the selected attribute, the whole component stop working ( this behaviour is expected ).

Can you elaborate more on how it stops working? Why is this expected?