fix(query-builder): Make sure that date and time picker a stretched, also remove the label from date/time field

Author: desig9stein

projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss

@@ -222,7 +222,9 @@
             border-radius: inherit;
             background: var-get($theme, 'subquery-background');
 
-            > igx-input-group {
+            > igx-input-group,
+            > igx-date-picker,
+            > igx-time-picker {
                 flex-grow: 1;
             }
         }

projects/igniteui-angular/src/lib/query-builder/query-builder-tree.component.html

@@ -254,7 +254,7 @@
         </div>
 
         <div #editingInputsContainer class="igx-filter-tree__subquery" >
-            <div                
+            <div
                 igxDrop
                 (enter)="onChipEnter(editingInputsContainer, expressionItem, true)"
                 (over)="onDivOver(editingInputsContainer, expressionItem)"
@@ -405,11 +405,11 @@
                         type="box"
                         *ngIf="selectedField && selectedField.dataType === 'dateTime'"
                     >
-                        <label igxLabel>{{this.resourceStrings.igx_query_builder_datetime_placeholder}}</label>
                         <input
                             #input
                             igxInput
                             tabindex="0"
+                            [placeholder]="this.resourceStrings.igx_query_builder_datetime_placeholder"
                             [(ngModel)]="searchValue.value"
                             [disabled]="isSearchValueInputDisabled()"
                             [locale]="this.locale"