Open manikantasanthoshkuchimanchi opened 2 years ago
Hello Team,
We notice that Daterange picker control is flickering on page load for Angular applications. Flickering is being observed in the following scenarios for various browsers.
We are button click approach to open DateRange Picker
<button class="btn btn-primary ngx-daterangepicker-action" (click)="showDRControl()"> <i class="fas fa-calendar-alt ngx-daterangepicker-action" ></i> </button> <input #dateRangePicker type="text" ngxDaterangepickerMd name="datarange" [(ngModel)]="selected" class="form-control" [ranges]="ranges" [alwaysShowCalendars]="true" [keepCalendarOpeningWithRange]="true" [linkedCalendars]="true" class="ngx-daterangepicker-action" [showClearButton]="false" [showRangeLabelOnInput]="false" [showCustomRangeLabel]="true" [customRangeDirection]="false" [hidden]="true" [autoApply]="false" [showDropdowns]="true" [drops]="drops" (rangeClicked)="onSelectedRange($event)" (change)="onDateChange($event)" />
On Page Load, flickering happening on
On Daterange change, flickering happening on
ngx-daterangepicker-material Versions tested: 2.1.6 2.4.2 - latest
Hello Team,
We notice that Daterange picker control is flickering on page load for Angular applications. Flickering is being observed in the following scenarios for various browsers.
We are button click approach to open DateRange Picker
<button class="btn btn-primary ngx-daterangepicker-action" (click)="showDRControl()"> <i class="fas fa-calendar-alt ngx-daterangepicker-action" ></i> </button> <input #dateRangePicker type="text" ngxDaterangepickerMd name="datarange" [(ngModel)]="selected" class="form-control" [ranges]="ranges" [alwaysShowCalendars]="true" [keepCalendarOpeningWithRange]="true" [linkedCalendars]="true" class="ngx-daterangepicker-action" [showClearButton]="false" [showRangeLabelOnInput]="false" [showCustomRangeLabel]="true" [customRangeDirection]="false" [hidden]="true" [autoApply]="false" [showDropdowns]="true" [drops]="drops" (rangeClicked)="onSelectedRange($event)" (change)="onDateChange($event)" />
On Page Load, flickering happening on
On Daterange change, flickering happening on
ngx-daterangepicker-material Versions tested: 2.1.6 2.4.2 - latest