Отображение средства выбора даты и времени Vaadin в макете столбца ⇐ JAVA

[Anonymous]

Я хочу отобразить средство выбора даты и времени в виде столбцов с помощью Vaadin 23.

Код: Выделить всё

DateTimePicker dateTimePicker = new DateTimePicker();
dateTimePicker.addClassName("stacked");
add(dateTimePicker);

Он состоит из двух входов. Если я помещу свойства CSS ниже, он не станет столбцом.

Код: Выделить всё

display: flex;
flex-direction: column;

Я посмотрел в теневой корень этого элемента, и внизу появился контейнер.

Код: Выделить всё

Когда я применяю свойства CSS в инструменте проверки Chrome к div.slots, мои два ввода отображаются в столбцах. Поэтому я использовал этот селектор в своем CSS-файле, но он не работает.

Код: Выделить всё

// In the file at: frontend/themes/common-theme/styles.css
:host(.stacked) .slots {
display: flex;
flex-direction: column;
}

У вас есть идея или решение?


Подробнее здесь: https://stackoverflow.com/questions/791 ... umn-layout