Problem: Attempt to extend comcol-page-browse-by

Cannot pass a URL.  it is getting sanitized

src/app/+collection-page/collection-page.component.html

@@ -16,7 +16,8 @@
           <ds-comcol-page-content [content]="collection.sidebarText" [hasInnerHtml]="true" [title]="'community.page.news'">
           </ds-comcol-page-content>
           <!-- Browse-By Links -->
-          <ds-comcol-page-browse-by [id]="collection.id"></ds-comcol-page-browse-by>
+  
+          <ds-comcol-page-browse-by [id]="collection.id" [url]="'Test String Placholder for URL'"></ds-comcol-page-browse-by>
         </header>
         <ng-container *ngVar="(itemRD$ | async) as itemRD">
           <div *ngIf="itemRD?.hasSucceeded" @fadeIn>

src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html

@@ -1,6 +1,7 @@
 <div role="navigation" class="comcol-browse">
   <div class="comcol-browse-label">{{'browse.comcol.head' | translate}}</div>
   <div class="list-group list-group-horizontal">
+    <a href="{{url}}" class="list-group-item" routerLinkActive="active">{{url}} Submission date</a>
     <a *ngFor="let config of types" class="list-group-item" [routerLink]="['/browse/' + config.id]" [queryParams]="{scope: id}" routerLinkActive="active">{{'browse.comcol.by.' + config.id | translate}}</a>
   </div>
 </div>

src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.ts

@@ -16,6 +16,7 @@ export class ComcolPageBrowseByComponent implements OnInit {
    * The ID of the Community or Collection
    */
   @Input() id: string;
+  @Input() url: string;
 
   /**
    * List of currently active browse configurations