can't open mulitple datepickers using DaterangepickerDirective

[gokulb2298]

Anybody give me a solution.it would be helpful. Thanks for advance

[arunrajvvspn]

Is there a way to use multiple calendars in one single view/page using DaterangepickerDirective, when I tried same calendar is opening for all instances?

[ArslanAmeer]

Do you need to open all at once?

Because I am using multiple calenders in my single component. But different on differnet buttons. Well to me there was not any issue.

 <input (datesUpdated)="selectedChange($event)" [(ngModel)]="selected"
   [autoApply]="options.autoApply"
   [closeOnAutoApply]="options.closeOnAutoApply"
   [customRangeDirection]="options.customRangeDirection"
   [linkedCalendars]="options.linkedCalendars"
   [lockStartDate]="options.lockStartDate"
   [maxDate]="maxDate"
   [showCancel]="options.showCancel"
   [showClearButton]="options.showClearButton"
   [showISOWeekNumbers]="options.showISOWeekNumbers"
   [showWeekNumbers]="options.showWeekNumbers" applyLabel="Okay"
   autocomplete="off"
   emptyWeekRowClass="empty-week"
   firstDayOfNextMonthClass="first-next-day"
   firstMonthDayClass="first-day"
   id="daypicker"
   lastDayOfPreviousMonthClass="last-previous-day"
   lastMonthDayClass="last-day" matInput
   name="options"
   ngxDaterangepickerMd opens="left"
   singleDatePicker="true" type="radio">

[satishbandre62]

Dear ArslanAmeer,

Can you please provide working sample code. I am too facing same issue.