¿Cómo puedo detectar un elemento del HTML cuando no existe tal elemento? Aquí hay un selector de rango. Quiero detectar el elemento de rango personalizado en mecanografiado.

este es el código HTML

 <form action="" id="dates"> <input [class.show-calend]="showCalendar" readonly="readonly" id="range-picker" type="text" class="form-control inspection_date" name="dateRange" placeholder="Add date" [formControl]="dateRange" style="cursor: pointer" daterangepicker (selectionDone)="onSelectionDone($event)" [options]="rangeOptions" (cancelDaterangepicker)="cancel($event)" (selected)="selectedDate($event)" (ngModelChange)="ngModelChange($event)" /> </form>

este es el código HTML que solo es visible cuando abro el panel de desarrollo en un navegador