fix(legacy): InputTime has broken support of native date picker

[nsbarsukov]

Reproduction

Open https://taiga-ui.dev/next/components/input-time#native using any mobile device

Also, there is error inside console:

ERROR TypeError: Cannot read properties of undefined (reading 'length')
    at get value (native-time.component.ts:46:58)
    at TuiNativeTimeComponent_HostBindings (native-time.component.ts:34:15)
    at processHostBindingOpCodes (core.mjs:11853:21)
    at refreshView (core.mjs:13544:9)
    at detectChangesInView (core.mjs:13663:9)
    at detectChangesInEmbeddedViews (core.mjs:13606:13)
    at refreshView (core.mjs:13522:9)
    at detectChangesInView (core.mjs:13663:9)
    at detectChangesInEmbeddedViews (core.mjs:13606:13)
    at refreshView (core.mjs:13522:9)

Bug reasons

taiga-ui/projects/legacy/components/input-time/input-time.template.html

Lines 54 to 65 in 968e417

	<ng-template #iconContent>
	<tui-icon
	*polymorpheusOutlet="icon as src; context: {$implicit: size}"
	tuiAppearance="icon"
	[class.t-icon_small]="size === 's'"
	[icon]="src.toString()"
	/>
	<input
	*ngIf="showNativePicker"
	tuiTime
	/>
	</ng-template>

is placed inside

taiga-ui/projects/legacy/components/input-time/input-time.template.html

Line 10 in 968e417

<tui-primitive-textfield

For the modern Angular it means that it inherits injector of <tui-primitive-textfield  />.
So, the TEXTFIELD_HOST for [inputTime]-directive is TuiPrimitiveTextfieldDirective

taiga-ui/projects/legacy/components/primitive-textfield/primitive-textfield.directive.ts

Lines 11 to 16 in 968e417

	@Directive({
	standalone: false,
	selector: 'tui-primitive-textfield',
	providers: [tuiAsTextfieldHost(TuiPrimitiveTextfieldDirective)],
	})
	export class TuiPrimitiveTextfieldDirective extends AbstractTuiTextfieldHost<any> {

and not TuiInputTimeDirective

taiga-ui/projects/legacy/components/input-time/input-time.directive.ts

Lines 8 to 13 in 968e417

	@Directive({
	standalone: false,
	selector: 'tui-input-time',
	providers: [tuiAsTextfieldHost(TuiInputTimeDirective)],
	})
	export class TuiInputTimeDirective extends AbstractTuiTextfieldHost<TuiInputTimeComponent> {

[lumberjack-bot]

Pull request was closed ✔️

All saved screenshots (for current PR) were deleted 🗑️

[github-actions]

Visit the preview URL for this PR (updated for commit e40ea94):

https://taiga-previews--pr9540-input-time-fix-jsjpqeb1.web.app

_{(expires Sat, 19 Oct 2024 09:55:07 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 20bbff1ad19772ecf9c5134a84c0641b0d776f4a}

[bundlemon]

BundleMon

Files updated (1)

Status	Path	Size	Limits
✅	demo/browser/main.(hash).js	295.23KB (+20B +0.01%)	+10%

Unchanged files (4)

Status	Path	Size	Limits
✅	demo/browser/vendor.(hash).js	255.66KB	+10%
✅	demo/browser/runtime.(hash).js	43.17KB	+10%
✅	demo/browser/styles.(hash).css	16.27KB	+10%
✅	demo/browser/polyfills.(hash).js	11.18KB	+10%

Total files change +20B 0%

Groups updated (1)

Status	Path	Size	Limits
✅	demo/browser/*..js	7.16MB (+20B 0%)	-

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history