diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
index 0db8798927a..743a6e9235b 100644
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
@@ -78,16 +78,16 @@
         </ng-template>
 
         <div *ngIf="property.multivalued" class="adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable">
-            <mat-chip-list #chipList class="adf-textitem-chip-list">
-                <mat-chip
+            <mat-chip-listbox #chipList class="adf-textitem-chip-list">
+                <mat-chip-option
                     *ngFor="let propertyValue of property.displayValue; let idx = index"
                     [removable]="isEditable"
                     (removed)="removeValueFromList(idx)"
                 >
                     {{ propertyValue }}
                     <mat-icon *ngIf="isEditable" matChipRemove>cancel</mat-icon>
-                </mat-chip>
-            </mat-chip-list>
+                </mat-chip-option>
+            </mat-chip-listbox>
 
             <div
                 *ngIf="isEditable"