How to set default value in Calendar

[mpprime]

Hi.
I'm trying to put the default day into a Calendar component.
at the moment I set it fixed in the state:

Code: Select all

    this.state = {
            start: '18/06/2020'
        };
        
        
        <Calendar id="data_inizio" showIcon={true} value={this.state.start} required
                                          onChange={(e) => this.setState({start: e.value, minDate: e.value})}
                                          dateFormat="dd/mm/yy" monthNavigator={true} yearNavigator={true}
                                          yearRange="2020:2030" touchUI={true}/>

but the Calendar is always empty.

[mert.sincan]

Hi,

Sorry for the delayed response! Could you please try to add it as a Date object to value property?

Best Regards,

[snake pliskin]

Hi mert.sincan!

Please, example

[snake pliskin]

hi!
i solved the problem.
just need to initialize useState with a Date object.
as you said. thanks for the tip.

[mert.sincan]

You're welcome!

Best Regards,