@@ -5,9 +5,7 @@ import { IgxInputGroupModule } from '../input-group/index';
5
5
import { InteractionMode } from '../core/enums' ;
6
6
import { NoopAnimationsModule } from '@angular/platform-browser/animations' ;
7
7
import { FormsModule } from '@angular/forms' ;
8
- import { IgxIconModule } from '../icon' ;
9
- import { IgxCalendarModule , IgxCalendarComponent } from '../calendar/index' ;
10
- import { IgxButtonModule } from '../directives/button/button.directive' ;
8
+ import { IgxCalendarComponent } from '../calendar/index' ;
11
9
import { IgxDateRangePickerModule } from './igx-date-range-picker.module' ;
12
10
import { By } from '@angular/platform-browser' ;
13
11
import { UIInteractions } from '../test-utils/ui-interactions.spec' ;
@@ -682,19 +680,18 @@ export class DateRangeTestComponent implements OnInit {
682
680
@Component ( {
683
681
selector : 'igx-date-range-two-inputs-test' ,
684
682
template : `
685
- <igx-date-range-picker [mode]="mode">
683
+ <igx-date-range-picker [mode]="mode" [(ngModel)]="range" >
686
684
<igx-date-range-start>
687
- <input igxInput igxDateTimeEditor type="text" [(ngModel)]="startDate " required>
685
+ <input igxInput igxDateTimeEditor type="text" [(ngModel)]="range.start " required>
688
686
</igx-date-range-start>
689
687
<igx-date-range-end>
690
- <input igxInput igxDateTimeEditor type="text" [(ngModel)]="endDate " required>
688
+ <input igxInput igxDateTimeEditor type="text" [(ngModel)]="range.end " required>
691
689
</igx-date-range-end>
692
690
</igx-date-range-picker>
693
691
`
694
692
} )
695
693
export class DateRangeTwoInputsTestComponent extends DateRangeTestComponent {
696
- startDate = new Date ( 2020 , 1 , 1 ) ;
697
- endDate = new Date ( 2020 , 1 , 4 ) ;
694
+ public range = { start : new Date ( ) , end : new Date ( new Date ( ) . setDate ( new Date ( ) . getDate ( ) + 5 ) ) } ;
698
695
}
699
696
700
697
@Component ( {
0 commit comments