tri-angular-date-picker-library v0.0.1

Use Case

Basic Use

<tri-date-picker (change)="onChange($event)"></tri-date-picker>

Pre Selected Year

<tri-date-picker (change)="onChange($event)" [year]="2010"></tri-date-picker>

Pre Selected Month

<tri-date-picker (change)="onChange($event)" [month]="3"></tri-date-picker>

Pre Selected Year and Month

<tri-date-picker (change)="onChange($event)" [year]="2010" [month]="3"></tri-date-picker>

Enabled Months

<tri-date-picker (change)="onChange($event)" [enabledMonths]="[5,9,11]"></tri-date-picker>

Disabled Months

<tri-date-picker (change)="onChange($event)" [disabledMonths]="[2,9,11]"></tri-date-picker>

enabled Years

<tri-date-picker (change)="onChange($event)" [enabledYears]="[2019,2021,2022]"></tri-date-picker>

Disabled Years

<tri-date-picker (change)="onChange($event)" [disabledYears]="[2019,2020,2021]"></tri-date-picker>

enabled Dates

   <tri-date-picker (change)="onChange($event)" [enabledDates]="[1,2,21]"></tri-date-picker>

Disabled Dates

<tri-date-picker (change)="onChange($event)" [disabledDates]="[1,2,21]"></tri-date-picker>

Month Only

 <tri-date-picker (change)="onChange($event)" [type]="'MONTH'"></tri-date-picker>

Year Only

<tri-date-picker (change)="onChange($event)" [type]="'YEAR'"></tri-date-picker>

Date Only

<tri-date-picker (change)="onChange($event)" [type]="'DATE'"></tri-date-picker>