diff --git a/src/app/pages/collection/collection.component.html b/src/app/pages/collection/collection.component.html
index 8bab2a0a..29f31a34 100644
--- a/src/app/pages/collection/collection.component.html
+++ b/src/app/pages/collection/collection.component.html
@@ -5,8 +5,7 @@
 		</div>
 		<div class="col-md-8 col-lg-9 col-xl-10">
 			<h3 class="text-center text-md-left p-2 p-md-3">{{collection.name}}</h3>
-			<h5 class="date" *ngIf="collection.endYear; else elseBlock">{{collection.startYear}} - {{collection.endYear}}</h5>
-			<ng-template #elseBlock><h5 class="date">{{collection.startYear}}</h5></ng-template>
+			<h5 class="date">{{getDate(collection)}}</h5>
 			<hr />
 			<app-items-grid [page]="shows"></app-items-grid>
 		</div>
diff --git a/src/app/pages/collection/collection.component.ts b/src/app/pages/collection/collection.component.ts
index 2abc4af9..a99a7cac 100644
--- a/src/app/pages/collection/collection.component.ts
+++ b/src/app/pages/collection/collection.component.ts
@@ -2,9 +2,11 @@ import {Component} from '@angular/core';
 import {Collection} from "../../../models/resources/collection";
 import {ActivatedRoute} from "@angular/router";
 import {DomSanitizer} from "@angular/platform-browser";
-import {Show} from "../../../models/resources/show";
+import {Show, ShowRole} from "../../../models/resources/show";
 import {Page} from "../../../models/page";
 import {People} from "../../../models/resources/people";
+import {LibraryItem} from "../../../models/resources/library-item";
+import {ItemsUtils} from "../../misc/items-utils";
 
 @Component({
 	selector: 'app-collection',
@@ -29,4 +31,9 @@ export class CollectionComponent
 	{
 		return this.sanitizer.bypassSecurityTrustStyle("url(" + this.collection.poster + ")");
 	}
+
+	getDate(item: LibraryItem | Show | ShowRole | Collection)
+	{
+		return ItemsUtils.getDate(item);
+	}
 }