
<app-generic-header
showBack="!getPassdirfromNotifiPage"
[updateDirection]="getPassdirfromNotifiPage" 
[headerText]="headerTitle"
(trigger)="closeModal()"
class="dependent-title"
>
</app-generic-header>


<ion-content padding>
<ion-item  class="country dynamicField" lines="none" *ngIf="targetValue === 'correct' && showEffectiveDate"> 
  <ion-label>Effective Date</ion-label>
  <ion-label>{{showEffectiveDate}}</ion-label>
</ion-item>
<div #containerDiv id="containerDiv" *ngIf="!isDelete">
  <div #containerDivTwo id="containerDivTwo"></div>
</div>
<ion-item [ngClass]=" direction === 'en' ?  'custom-text-area-element padding_date Field-en' : 'custom-text-area-element padding_date Field-ar'" *ngIf="isDelete">
  <ion-label position='floating' class="colBold requiredClass">{{ts.trPK('submitAbsence','endDate')}} </ion-label>
  <ion-datetime  (ionChange)="calcDay()" [(ngModel)]="endDate"  min="1900" max="2100" displayFormat="MMM/DD/YYYY"  placeholder="MM/DD/YYYY" required
  cancelText="{{ts.trPK('general','cancel')}}"
       doneText="{{ts.trPK('general','done')}}"></ion-datetime>
      </ion-item>
</ion-content>

<ion-footer>
<div class="centerDiv">
  <ion-button class="addEitOkButton" color="customnavy" ion-button (click)="submitTransaction()">
    {{'vacation-rule, next-label' | translate}}</ion-button>
  
</div>
</ion-footer>