@ionic2-extra/calendar NPM

ion-calendar

ion-calendar is a simple calendar widget that allows users to select pick single date or date ranges (weeks, months, years)

The ion-calendar component fully support two-way binding of ngModel

<ion-calendar (change)="onPeriodChange($event)"></ion-calendar>

ion-calendar supports [(ngModel)] and ngControl for use within forms.

<form (submit)="onSubmit()">
  <!-- other fields -->
  <div>
    <ion-calendar [(ngModel)]="datePeriod"></ion-calendar>
  </div>
</form>

Properties:

Name	Type	Description
`selection-mode`	`"day" \| "week" \| "month" \| "year"`	The range of dates selected when user clicks on a date
`view-date`	Date	The initial date displayed. Default to current date
`view-mode`	`"month" \| "year" \| "decade"`	The initial view mode. Default to `"month"`
`start-of-week-day`	`"monday" \| "tuesday" \| "wednesday" \| "thursday" \| "friday"\| "satudary" \| "sunday"`	The first day of week. Default to `"monday"`
`disabled`	boolean	Whether or not the button is disabled