Updated date component to align to the right and removed the css which was causing issue for the sticky fields

Author: SambhuPega

packages/angular-sdk-components/src/lib/_components/field/date/date.component.html

@@ -20,7 +20,7 @@
           (dateChange)="fieldOnDateChange($event)"
         />
         <mat-datepicker-toggle matSuffix [for]="pegadate" [disabled]="bDisabled$"></mat-datepicker-toggle>
-        <mat-datepicker #pegadate [startAt]="value$"></mat-datepicker>
+        <mat-datepicker #pegadate [startAt]="value$" xPosition="end"></mat-datepicker>
         <mat-error *ngIf="fieldControl.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
     </div>

packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.scss

@@ -24,10 +24,10 @@
   font-size: 0.7rem;
 }
 
-::ng-deep .cdk-overlay-pane {
-  left: 32rem !important;
-  top: 20rem !important;
-}
+// ::ng-deep .cdk-overlay-pane {
+//   // left: 32rem !important;
+//   // top: 20rem !important;
+// }
 
 ::ng-deep .mat-mdc-menu-panel {
   max-width: 20rem;