Datepicker date re-render.

pablodance commented 5 years ago

Issue

We have setup the datepicker as follows:

<DatePicker
                  style={{width: 200, fontSize:22}}
                  date={this.state.datetime}
                  mode="datetime"
                  format="DD-MM-YYYY HH:mm"
                  confirmBtnText="Confirm"
                  cancelBtnText="Cancel"
                  iconSource={require('../../images/icons/ico-calendar.png')}
                  customStyles={{
                    dateIcon: {
                      position: 'absolute',
                      left: 0,
                      top: 4,
                      marginLeft: 0
                    },
                    dateInput: {
                      marginLeft: 20,
                      borderWidth:0,
                      paddingLeft:0,
                      marginTop:0
                    }
                  }}
                  minuteInterval={10}
                  onDateChange={(datetime) => {this.setState({datetime: datetime});}}
                />`

We have the above implementation of datepicker within a report form. The (this.state.datetime) state is linked to a redux state. The initial state (this.state.datetime) is set as current date / time in the constructor method.

The process is to complete the form and press submit (where a report time /date is selected and stored)- the form is then sent to the server and the form component is then removed and a completed component displayed - which shows the committed data and contains an edit button.

If we press the edit button - for some reason the date={this.state.datetime} reverts to the current date / time and not (this.state.datetime) value. We can see that (this.state.datetime) is the correctly saved data - but for some confusing reason it does not update. However when updating the date the onDateChange function is updating the (this.state.datetime) value and the displayed value alters.

Can anyone shine any light / offer any advice please?

gilsonviana commented 5 years ago

@pablodance any update on this?

ConnectedReasoning commented 4 years ago

same issue here

nelsondavidmi commented 3 years ago

Same here, any solution ?

xgfe / react-native-datepicker

Datepicker date re-render. #341

Issue