chore: fix native date reset (#3810)

taiga-family · Mar 6, 2023 · 8f9969f · 8f9969f
1 parent 67747fc
commit 8f9969f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/projects/kit/components/input-date/input-date.component.ts b/projects/kit/components/input-date/input-date.component.ts
@@ -160,7 +160,7 @@ export class TuiInputDateComponent
     }
 
     get computedMobile(): boolean {
-        return this.isMobile && (!!this.mobileCalendar || this.options.nativePicker);
+        return this.isMobile && (!!this.mobileCalendar || this.nativePicker);
     }
 
     get nativePicker(): boolean {

diff --git a/projects/kit/components/input-date/input-date.directive.ts b/projects/kit/components/input-date/input-date.directive.ts
@@ -13,6 +13,10 @@ export class TuiInputDateDirective extends AbstractTuiTextfieldHost<TuiInputDate
     }
 
     onValueChange(value: string): void {
+        if (!value) {
+            this.host.nativeValue = '';
+        }
+
         this.host.onValueChange(value);
     }
 

diff --git a/projects/kit/components/input-date/native-date/native-date.component.ts b/projects/kit/components/input-date/native-date/native-date.component.ts
@@ -7,7 +7,7 @@ import {TUI_TEXTFIELD_HOST, TuiTextfieldHost} from '@taiga-ui/core';
     template: '',
     host: {
         type: 'date',
-        '[tabIndex]': 'host.focusable ? 0 : -1',
+        '[tabIndex]': '-1',
         '[value]': 'value',
         '(change)': 'onChange($event.target.value)',
         '(click.stop.silent)': '0',
@@ -31,7 +31,7 @@ export class TuiNativeDateComponent {
 
     onChange(value: string): void {
         this.host.onValueChange(
-            TuiDay.normalizeParse(value, 'YMD').toString(this.dateFormat),
+            value ? TuiDay.normalizeParse(value, 'YMD').toString(this.dateFormat) : '',
         );
     }
 }