test: add test cases for date input empty string handling

.changeset/orange-eyes-pump.md

@@ -0,0 +1,5 @@
+---
+"@db-ux/ngx-core-components": patch
+---
+
+DBInput: inserting an empty string doesn't reset/empty date or time related form fields

.gitignore

@@ -76,3 +76,4 @@ showcases/patternhub/public/iframe-resizer/*
 /packages/agent-cli/test/.amazonq/rules/db-ux.md
 /core-web.iml
 /build-storybooks/
+blob-report/

packages/components/scripts/post-build/components.ts

@@ -368,7 +368,7 @@ export const getComponents = (): Component[] => [
 					from: 'writeValue(value: any) {',
 					to:
 						'writeValue(value: any) {\n' +
-						'if (!value && (this.type() === "date" ||\n' +
+						'if (!value && value !== "" && (this.type() === "date" ||\n' +
 						'			this.type() === "time" ||\n' +
 						'			this.type() === "week" ||\n' +
 						'			this.type() === "month" ||\n' +

packages/components/src/components/input/input.spec.tsx

@@ -76,6 +76,36 @@ const testAction = () => {
 		await expect(input).not.toHaveAttribute('enterkeyhint');
 		await expect(input).not.toHaveAttribute('inputmode');
 	});
+
+	test('should clear date input when value is set to empty string', async ({
+		mount,
+		page
+	}) => {
+		const component = await mount(
+			<DBInput label="Date" type="date" value="2025-01-15" />
+		);
+		const input = page.locator('input[type="date"]');
+
+		// Verify initial value is set
+		await expect(input).toHaveValue('2025-01-15');
+
+		// Update component with empty string value
+		await component.evaluate((node: any, newValue: string) => {
+			const inputElement = node.querySelector('input');
+			if (inputElement) {
+				inputElement.value = newValue;
+				inputElement.dispatchEvent(
+					new Event('input', { bubbles: true })
+				);
+				inputElement.dispatchEvent(
+					new Event('change', { bubbles: true })
+				);
+			}
+		}, '');
+
+		// Verify the input is cleared
+		await expect(input).toHaveValue('');
+	});
 };
 
 test.describe('DBInput', () => {

showcases/angular-showcase/src/app/components/form/form.component.ts

@@ -111,7 +111,7 @@ export class FormComponent {
 		this.model.checkbox2 = false;
 		this.form.get('input')?.setValue('reset');
 		this.form.get('textarea')?.setValue('reset');
-		this.form.get('dateinput')?.setValue('reset');
+		this.form.get('dateinput')?.setValue('');
 		this.form.get('checkbox')?.setValue(false);
 	}