react-datetime icon indicating copy to clipboard operation
react-datetime copied to clipboard

The time picker hit some race condition and is buggy when using a controlled value

Open paintoshi opened this issue 3 years ago • 0 comments

I'm Submitting a ...

[ x ] Bug report
[ ] Feature request
[ ] Support request

Steps to Reproduce

I'm using the datepicker value in order to update it programmatically. From what I can find on the docs, this should be the correct way of doing it.

const [curentDate, setCurentDate] = React.useState(initValue)
const onChangeDate = (date: any) => {
    setCurentDate(date)
}
<Datetime
    value={curentDate}
    onChange={onChangeDate}
    ....

Expected Results

Selecting a date and time should be smooth.

Actual Results

Selecting the date is fine, but when increasing/desceasing hours/min it works about 50% of the time. It instantly switches back to the previous value. Removing "value" from the datePicker and using the initalValue instead solves the problem, but then I can't change the date from other components.

https://user-images.githubusercontent.com/88572775/162618285-fb4c8f83-dfe4-4fc2-8401-ba0413167908.mp4

paintoshi avatar Apr 10 '22 12:04 paintoshi