<form #form="ngForm">
    <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-2">
            <label> Delay </label>
        </div>
        <div class="ui-g-12 ui-md-5">
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-6 ui-fluid">
                    <input [(ngModel)]="details.HrsDelay" name="HrsDelay{{details.ObjectID}}" fieldLabel="hrsDelay" type="text" pInputText class="ui-inputtext">
                </div>
                <div class="ui-g-12 ui-md-6 ui-fluid">
                    <input [(ngModel)]="details.MinsDelay" name="MinsDelay{{details.ObjectID}}" fieldLabel="minsDelay" type="text" pInputText class="ui-inputtext">
                </div>
            </div>
        </div>
    </div>
    <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-2">
            <label> Variance </label>
        </div>
        <div class="ui-g-12 ui-md-5">
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-6 ui-fluid">
                    <input [(ngModel)]="details.MinsVariance" name="MinsVariance{{details.ObjectID}}" fieldLabel="minsVariance" type="text" pInputText class="ui-inputtext">
                </div>
            </div>
        </div>
    </div>
    <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-2">
            <label>  </label>
        </div>
        <div class="ui-g-12 ui-md-5">
            <p-checkbox [(ngModel)]="details.BusinessHrsOnly" name="BusinessHrsOnly{{details.ObjectID}}" fieldLabel="businessHrsOnly" binary="true"></p-checkbox>
        </div>
    </div>
    <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-2 ui-fluid">
            <p-button label="Cancel"></p-button>
        </div>
        <div class="ui-g-12 ui-md-5 ui-fluid">
            <p-button label="Save"></p-button>
        </div>
    </div>
    <p-progressSpinner *ngIf="showLoader"></p-progressSpinner>
</form>