@if (time() && date()) {
  <span (click)="isClosable() ? execute.emit() : null">
    <div>
      <span class="pi-chip-affix">
        <span class="pi-chip-affix__time"> {{ timeValue }}h </span>
      </span>
      <span>{{ dateValue }}</span>
    </div>
    @if (isClosable()) {
      <mat-icon
        svgIcon="close"
        [color]="color()"
        class="pi-chip-close-icon"
      ></mat-icon>
    }
  </span>
} @else {
  <span (click)="isClosable() ? execute.emit() : null">
    <div>
      <span class="pi-chip-affix">
        @if (time()) {
          <span class="pi-chip-affix__time"> {{ timeValue }}h </span>
        } @else {
          <span class="pi-chip-affix__date"> {{ dateValue }} </span>
        }
      </span>
    </div>
  </span>
}