search

SaturnTeam / saturn-datepicker

Angular Material Datepicker with range selection
MIT License
276 stars 110 forks source link

sat-calendar [rangeMode]="false" #144

Open alexalloza opened 4 years ago

alexalloza commented 4 years ago

Hi

I need to use sat-calendar with modifiable "rangeMode" property. Making it possible to choose a date range or not.

myComponent.ts ` rangeMode: boolean = false; selectedDate: any;

toggleRangeMode() {
    this.rangeMode != this.rangeMode;
}

myComponent.html <mat-slide-toggle [(ngModel)]="rangeMode" (toggleChange)="toggleRangeMode()"> Range mode

<sat-calendar [rangeMode]="rangeMode" (dateRangesChange)="onSelect($event)" [selected]="selectedDate"> `