Fixed issues in Field comps

Author: Sharma

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

@@ -2,7 +2,7 @@
   <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
-  <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
+  <div *ngIf="bHasForm$; else noEdit">
     <div #f="ngForm" [formGroup]="formGroup$" *ngIf="bVisible$">
       <mat-form-field class="psdk-full-width" subscriptSizing="dynamic" [hintLabel]="helperText">
         <ngx-mat-intl-tel-input
@@ -11,7 +11,7 @@
           [preferredCountries]="['us']"
           [enablePlaceholder]="true"
           [enableSearch]="true"
-          [disabled]="bDisabled$"
+          [disabled]="bDisabled$ || bReadonly$"
           (change)="fieldOnChange()"
           (blur)="fieldOnBlur()"
         >

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

@@ -9,10 +9,10 @@
   <div [formGroup]="formGroup$" *ngIf="bVisible$">
     <mat-form-field class="psdk-radio-form" subscriptSizing="dynamic" [hintLabel]="helperText">
       <span class="psdk-label-wrapper-readonly">
-        <label class="psdk-label-readonly">{{ label$ }}</label>
+        <mat-label class="psdk-label-readonly">{{ label$ }}</mat-label>
       </span>
       <!-- <mat-label>{{label$}}</mat-label> -->
-      <input matInput [placeholder]="placeholder" style="display: none" />
+      <input matInput [placeholder]="placeholder" style="display: none" [required]="bRequired$" />
       <mat-radio-group
         [value]="value$"
         [required]="bRequired$"

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

@@ -2,7 +2,7 @@
   <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
 </div>
 <ng-template #noDisplayMode>
-  <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
+  <div *ngIf="bHasForm$; else noEdit">
     <div [formGroup]="formGroup$">
       <div *ngIf="bVisible$">
         <mat-form-field class="psdk-full-width" subscriptSizing="dynamic" [hintLabel]="helperText">
@@ -15,6 +15,7 @@
             [value]="value$"
             [required]="bRequired$"
             [disabled]="bDisabled$"
+            [readonly]="bReadonly$"
             [formControl]="fieldControl"
             (change)="fieldOnChange($event)"
             (blur)="fieldOnBlur($event)"

packages/angular-sdk-components/src/lib/_components/field/text/text.component.ts

@@ -138,7 +138,7 @@ export class TextComponent implements OnInit, OnDestroy {
     //   day: 'numeric'
     // }).format(new Date(sVal + "T00:00"));
 
-    return this.utils.generateDate(sVal, 'Date-Long-Custom-YYYY');
+    return this.utils.generateDate(sVal, 'Date-DayMonthYear-Custom');
   }
 
   generateDateTime(sVal): string {