Скрыть подкомпонент vaddin-text- из компонента vaddin-date-picker - PullRequest
Новая
       16

Скрыть подкомпонент vaddin-text- из компонента vaddin-date-picker

0 голосов
/ 14 октября 2019

Я новичок в vaadin и пытаюсь создать экземпляр, который скрывает vaddin-text-filed от компонента data-picker.

Я начал с чтения документации для vaadin date picker о свойстве shadow DOMзаявлено здесь .

Я пытался использовать «Стили определения объема в модуле темы», но все это, включая значок календаря, исчезло.

Текущий код, как показано ниже, 

render() {
    return html`
    <dom-module id="trim-inputbox" theme-for="vaadin-date-picker">
      <template>
        <style>
          :host(.special_field) [part="text-field"] {
          visibility:hidden;
          }
        </style>
      </template>
    </dom-module>
    <vaadin-date-picker class="special_field"></vaadin-date-picker>
    `;
}

Большое спасибоеще раз за любую помощь.

1 Ответ

1 голос
/ 14 октября 2019

Как вы уже заметили, значок календаря является частью самого текстового поля. enter image description here

В разделе стилей есть пример использования <vaadin-date-picker-light>: 

<style>
   .my-input2 input {
     border: none;
     font-size: 14px;
     background: none;
   }
</style>

<vaadin-date-picker-light>
  <div class="my-input2">
    <iron-icon icon="event"></iron-icon>
      CHECK-IN:
       <iron-input>
         <input size="10">
       </iron-input>
    </div>
 </vaadin-date-picker-light>

Возможно, вы могли бы использоватьэто вместо этого?

...