Chore: Updated mat inputs to better match the style guide. Removed placeholders in favour of labels.

overlord/src/app/ledger/ledger.component.html

@@ -11,11 +11,11 @@
     <form [formGroup]="form" class="flex flex-col">
       <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
         <mat-form-field class="flex-auto mr-5">
+          <mat-label>Start Date</mat-label>
           <input
             matInput
             [matDatepicker]="startDate"
             (focus)="startDate.open()"
-            placeholder="Start Date"
             formControlName="startDate"
             autocomplete="off"
           />
@@ -23,11 +23,11 @@
           <mat-datepicker #startDate></mat-datepicker>
         </mat-form-field>
         <mat-form-field class="flex-auto">
+          <mat-label>Finish Date</mat-label>
           <input
             matInput
             [matDatepicker]="finishDate"
             (focus)="finishDate.open()"
-            placeholder="Finish Date"
             formControlName="finishDate"
             autocomplete="off"
           />
@@ -37,11 +37,11 @@
       </div>
       <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
         <mat-form-field class="flex-auto basis-4/5 mr-5">
+          <mat-label>Account</mat-label>
           <input
             type="text"
             matInput
             #accountElement
-            placeholder="Account"
             [matAutocomplete]="auto"
             formControlName="account"
             autocomplete="off"