
<app-generic-header
  showBack="!getPassdirfromNotifiPage"
  [updateDirection]="getPassdirfromNotifiPage" 
  [headerText]="headerTitle"
  (trigger)="closeModal()"
  >
</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">
    <div #containerDivTwo id="containerDivTwo"></div>
  </div>
</ion-content>

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