@ionic2-extra/calendar

Calendar widget built on Ionic 2

Stats

StarsIssuesVersionUpdatedCreatedSize
@ionic2-extra/calendar
12100.2.32 years ago5 years agoMinified + gzip package size for @ionic2-extra/calendar in KB

Readme

ion-calendar

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

Notes

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

Usage

Basic Usage

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

Usage within Forms

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

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

API Summary

Properties:

Name Type Description
selection-mode `"day" "week"
view-date Date The initial date displayed. Default to current date
view-mode `"month" "year"
start-of-week-day `"monday" "tuesday"
disabled boolean Whether or not the button is disabled

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.