Input of type number not working as expected

I’m working on the frontend of a web app using Angular. I would like to create a table in which I can insert numbers. So this is my code (just for one column):

<mat-table [dataSource]="dataSource">
    <ng-container matColumnDef="1">
          <mat-header-cell *matHeaderCellDef>1</mat-header-cell>
          <mat-cell *matCellDef="let element">
            <mat-form-field appearance="fill" class="p-1rem">
              <input matInput autocomplete="off" type="number" [ngModel]="element.day1?.workMinutes" (ngModelChange)="saveChanges(1, element, $event)"/>
            </mat-form-field>
          </mat-cell>
     </ng-container>
    <mat-header-row *matHeaderRowDef="monthDisplayedColumns; sticky: true"></mat-header-row>
    <mat-row *matRowDef="let row; columns: monthDisplayedColumns;"></mat-row>
 </mat-table>

However, even if I’ve added type="number" in the input tag, it doesn’t display the two small "arrows" on the right, that allow me to increase/decrease the chosen number: it seems like I’ve added type="text". Do you have any suggestion? Thanks a lot!

Source: Angular Questions