diff --git a/src/app/shared/browse-by/browse-by-starts-with/browse-by-starts-with-abstract.component.ts b/src/app/shared/browse-by/browse-by-starts-with/browse-by-starts-with-abstract.component.ts
index 5486deb057..a51ad5e2ea 100644
--- a/src/app/shared/browse-by/browse-by-starts-with/browse-by-starts-with-abstract.component.ts
+++ b/src/app/shared/browse-by/browse-by-starts-with/browse-by-starts-with-abstract.component.ts
@@ -39,6 +39,13 @@ export class BrowseByStartsWithAbstractComponent implements OnInit, OnDestroy {
     });
   }
 
+  /**
+   * Get startsWith as a number;
+   */
+  getStartsWithAsNumber() {
+    return +this.startsWith;
+  }
+
   /**
    * Set the startsWith by event
    * @param event
diff --git a/src/app/shared/browse-by/browse-by-starts-with/date/browse-by-starts-with-date.component.html b/src/app/shared/browse-by/browse-by-starts-with/date/browse-by-starts-with-date.component.html
index 43e53ea54d..0403e1b94f 100644
--- a/src/app/shared/browse-by/browse-by-starts-with/date/browse-by-starts-with-date.component.html
+++ b/src/app/shared/browse-by/browse-by-starts-with/date/browse-by-starts-with-date.component.html
@@ -16,7 +16,7 @@
       </select>
     </div>
     <div class="form-group input-group col-7 col-md-6">
-      <input class="form-control" placeholder="{{'browse.startsWith.type_year' | translate}}" type="number" name="startsWith" formControlName="startsWith" [value]="+startsWith" />
+      <input class="form-control" placeholder="{{'browse.startsWith.type_year' | translate}}" type="number" name="startsWith" formControlName="startsWith" [value]="getStartsWithAsNumber()" />
       <span class="input-group-append">
         <button class="btn btn-secondary" type="submit">{{'browse.startsWith.submit' | translate}}</button>
       </span>