How can I detect an element from the HTML when there is no such element, here is a range picker I want to detect the custom range item in typescript

this is the HTML code

                  <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>

this is the HTML code which is visible only when I open the dev panel on a browser