Merge pull request #1338 from GSA/date-picker-icon

Date picker icon
GSA · Oct 19, 2023 · a2fe64b · a2fe64b
2 parents f5da299 + 5923beb
commit a2fe64b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/libs/packages/sam-formly/src/lib/formly/types/datepicker.ts b/libs/packages/sam-formly/src/lib/formly/types/datepicker.ts
@@ -18,8 +18,8 @@ import { FieldType } from '@ngx-formly/core';
         [placeholder]="to.placeholder ? to.placeholder : ''"
         (ngModelChange)="to.change ? to.change(field) : ''"
       />
-      <mat-datepicker-toggle class="padding-top-1" matSuffix [for]="picker">
-        <usa-icon [icon]="'calendar'" matDatepickerToggleIcon></usa-icon>
+      <mat-datepicker-toggle class="padding-left-1" matSuffix [for]="picker">
+        <usa-icon [icon]="'calendar'" matDatepickerToggleIcon [size]="'sm'"></usa-icon>
       </mat-datepicker-toggle>
       <mat-datepicker [startAt]="to.startDate" #picker></mat-datepicker>
     </div>

diff --git a/libs/packages/sam-formly/src/lib/formly/types/daterangepicker.ts b/libs/packages/sam-formly/src/lib/formly/types/daterangepicker.ts
@@ -40,7 +40,9 @@ import { FieldType } from '@ngx-formly/core';
           "
         />
       </mat-date-range-input>
-      <mat-datepicker-toggle class="padding-top-3" matSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-datepicker-toggle class="padding-top-2 padding-left-1" matSuffix [for]="picker">
+        <usa-icon [icon]="'calendar'" matDatepickerToggleIcon [size]="'sm'"></usa-icon>
+      </mat-datepicker-toggle>
       <mat-date-range-picker [startAt]="to.startDate" #picker></mat-date-range-picker>
     </div>
   `,