IgxDateRangeStartComponent

Defines the start input for a date range picker

Igx Module: IgxDateRangePickerModule
Igx Theme: igx-input-group-theme, igx-calendar-theme, igx-date-range-picker-theme
Igx Keywords: date, range, date range, date picker
Igx Group: scheduling

Remarks

[object Object]

Example

<igx-date-range-picker mode="dropdown">
     <igx-date-range-start>
         <input igxInput igxDateTimeEditor type="text">
     </igx-date-range-start>
     ...
</igx-date-range-picker>

Constructors

new IgxDateRangeStartComponent(): IgxDateRangeStartComponent

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:230

Returns IgxDateRangeStartComponent

Properties

dateTimeEditor

Inherited from: IgxDateRangeInputsBaseComponent

dateTimeEditor: IgxDateTimeEditorDirective

Defined in projects/igniteui-angular/date-picker/src/date-range-picker/date-range-picker-inputs.common.ts:55

defaultClass

Inherited from: IgxDateRangeInputsBaseComponent

Property that enables/disables the auto-generated class of the IgxInputGroupComponent. By default applied the class is applied.

@ViewChild("MyInputGroup")
 public inputGroup: IgxInputGroupComponent;
 ngAfterViewInit(){
 this.inputGroup.defaultClass = false;

}

defaultClass: boolean = true

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:75

element

Inherited from: IgxDateRangeInputsBaseComponent

element: ElementRef<HTMLElement>

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:40

inputDirective

Inherited from: IgxDateRangeInputsBaseComponent

inputDirective: IgxInputDirective

Defined in projects/igniteui-angular/date-picker/src/date-range-picker/date-range-picker-inputs.common.ts:58

suppressInputAutofocus

Inherited from: IgxDateRangeInputsBaseComponent

Prevents automatically focusing the input when clicking on other elements in the input group (e.g. prefix or suffix).

suppressInputAutofocus: boolean = false

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:111

Remarks

Automatic focus causes software keyboard to show on mobile devices.

Example

<igx-input-group [suppressInputAutofocus]="true"></igx-input-group>

resourceStrings

Inherited from: IgxDateRangeInputsBaseComponent

resourceStrings: IInputResourceStrings

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:52, projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:59

theme

Inherited from: IgxDateRangeInputsBaseComponent

theme: IgxTheme

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:212, projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:226

type

Inherited from: IgxDateRangeInputsBaseComponent

type: IgxInputGroupType

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:182, projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:197

Accessors

hasBorder

Inherited from: IgxDateRangeInputsBaseComponent

Returns whether the IgxInputGroupComponent has border.

@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let inputBorder = this.inputGroup.hasBorder;
}

get hasBorder(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:315

Returns boolean

hasHints

Inherited from: IgxDateRangeInputsBaseComponent

Returns whether the IgxInputGroupComponent has hints.

@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let inputHints = this.inputGroup.hasHints;
}

get hasHints(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:279

Returns boolean

isTypeBootstrap

Inherited from: IgxDateRangeInputsBaseComponent

Returns true if the IgxInputGroupComponent theme is Bootstrap.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBootstrap = this.inputGroup.isTypeBootstrap;
}

get isTypeBootstrap(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:432

Returns boolean

isTypeBorder

Inherited from: IgxDateRangeInputsBaseComponent

Returns whether the IgxInputGroupComponent type is border.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBorder = this.inputGroup.isTypeBorder;
}

get isTypeBorder(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:402

Returns boolean

isTypeBox

Inherited from: IgxDateRangeInputsBaseComponent

Returns whether the IgxInputGroupComponent type is box.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBox = this.inputGroup.isTypeBox;
}

get isTypeBox(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:347

Returns boolean

isTypeFluent

Inherited from: IgxDateRangeInputsBaseComponent

Returns true if the IgxInputGroupComponent theme is Fluent.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeFluent = this.inputGroup.isTypeFluent;
}

get isTypeFluent(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:417

Returns boolean

isTypeIndigo

Inherited from: IgxDateRangeInputsBaseComponent

Returns true if the IgxInputGroupComponent theme is Indigo.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeIndigo = this.inputGroup.isTypeIndigo;
}

get isTypeIndigo(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:447

Returns boolean

isTypeLine

Inherited from: IgxDateRangeInputsBaseComponent

Returns whether the IgxInputGroupComponent type is line.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeLine = this.inputGroup.isTypeLine;
}

get isTypeLine(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:332

Returns boolean

isTypeSearch

Inherited from: IgxDateRangeInputsBaseComponent

Returns whether the IgxInputGroupComponent type is search.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeSearch = this.inputGroup.isTypeSearch;
}

get isTypeSearch(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:462

Returns boolean