search

fetrarij / ngx-daterangepicker-material

Pure Angular 2+ date range picker with material design theme, a demo here:
https://fetrarij.github.io/ngx-daterangepicker-material/
MIT License
247 stars 248 forks source link

can't open mulitple datepickers using DaterangepickerDirective #365

Open gokulb2298 opened 3 years ago

gokulb2298 commented 3 years ago

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

arunrajvvspn commented 3 years ago

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 commented 3 years ago

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 commented 2 years ago

Dear ArslanAmeer,

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