fix(kit): correct present of control value from items list for input-…

…time
taiga-family · Aug 5, 2024 · 29fd682 · 29fd682
1 parent c1d2160
commit 29fd682
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/projects/core/components/data-list/option/option.component.ts b/projects/core/components/data-list/option/option.component.ts
@@ -97,6 +97,7 @@ export class TuiOptionComponent<T = unknown> implements OnDestroy {
     onClick(): void {
         if (this.host && this.value !== undefined) {
             this.host.handleOption(this.value);
+            this.el.nativeElement.focus();
         }
     }
 

diff --git a/projects/demo/src/modules/components/input-time/input-time.component.ts b/projects/demo/src/modules/components/input-time/input-time.component.ts
@@ -67,7 +67,7 @@ export class ExampleTuiInputTimeComponent extends AbstractExampleTuiControl {
 
     override cleaner = false;
 
-    control = new FormControl(TuiTime.currentLocal(), Validators.required);
+    control = new FormControl(new TuiTime(15, 30), Validators.required);
 
     readonly disabledItemHandlerVariants: ReadonlyArray<TuiBooleanHandler<TuiTime>> = [
         ALWAYS_FALSE_HANDLER,

diff --git a/projects/kit/components/input-time/input-time.component.ts b/projects/kit/components/input-time/input-time.component.ts
@@ -255,6 +255,12 @@ export class TuiInputTimeComponent
         this.processArrow(event, -1);
     }
 
+    checkOption(option: TuiTime): void {
+        if (option.toAbsoluteMilliseconds() === this.value?.toAbsoluteMilliseconds()) {
+            this.value = option;
+        }
+    }
+
     handleOption(item: TuiTime): void {
         this.focusInput();
         this.value = item;

diff --git a/projects/kit/components/select-option/select-option.component.ts b/projects/kit/components/select-option/select-option.component.ts
@@ -79,6 +79,7 @@ export class TuiSelectOptionComponent<T> implements OnInit, DoCheck {
         void Promise.resolve().then(() => {
             if (tuiIsPresent(this.option.value) && !this.option.disabled) {
                 this.host.checkOption?.(this.option.value);
+                this.el.nativeElement.focus();
             }
         });
     }