Этот вопрос больше нацелен на созданные пользователем теневые элементы DOM, но для доступности я буду использоватьdate тип ввода для этого вопроса:

Скажем, например, у меня естьdate вход на моей странице. Отредактированная пара битов, теневая разметка DOM для этого (с использованием Chrome) выглядит примерно так:

<input type="date">
    #document-fragment
        <div pseudo="-webkit-datetime-edit">
            <div pseudo="-webkit-datetime-edit-fields-wrapper">
                <span role="spinbutton">dd</span>
                <div pseudo="-webkit-datetime-edit-text">/</div>
                <span role="spinbutton">mm</span>
                <div pseudo="-webkit-datetime-edit-text">/</div>
                <span role="spinbutton">yyyy</span>
            </div>
        </div>
        <div></div>
        <div pseudo="-webkit-calendar-picker-indicator"></div>

Методы и свойства, связанные сdate входные данные вообще не ссылаются на теневой DOM (JSFiddle), поэтому мне было интересно, как (если вообще) можно получить доступ к этим теневым элементам DOM?