feat(legacy): add itemsHidden prop to tui-input-time (#9908)

taiga-family · Dec 6, 2024 · b3db7bc · b3db7bc
1 parent c6c9c38
commit b3db7bc
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/index.html b/projects/demo/src/modules/components/input-time/index.html
@@ -103,6 +103,7 @@ <h3>DI-tokens for input-configurations:</h3>
                     [focusable]="focusable"
                     [formControl]="control"
                     [items]="items"
+                    [itemsHidden]="itemsHidden"
                     [itemSize]="itemSize"
                     [mode]="mode"
                     [pseudoFocus]="pseudoFocused"
@@ -158,6 +159,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/demo/src/modules/components/input-time/index.ts b/projects/demo/src/modules/components/input-time/index.ts
@@ -57,6 +57,8 @@ export default class PageComponent extends AbstractExampleTuiControl {
 
     protected items = this.itemsVariants[0]!;
 
+    protected itemsHidden = false;
+
     protected strict = false;
 
     protected readonly modeVariants: readonly TuiTimeMode[] = [

diff --git a/projects/legacy/components/input-time/input-time.component.ts b/projects/legacy/components/input-time/input-time.component.ts
@@ -75,6 +75,9 @@ export class TuiInputTimeComponent
     @Input()
     public items: readonly TuiTime[] = [];
 
+    @Input()
+    public itemsHidden = false;
+
     @Input()
     public itemSize: TuiInputTimeOptions['itemSize'] = this.options.itemSize;
 
@@ -166,7 +169,7 @@ export class TuiInputTimeComponent
     }
 
     protected get canOpen(): boolean {
-        return this.interactive && !!this.filtered.length;
+        return this.interactive && !!this.filtered.length && !this.itemsHidden;
     }
 
     protected get filtered(): readonly TuiTime[] {