Как может я преобразовывать varchar поле формы: YYYYMMDD к дате и времени в T-SQL?

У вашего компонента есть «Shadow DOM», который служит для инкапсуляции всего, в том числе стилей в отдельном DOM, поэтому он в значительной степени существует, чтобы не допустить переопределения его стилей.

Ранее существовали некоторые «проникающие тени» CSS-директивы, такие как /deep/ и ::shadow, но они устарели и больше не работают.

Так что это примерно так и должно быть.

Теперь для обходных путей:

• создайте общий файл css и включите его как в ваш компонент, так и в ваше приложение - или
• установите стиль, используя JavaScript из вашего хост-приложения, используя Свойство shadowRoot:

var div = document.querySelector('#comp').shadowRoot.querySelector('div#red');
div.style['color'] = 'red';