diff --git a/src/app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component.ts b/src/app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component.ts
index f29bef31..fb1fc468 100755
--- a/src/app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component.ts
+++ b/src/app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component.ts
@@ -32,9 +32,9 @@ export class ItemPageAbstractFieldComponent extends ItemPageFieldComponent {
     ];
 
     /**
-     * Label i18n key for the rendered metadata
+     * Label i18n key for the rendered metadata ('item.page.abstract')
      */
-    label = 'item.page.abstract';
+    @Input() label: string;
 
     /**
      * Use the {@link MarkdownPipe} to render dc.description.abstract values
diff --git a/src/app/item-page/simple/field-components/specific-field/date/item-page-date-field.component.ts b/src/app/item-page/simple/field-components/specific-field/date/item-page-date-field.component.ts
index 5a7d56b7..634c71ad 100755
--- a/src/app/item-page/simple/field-components/specific-field/date/item-page-date-field.component.ts
+++ b/src/app/item-page/simple/field-components/specific-field/date/item-page-date-field.component.ts
@@ -1,5 +1,4 @@
 import { Component, Input } from '@angular/core';
-
 import { Item } from '../../../../../core/shared/item.model';
 import { ItemPageFieldComponent } from '../item-page-field.component';
 
@@ -8,7 +7,7 @@ import { ItemPageFieldComponent } from '../item-page-field.component';
     templateUrl: '../item-page-field.component.html'
 })
 /**
- * This component is used for displaying the issue date (dc.date.issued) metadata of an item
+ * This component is used for displaying date metadata of an item
  */
 export class ItemPageDateFieldComponent extends ItemPageFieldComponent {
 
@@ -21,19 +20,19 @@ export class ItemPageDateFieldComponent extends ItemPageFieldComponent {
      * Separator string between multiple values of the metadata fields defined
      * @type {string}
      */
-    separator = ', ';
+    @Input() separator: string = ', ';
 
     /**
      * Fields (schema.element.qualifier) used to render their values.
-     * In this component, we want to display values for metadata 'dc.date.issued'
+     * By default, it displays values for metadata 'dc.date.issued'
      */
-    fields: string[] = [
+    @Input() fields: string[] = [
         'dc.date.issued'
     ];
 
     /**
      * Label i18n key for the rendered metadata
+     * By default, it uses 'item.page.date'
      */
-    label = 'item.page.date';
-
+    @Input() label: string = 'item.page.date';
 }
diff --git a/src/app/item-page/simple/field-components/specific-field/item-page-field.component.ts b/src/app/item-page/simple/field-components/specific-field/item-page-field.component.ts
index fc526dab..2655ad21 100755
--- a/src/app/item-page/simple/field-components/specific-field/item-page-field.component.ts
+++ b/src/app/item-page/simple/field-components/specific-field/item-page-field.component.ts
@@ -17,8 +17,7 @@ import { getRemoteDataPayload } from '../../../../core/shared/operators';
 })
 export class ItemPageFieldComponent {
 
-    constructor(protected browseDefinitionDataService: BrowseDefinitionDataService) {
-    }
+    constructor(protected browseDefinitionDataService: BrowseDefinitionDataService) {}
 
     /**
      * The item to display metadata for
@@ -28,28 +27,28 @@ export class ItemPageFieldComponent {
     /**
      * Whether the {@link MarkdownPipe} should be used to render this metadata.
      */
-    enableMarkdown = false;
+    @Input() enableMarkdown = false;
 
     /**
      * Fields (schema.element.qualifier) used to render their values.
      */
-    fields: string[];
+    @Input() fields: string[];
 
     /**
      * Label i18n key for the rendered metadata
      */
-    label: string;
+    @Input() label: string;
 
     /**
      * Separator string between multiple values of the metadata fields defined
      * @type {string}
      */
-    separator = '<br/>';
+    @Input() separator = '<br/>';
 
     /**
      * Whether any valid HTTP(S) URL should be rendered as a link
      */
-    urlRegex?: string;
+    @Input() urlRegex?: string;
 
     /**
      * Return browse definition that matches any field used in this component if it is configured as a browse