fix(kit): InputDate hold initial value with min/max defined

projects/core/constants/regexp.ts

@@ -6,3 +6,4 @@ export const TUI_MASK_SYMBOLS_REGEXP = /[ \-_()]/g;
 export const TUI_LAST_PUNCTUATION_MARK_REGEXP = /[.,\\/#!$%\\^&\\*;:{}=\\-_`~()]$/;
 export const TUI_LATIN_REGEXP = /[A-z]/;
 export const TUI_LATIN_AND_NUMBERS_REGEXP = /[A-z|0-9]/;
+export const TUI_LETTER_REGEXP = /\p{L}/u;

projects/demo-cypress/tsconfig.json

@@ -4,6 +4,6 @@
         "typeRoots": ["../../node_modules/@types", "../../node_modules/cypress/types", "../../scripts/types"],
         "types": ["cypress", "node", "cypress-real-events", "@testing-library/cypress", "ng-dev-mode"]
     },
-    "include": ["./cypress/**/*.ts"],
+    "include": ["**/*.ts"],
     "exclude": []
 }

projects/demo-playwright/tests/kit/input-date/input-date.spec.ts

@@ -43,17 +43,49 @@
             await expect(inputDate.textfield).toHaveScreenshot('01-input-date.png');
         });
 
-        test('Click `Until today`', async ({page}) => {
+        test('Click `Until today`, calendar not switched to large date', async ({
+            page,
+        }) => {
             await tuiGoto(page, 'components/input-date/API?items$=1');
 
             await inputDate.textfield.click();
             await calendar.itemButton.click();
 
             await inputDate.textfield.click();
 
+            await expect(inputDate.textfield).toHaveValue('Until today');
             await expect(inputDate.calendar).toHaveScreenshot(
                 '02-input-date-calendar.png',
             );
         });
+
+        test('Press backspace to remove `Until today`, textfield is empty', async ({
+            page,
+        }) => {
+            await tuiGoto(page, 'components/input-date/API?items$=1');
+
+            await inputDate.textfield.click();
+            await calendar.itemButton.click();
+
+            await inputDate.textfield.focus();
+            await inputDate.textfield.press('Backspace');
+
+            await expect(inputDate.textfield).toHaveValue('');
+            await expect(inputDate.textfield).toHaveScreenshot(
+                '03-input-date-textfield-empty.png',
+            );
+        });
+
+        test('Enter item date, it converts to item date name', async ({page}) => {
+            await tuiGoto(page, 'components/input-date/API?items$=1');
+
+            await inputDate.textfield.focus();
+            await inputDate.textfield.fill('31.12.9998');
+
+            await expect(inputDate.textfield).toHaveValue('Until today');
+            await expect(inputDate.textfield).toHaveScreenshot(
+                '04-input-date-item-name.png',
+            );
+        });
     });
 });

projects/kit/components/input-date/input-date.component.ts

@@ -42,6 +42,7 @@ import {
 import {
     TUI_DEFAULT_MARKER_HANDLER,
     TUI_DROPDOWN_COMPONENT,
+    TUI_LETTER_REGEXP,
     TUI_TEXTFIELD_SIZE,
     TuiMarkerHandler,
     TuiPrimitiveTextfieldComponent,
@@ -148,10 +149,28 @@ export class TuiInputDateComponent
     }
 
     get computedMin(): TuiDay {
+        /**
+         * TODO: we can delete this workaround in v4.0
+         * after solving this issue:
+         * https://github.com/taiga-family/maskito/issues/604
+         */
+        if (this.value && this.control?.pristine) {
+            return this.options.min;
+        }
+
         return this.min ?? this.options.min;
     }
 
     get computedMax(): TuiDay {
+        /**
+         * TODO: we can delete this workaround in v4.0
+         * after solving this issue:
+         * https://github.com/taiga-family/maskito/issues/604
+         */
+        if (this.value && this.control?.pristine) {
+            return this.options.max;
+        }
+
         return this.max ?? this.options.max;
     }
 
@@ -222,8 +241,7 @@ export class TuiInputDateComponent
          * after solving this issue:
          * https://github.com/taiga-family/maskito/issues/604
          */
-        const nativeValueIsNotSynced =
-            this.textfield?.nativeFocusableElement?.value !== this.computedValue;
+        const nativeValueIsNotSynced = this.nativeValue !== this.computedValue;
 
         return this.activeItem || nativeValueIsNotSynced
             ? MASKITO_DEFAULT_OPTIONS
@@ -277,7 +295,7 @@ export class TuiInputDateComponent
         }
 
         this.value =
-            value.length !== DATE_FILLER_LENGTH
+            value.length !== DATE_FILLER_LENGTH || TUI_LETTER_REGEXP.test(value)
                 ? null
                 : TuiDay.normalizeParse(value, this.dateFormat);
     }