From 7aced146d750abee23eeafcf9bb03c64095bbfee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9C=D0=B0=D0=BA=D1=81=D0=B8=D0=BC=20=D0=98=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B2?= <omaxphp@yandex.ru>
Date: Fri, 6 Dec 2024 17:17:44 +0300
Subject: [PATCH] feat(kit): add `itemsHidden` prop to `tui-input-time` (#9909)

---
 .../components/input-time/input-time.component.ts        | 2 ++
 .../components/input-time/input-time.template.html       | 9 +++++++++
 .../kit/components/input-time/input-time.component.ts    | 5 ++++-
 3 files changed, 15 insertions(+), 1 deletion(-)

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
index 15ccd25e4b32..5381a72b8d52 100644
--- a/projects/demo/src/modules/components/input-time/input-time.component.ts
+++ b/projects/demo/src/modules/components/input-time/input-time.component.ts
@@ -92,6 +92,8 @@ export class ExampleTuiInputTimeComponent extends AbstractExampleTuiControl {
 
     items = this.itemsVariants[0];
 
+    itemsHidden = false;
+
     strict = false;
 
     readonly modeVariants: readonly TuiTimeMode[] = ['HH:MM', 'HH:MM:SS', 'HH:MM:SS.MSS'];
diff --git a/projects/demo/src/modules/components/input-time/input-time.template.html b/projects/demo/src/modules/components/input-time/input-time.template.html
index d3bf45291307..32f1e594dda7 100644
--- a/projects/demo/src/modules/components/input-time/input-time.template.html
+++ b/projects/demo/src/modules/components/input-time/input-time.template.html
@@ -100,6 +100,7 @@ <h3>DI-tokens for input-configurations:</h3>
                     [focusable]="focusable"
                     [formControl]="control"
                     [items]="items"
+                    [itemsHidden]="itemsHidden"
                     [itemSize]="itemSize"
                     [mode]="mode"
                     [pseudoFocus]="pseudoFocused"
@@ -155,6 +156,14 @@ <h3>DI-tokens for input-configurations:</h3>
             >
                 Items to choose
             </ng-template>
+            <ng-template
+                documentationPropertyMode="input"
+                documentationPropertyName="itemsHidden"
+                documentationPropertyType="boolean"
+                [(documentationPropertyValue)]="itemsHidden"
+            >
+                Disable the display of the dropdown list
+            </ng-template>
             <ng-template
                 documentationPropertyMode="input"
                 documentationPropertyName="itemSize"
diff --git a/projects/kit/components/input-time/input-time.component.ts b/projects/kit/components/input-time/input-time.component.ts
index e0767ea53b04..b8393ce0424b 100644
--- a/projects/kit/components/input-time/input-time.component.ts
+++ b/projects/kit/components/input-time/input-time.component.ts
@@ -77,6 +77,9 @@ export class TuiInputTimeComponent
     @Input()
     items: readonly TuiTime[] = [];
 
+    @Input()
+    itemsHidden = false;
+
     @Input()
     itemSize: TuiInputTimeOptions['itemSize'] = this.options.itemSize;
 
@@ -127,7 +130,7 @@ export class TuiInputTimeComponent
     }
 
     get canOpen(): boolean {
-        return this.interactive && !!this.filtered.length;
+        return this.interactive && !!this.filtered.length && !this.itemsHidden;
     }
 
     get filtered(): readonly TuiTime[] {