fix(kit): InputDateTime should format textfield value on blur (#7659)

Co-authored-by: alen.a.popova <[email protected]>
taiga-family · Jun 7, 2024 · 505fe3e · 505fe3e
1 parent 22ee141
commit 505fe3e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/projects/demo-playwright/tests/kit/input-date-time/input-date-time.spec.ts b/projects/demo-playwright/tests/kit/input-date-time/input-date-time.spec.ts
@@ -149,6 +149,15 @@ describe('InputDateTime', () => {
                 '15.11.2018, '.length,
             );
         });
+
+        test('should time to pre-fill with zeros on blur', async ({page}) => {
+            await tuiGoto(page, '/components/input-date-time/API?timeMode=HH:MM:SS.MSS');
+
+            await inputDateTime.textfield.fill('07.06.2024, 23:59');
+            await inputDateTime.textfield.blur();
+
+            await expect(inputDateTime.textfield).toHaveValue('07.06.2024, 23:59:00.000');
+        });
     });
 
     describe('invalid date', () => {

diff --git a/projects/kit/components/input-date-time/input-date-time.component.ts b/projects/kit/components/input-date-time/input-date-time.component.ts
@@ -312,7 +312,7 @@ export class TuiInputDateTimeComponent
         if (
             this.value[0] === null ||
             this.value[1] !== null ||
-            this.nativeValue.length <= this.fillerLength + DATE_TIME_SEPARATOR.length ||
+            this.nativeValue.length === this.fillerLength ||
             this.timeMode === 'HH:MM'
         ) {
             return;