In my application, I have multiple input component, and in some case, I would like to have a wrapper around those component to add some functionality.

Every input component is different some have some doesn't (like toggle).

I would like for the wrapper to get the HTML Input Element of the component he wrap IF there is one, or just get undefined if there is not.

Here a simplified [stackblitz][1]

I CAN'T use a reference #id inside all my inputs, I just would like a way to check the content, and get the Input Element.

Sadly, this do not work

@ContentChild(HTMLInputElement) input: ElementRef<HTMLInputElement>;

Is it possible ? or I need to find another way [1]: https://stackblitz.com/edit/angular-ivy-ks4mmt?file=src/app/input-wrapper/input-wrapper.component.ts