How to change property of html input field that is inside a third party component in angular

Question

I am using the "owl-date-time" component as follows

<input type="text" class="form-control"
             [owlDateTime]="startDate"
             [(ngModel)]="fromDate">
<div class="input-group-addon" [owlDateTimeTrigger]="startDate" >
    <i class="fa fa-calendar"></i>
</div>
<owl-date-time #startDate showSecondsTimer="true" (afterPickerOpen)="onOpenStartDate($event)" ></owl-date-time>

In the html dom I see this:

As seen in the image I want to access some very inner input element and force the pattern field on the input element to be pattern="[0-9]{2}" or something similar

Can this be done?