[ui5-date-picker] improvement suggestions from discussions

Open
#12,982 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
30/100
Issue type
Refactor
Clarity
Needs clarification
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Start with the ui5-date-picker implementation and read the linked DOM manipulation anti-pattern guidance in CLAUDE.md. Review the four listed areas against openui5 behavior, including event details, value handling, and state rendering. Done means the agreed changes are implemented and each listed behavior is covered.

Written by the indexing model from the issue text.

Description

bug Medium Prio TOPIC B
Bug Description

Summarizing some previous discussion results, could be iterated further:

  • input event to be fired with same semantic as change event, assumption is that no one is interested in the temporary value while it is being typed, but this leads to issues when this temporary value is set via API back to the component. This would be preferred instead of telling people not to use this event.
  • value state should not be changed in onBeforeRendering, this is an anti pattern and also makes the component behave differently from openui5 (there the value is not changed when set from the API)
  • add isoValue to the event.details so apps that are interested in the value as ISO date don't have to go through hoops to parse the user visible value (isoValue -> value for 3.0)
  • don't use DOM as a state storage, model all state as properties and render via template (see DOM manipulation anti-pattern

cc: @vladitasev

Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from UI5/webcomponents

All issues in UI5/webcomponents

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.