refactor(input-group): update directive name

Author: SisIvanova

projects/igniteui-angular/src/lib/combo/combo.component.html

@@ -9,7 +9,7 @@
         <ng-content select="igx-hint, [igxHint]"></ng-content>
     </ng-container>
     <input igxInput #comboInput name="comboInput" type="text" [value]="displayValue" readonly
-        [attr.placeholder]="placeholder" [disabled]="disabled"
+        [attr.placeholder]="placeholder" [disabled]="disabled" [igxReadOnlyInput]="false"
         role="combobox" aria-haspopup="listbox"
         [attr.aria-expanded]="!dropdown.collapsed" [attr.aria-controls]="dropdown.listId"
         [attr.aria-labelledby]="ariaLabelledBy || label?.id || placeholder"

projects/igniteui-angular/src/lib/combo/combo.component.ts

@@ -25,6 +25,7 @@ import { IgxDropDownItemNavigationDirective } from '../drop-down/drop-down-navig
 import { IgxIconComponent } from '../icon/icon.component';
 import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 import { IgxInputDirective } from '../directives/input/input.directive';
+import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
 
 /** Event emitted when an igx-combo's selection is changing */
 export interface IComboSelectionChangingEventArgs extends IBaseCancelableEventArgs {
@@ -115,6 +116,7 @@ const diffInSets = (set1: Set<any>, set2: Set<any>): any[] => {
         IgxComboAddItemComponent,
         IgxButtonDirective,
         IgxRippleDirective,
+        IgxReadOnlyInputDirective,
         IgxComboFilteringPipe,
         IgxComboGroupingPipe
     ]

projects/igniteui-angular/src/lib/date-picker/date-picker.component.ts

@@ -66,7 +66,7 @@ import { IgxTextSelectionDirective } from '../directives/text-selection/text-sel
 import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { fadeIn, fadeOut } from 'igniteui-angular/animations';
 import { PickerCalendarOrientation } from '../date-common/types';
-import { IgxReadOnlyInputDirective } from '../directives/input/readOnlyInput.directive';
+import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
 
 let NEXT_ID = 0;
 

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

@@ -37,7 +37,7 @@ import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { fadeIn, fadeOut } from 'igniteui-angular/animations';
 import { PickerCalendarOrientation } from '../date-common/types';
 import { calendarRange, isDateInRanges } from '../calendar/common/helpers';
-import { IgxReadOnlyInputDirective } from '../directives/input/readOnlyInput.directive';
+import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
 
 const SingleInputDatesConcatenationString = ' - ';
 

…ectives/input/readOnlyInput.directive.ts …tives/input/read-only-input.directive.tsprojects/igniteui-angular/src/lib/directives/input/readOnlyInput.directive.ts renamed to projects/igniteui-angular/src/lib/directives/input/read-only-input.directive.ts projects/igniteui-angular/src/lib/directives/input/readOnlyInput.directive.ts renamed to projects/igniteui-angular/src/lib/directives/input/read-only-input.directive.ts

@@ -8,6 +8,7 @@
     <input #input class="input" type="text" igxInput [igxSelectItemNavigation]="this"
         [disabled]="disabled"
         readonly="true"
+        [igxReadOnlyInput]="false"
         [attr.placeholder]="this.placeholder"
         [value]="this.selectionValue"
         role="combobox"

projects/igniteui-angular/src/lib/select/select.component.html

@@ -50,6 +50,7 @@ import { IgxIconComponent } from '../icon/icon.component';
 import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 import { IgxSelectItemNavigationDirective } from './select-navigation.directive';
 import { IgxInputDirective, IgxInputState } from '../directives/input/input.directive';
+import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
 
 /** @hidden @internal */
 @Directive({
@@ -103,7 +104,7 @@ export class IgxSelectFooterDirective {
             display: block;
         }
     `],
-    imports: [IgxInputGroupComponent, IgxInputDirective, IgxSelectItemNavigationDirective, IgxSuffixDirective, NgTemplateOutlet, IgxIconComponent, IgxToggleDirective]
+    imports: [IgxInputGroupComponent, IgxInputDirective, IgxSelectItemNavigationDirective, IgxSuffixDirective, IgxReadOnlyInputDirective, NgTemplateOutlet, IgxIconComponent, IgxToggleDirective]
 })
 export class IgxSelectComponent extends IgxDropDownComponent implements IgxSelectBase, ControlValueAccessor,
     AfterContentInit, OnInit, AfterViewInit, OnDestroy, EditorProvider, AfterContentChecked {

projects/igniteui-angular/src/lib/select/select.component.ts

@@ -60,7 +60,7 @@ import { IgxIconComponent } from '../icon/icon.component';
 import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
 import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { IgxDividerDirective } from '../directives/divider/divider.directive';
-import { IgxReadOnlyInputDirective } from '../directives/input/readOnlyInput.directive';
+import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
 
 let NEXT_ID = 0;
 export interface IgxTimePickerValidationFailedEventArgs extends IBaseEventArgs {