DatePicker: add setAutoSelect API

[vaadin-miki]

When focusing the date picker, it should be possible to automatically select the text that is in the component, similarly to what textField.setAutoselect(true) does.

A workaround exists by adding a focus listener that executes JS that does this.$.input.inputElement.select() - but this relies on the internals of the component.

[hfazai]

+1

[web-padawan]

This is actually implemented in Vaadin 22 on the web component side vaadin/web-components#2750

The only remaining change is to copy setAutoSelect API and unit tests from TextField to DatePicker.

[hons82]

This should be added for TimePicker and DateTimePicker as well...
If I may express a wish 👍🏼

[kkleinwi]

Adding my vote for this enhancement.

[samie]

Here is a static helper for TextField and ComboBox, DatePicker TimePicker and DateTimePicker:

public static void setAutoselect(com.vaadin.flow.component.Component... components) {
        for (com.vaadin.flow.component.Component c: components) {
            if (c instanceof TextField) {
                ((TextField)c).setAutoselect(true);
            } else if (c instanceof ComboBox) {
                c.getElement().executeJavaScript("this.inputElement.autoselect=true;");
            } else if (c instanceof DatePicker) {
                c.getElement().executeJavaScript("this._inputElement.autoselect=true;");
            } else if (c instanceof DateTimePicker) {
                c.getElement().executeJavaScript("this.__datePicker._inputElement.autoselect=true;this.__timePicker.__inputElement.autoselect=true;");
            } else if ( c instanceof TimePicker) {
                c.getElement().executeJs("this.__inputElement.autoselect = true;");
            }
        }
    }