arqex / arqex/react-datetime

Inconsistency between text input and time picker

Open
#286 0 comments 4 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
2k
Forks
858
PR merge metrics
No merged PRs in 30d

Description

### I'm Submitting a ...

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

### Steps to Reproduce

1. open http://codepen.io/anon/pen/evveQG (a simple example of react-datetime with added timeFormat="h:mm:ss")
2. use time picker arrows to increase the time to 13:00:00 (not directly via the text input)

Also trying to
### Expected Results

Text input shows 13:00:00 - time picker shows 13:00:00

### Actual Results

Text input shows 1:00:00 - time picker shows 13:00:00
![example0](https://cloud.githubusercontent.com/assets/7294830/23792547/b1ec3eee-0587-11e7-8fba-6fb61e0e6691.png)

Also... inputing 13:00:00 directly causes the time picker reset (0:00:00)

![example1](https://cloud.githubusercontent.com/assets/7294830/23792553/ba09132c-0587-11e7-9277-e5381ae75875.png)

Contributor guide

Open the contributing guide

Research direction

Reproduce the mismatch in the linked CodePen using timeFormat="h:mm:ss", checking both time-picker arrow changes and direct 13:00:00 entry. No repository file or test is named; trace the component's text-input and time-picker handling, with the issue resolved when both display and accept the same value.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.