search

arqex / react-datetime

A lightweight but complete datetime picker react component.
1.99k stars 872 forks source link

Cursor moves to the end when editing the date/time value. #837

Open nanandn opened 2 years ago

nanandn commented 2 years ago

I'm Submitting a ...

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

Steps to Reproduce

An example source code - https://codesandbox.io/s/react-datetime-bug-1r8ihy?file=/src/App.js

Expected Results

The cursor stays in place when editing.

Actual Results

The cursor moves to the end.

Minimal Reproduction of the Problem

The steps to reproduce is shown in the attached video. In the video notice how the cursor moves to the end of the text field once editing starts. This happens when the "value" and "timeFormat" props are provided.

https://user-images.githubusercontent.com/1680655/174718300-1fced961-baed-4625-b38d-0510aef8b615.mov