WidthRecalculationOnEnableStateChange.java

package com.vaadin.tests.components.datefield;

import java.time.LocalDate;

import com.vaadin.tests.components.TestBase;
import com.vaadin.tests.components.TestDateField;
import com.vaadin.ui.AbstractDateField;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;

public class WidthRecalculationOnEnableStateChange extends TestBase {
    @Override
    public void setup() {
        setTheme("reindeer-tests");

        final AbstractDateField df = new TestDateField();
        df.setValue(LocalDate.of(1970, 1, 15));
        df.setWidth("200px");
        df.addStyleName("enabled-readonly-styled");
        addComponent(df);
        addComponent(new Button("Toggle disabled for date field",
                new Button.ClickListener() {
                    @Override
                    public void buttonClick(ClickEvent event) {
                        df.setEnabled(!df.isEnabled());
                    }
                }));
        addComponent(new Button("Toggle read only for date field",
                new Button.ClickListener() {
                    @Override
                    public void buttonClick(ClickEvent event) {
                        df.setReadOnly(!df.isReadOnly());
                    }
                }));
    }

    @Override
    protected String getDescription() {
        return "Setting the disabled state doesn't recalculate the input element width. Setting the read-only state instead recalculates the width. In both cases, the popup button is hidden using CSS.<br><br>The DateField is also given a style name 'test', but that style isn't applied on the calendar popup element.";
    }

    @Override
    protected Integer getTicketNumber() {
        return 8085;
    }

}