diff --git a/src/material/datepicker/calendar.scss b/src/material/datepicker/calendar.scss
index aabdee6aa8c8..ec7358846f7c 100644
--- a/src/material/datepicker/calendar.scss
+++ b/src/material/datepicker/calendar.scss
@@ -125,6 +125,3 @@ $calendar-next-icon-transform: translateX(-2px) rotate(45deg);
   }
 }
 
-.mat-calendar-abbr {
-  text-decoration: none;
-}
diff --git a/src/material/datepicker/month-view.html b/src/material/datepicker/month-view.html
index 35deaf2339c2..736d7eff7cd1 100644
--- a/src/material/datepicker/month-view.html
+++ b/src/material/datepicker/month-view.html
@@ -1,11 +1,8 @@
 <table class="mat-calendar-table" role="grid">
   <thead class="mat-calendar-table-header">
     <tr>
-      <!-- For the day-of-the-week column header, we use an `<abbr>` element because VoiceOver
-           ignores the `aria-label`. ChromeVox, however, does not read the full name
-           for the `<abbr>`, so we still set `aria-label` on the header element. -->
       <th scope="col" *ngFor="let day of _weekdays" [attr.aria-label]="day.long">
-        <abbr class="mat-calendar-abbr" [attr.title]="day.long">{{day.narrow}}</abbr>
+        {{day.narrow}}
       </th>
     </tr>
     <tr><th aria-hidden="true" class="mat-calendar-table-header-divider" colspan="7"></th></tr>