@@ -333,34 +333,19 @@ <h6 class="igx-filter-empty__title">
333333
334334 < ng-template #defaultSearchValueTemplate >
335335 < igx-input-group
336- *ngIf ="isSearchValueInputDisabled() "
337- type ="box "
338- >
339- < label igxLabel > {{this.resourceStrings.igx_query_builder_value_placeholder}}</ label >
340- < input
341- igxInput
342- [disabled] ="true "
343- [type] ="
344- selectedField && selectedField.dataType === 'number'
345- ? 'number'
346- : 'text'
347- "
348- value =""
349- />
350- </ igx-input-group >
351-
352- < igx-input-group
353- *ngIf ="!isSearchValueInputDisabled() &&
354- selectedField.dataType !== 'date' &&
336+ *ngIf ="
337+ !selectedField ||
338+ (selectedField.dataType !== 'date' &&
355339 selectedField.dataType !== 'time' &&
356- selectedField.dataType !== 'dateTime'
357- "
340+ selectedField.dataType !== 'dateTime')
341+ "
358342 type ="box "
359343 >
360344 < label igxLabel > {{this.resourceStrings.igx_query_builder_value_placeholder}}</ label >
361345 < input
362346 #searchValueInput
363347 igxInput
348+ [disabled] ="isSearchValueInputDisabled() "
364349 [type] ="
365350 selectedField && selectedField.dataType === 'number'
366351 ? 'number'
@@ -372,12 +357,13 @@ <h6 class="igx-filter-empty__title">
372357
373358 < igx-date-picker
374359 #picker
375- *ngIf ="!isSearchValueInputDisabled() && selectedField.dataType === 'date' "
360+ *ngIf ="selectedField && selectedField.dataType === 'date' "
376361 [(value)] ="searchValue.value "
377362 (keydown) ="openPicker($event) "
378363 (click) ="picker.open() "
379364 type ="box "
380365 [readOnly] ="true "
366+ [disabled] ="isSearchValueInputDisabled() "
381367 [locale] ="this.locale "
382368 [outlet] ="pickerOutlet "
383369 [formatter] ="selectedField.formatter "
@@ -392,12 +378,13 @@ <h6 class="igx-filter-empty__title">
392378
393379 < igx-time-picker
394380 #picker
395- *ngIf ="!isSearchValueInputDisabled() && selectedField.dataType === 'time' "
381+ *ngIf ="selectedField && selectedField.dataType === 'time' "
396382 [(value)] ="searchValue.value "
397383 (click) ="picker.open() "
398384 (keydown) ="openPicker($event) "
399385 type ="box "
400386 [readOnly] ="true "
387+ [disabled] ="isSearchValueInputDisabled() "
401388 [locale] ="this.locale "
402389 [outlet] ="pickerOutlet "
403390 [formatter] ="selectedField.formatter "
@@ -413,7 +400,7 @@ <h6 class="igx-filter-empty__title">
413400 < igx-input-group
414401 #inputGroup
415402 type ="box "
416- *ngIf ="!isSearchValueInputDisabled() && selectedField.dataType === 'dateTime' "
403+ *ngIf ="selectedField && selectedField.dataType === 'dateTime' "
417404 type ="box "
418405 >
419406 < label igxLabel > {{this.resourceStrings.igx_query_builder_datetime_placeholder}}</ label >
@@ -422,6 +409,7 @@ <h6 class="igx-filter-empty__title">
422409 igxInput
423410 tabindex ="0 "
424411 [(ngModel)] ="searchValue.value "
412+ [disabled] ="isSearchValueInputDisabled() "
425413 [locale] ="this.locale "
426414 [igxDateTimeEditor] ="selectedField.editorOptions?.dateTimeFormat "
427415 [defaultFormatType] ="selectedField.dataType "
0 commit comments