How to show a single calendar in react-dates?

Question

I need to integrate SingleDatePicker from react-dates.

This is what I have written in the code

<SingleDatePicker
    date={moment()} 
    onDateChange={date => this.setState({ date })} 
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    id="your_unique_id"
/>

Now it shows me double calendar.

But I need to show only single. Something like this

Is there any option in the SingleDatePicker to do this?

lokk that :http://airbnb.io/react-dates/?selectedKind=SDP%20-%20Calendar%20Props&selectedStory=single%20month&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel — Angelotti, Jan 30 '19 at 08:13

score 2 · Accepted Answer · edited Jan 30 '19 at 09:45

2

you can try this:

<SingleDatePicker
    date={moment()} 
    onDateChange={(date) => this.setState({ date })}
    numberOfMonths={1},
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    id="your_unique_id"
/>

edited Jan 30 '19 at 09:45

Profer

553
8
40
81

answered Jan 30 '19 at 09:01

Angelotti

673
1
6
20

How to show a single calendar in react-dates?

1 Answers1