[Minor] Added default value on text input component

projects/dxc-ngx-cdk-site/src/app/components/examples/text-input/text-input-properties/text-input-properties.component.html

@@ -18,6 +18,11 @@
       the value will be managed internally by the component.
     </td>
   </tr>
+  <tr>
+    <td>defaultValue: string</td>
+    <td></td>
+    <td>Initial value of the input, only when it is uncontrolled.</td>
+  </tr>
   <tr>
     <td>label: string</td>
     <td></td>

projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html

@@ -73,6 +73,7 @@
         margin="xsmall"
         [suggestions]="options"
         (onActionClick)="click()"
+        defaultValue="default value"
       >
         <dxc-text-input-prefix value="+34"></dxc-text-input-prefix>
         <dxc-text-input-suffix value="$"></dxc-text-input-suffix>

projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-text-input.component.spec.ts

@@ -304,6 +304,29 @@ describe("DxcNewTextInputComponent", () => {
     });
   });
 
+  test("uncontrolled with defaultValue", async () => {
+    const onChange = jest.fn();
+    const onBlur = jest.fn();
+    await render(DxcTextInputComponent, {
+      componentProperties: {
+        label: "Input label",
+        defaultValue: "Default value",
+      },
+      imports: [CommonModule, FormsModule],
+      providers: [DxcTextInputService],
+      declarations: [FilterOptionsPipe, BoldOptionsPipe],
+    });
+
+    const input = <HTMLInputElement>screen.getByRole("textbox");
+    input.focus();
+    fireEvent.click(input);
+    expect(screen.getByDisplayValue("Default value"));
+    fireEvent.input(input, { target: { value: "new value" } });
+    await waitFor(() => {
+      expect(screen.getByDisplayValue("new value"));
+    });
+  });
+
   test("controlled dxc-input-text input with clear, change and blur", async () => {
     const onChange = jest.fn();
     const onBlur = jest.fn();

projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-text-input.component.ts

@@ -53,6 +53,9 @@ export class DxcTextInputComponent
   @Input()
   value: string;
 
+  @Input()
+  defaultValue: string;
+
   @Input()
   id: string;
 
@@ -223,7 +226,7 @@ export class DxcTextInputComponent
       validationError: this.validationError,
     })}`;
     if (this.value === undefined) {
-      this.value = "";
+      this.defaultValue ? (this.value = this.defaultValue) : (this.value = "");
       this.controlled = false;
     } else {
       this.controlled = true;