feat(kit): add itemsHidden prop to tui-input-time

taiga-family · Dec 4, 2024 · f890079 · f890079
1 parent 8579228
commit f890079
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 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
@@ -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
@@ -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
@@ -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[] {