eclipsesource / eclipsesource/jsonforms
Vue3 Vanilla Time & DateTime Renderer do not work as expected
- Dominant language
- TypeScript
- Stars
- 2.7k
- Forks
- 424
- Avg merge
- 17d 8h
- Merged PRs (30d)
- 1
Description
### Describe the bug
Expectation:
I have a Date field (format=date), then I click on a day in the overlay and the day appears in the Input field and the overlay closes.
Actual situation:
If I have a Time/Datetime field (format=time/datetime) and I click on a time in the overlay, then the time appears in the Input field. When I want to close the window with a "click-out-side", the input field becomes empty again.
See here:
https://codesandbox.io/s/dazzling-water-tds7xh
is this behavior intentional?
the solution to the problem would be to use a v-model instead of a computed value in the datetime renderer.
### Expected behavior
I have a Date field (format=date), then I click on a day in the overlay and the day appears in the Input field and the overlay closes.
### Steps to reproduce the issue
1. Go to: https://tds7xh.csb.app/
2. Click on clock icon
3. Select a time
4. close the window with a click-out-side
### Screenshots
_No response_
### In which browser are you experiencing the issue?
Google Chrome 114.0.5735.124
### Which Version of JSON Forms are you using?
v3.*
### Framework
Vue 3
### RendererSet
Vanilla
### Additional context
I have fixed that behavior with a custom renderer, but it would be good to know if this is intentional or if there is a reason why it was solved this way.
Contributor guide
Assessment
This issue has not been assessed yet.