Shared UI Component Library

<ga-avatar [src]="user.imageUrl" [name]="user.name" [size]="40"></ga-avatar>

<ga-status-badge [status]="task.status" [type]="'task'"></ga-status-badge>

<ga-date-range-picker
  [start]="startDate"
  [end]="endDate"
  (dateChange)="onDateChange($event)"
>
</ga-date-range-picker>

this.dialogService
  .open(ConfirmComponent, {
    context: {
      title: "Delete Task",
      message: "Are you sure you want to delete this task?",
    },
  })
  .onClose.subscribe((confirmed) => {
    if (confirmed) this.deleteTask();
  });

<ga-tags-input
  [tags]="selectedTags"
  [availableTags]="allTags"
  (tagsChange)="onTagsChange($event)"
>
</ga-tags-input>