Don't work the clear method in DatePicker when inputted invalid value

Question

Don't work the clear method in DatePicker when inputted invalid value. I found mention of this bug in several articles https://github.com/vaadin/flow-components/issues/1696, but I can't find any solutions. I thought call "onClearButtonClick" function from js in java code. This function called when click in the clear button inside DatePicker.

Please provide enough code so others can better understand or reproduce the problem. — Community, Feb 09 '22 at 11:24

score 2 · Accepted Answer · answered Feb 03 '22 at 11:54

2

https://github.com/vaadin/flow-components/issues/2176 mentions two potential workarounds also there is new comment in the original ticket suggesting to call datePicker.getElement().executeJs("this.inputElement.value = ''") from the Java code to forcefully clear the DatePicker.

answered Feb 03 '22 at 11:54

Eisenknurr

374
1
13

Please mark the answer accepted if it solved your problem :) – Anna Koskinen Feb 04 '22 at 12:41

score 0 · Answer 2 · answered Oct 13 '22 at 11:09

0

In Vaadin 14 you can execute js to set the value to null but don't forget to dispatch the change event.

document.getElementById('yourdatepicker').value = null;
document.getElementById('yourdatepicker').dispatchEvent(new Event('change'));

answered Oct 13 '22 at 11:09

Zoltan Petrenyi

1

Don't work the clear method in DatePicker when inputted invalid value

2 Answers2