Vaadin 14
I have created my custom component: DateTimePicker which basically
<label part="label">[[label]
]</label>
<div style="flex-direction: row;">
<vaadin-date-picker id="date_picker" style="width: 46%"></vaadin-date-picker>
<vaadin-time-picker id="time_picker" style="width: 46%"></vaadin-time-picker>
</div>
I prepared java class around this component and it’s working perfectly but when I try to add this component to FormLayout with the following setup:
formLayout.setResponsiveSteps(new FormLayout.ResponsiveStep("25em", 1), new FormLayout.ResponsiveStep("32em", 2), new FormLayout.ResponsiveStep("40em", 3));
all standard components: TextField, ComboBox etc. can display label properly but my component display the label inside itself instead of display it at the same place as standard component do.
Should my component expose any special properties or should implement specific interface?
Is there any tutorial that describes how create custom component that works with FormLayout and is displayed properly?
In attachment screenshot with the problem.