@ionic2-extra/calendar
TypeScript icon, indicating that this package has built-in type declarations

0.2.3 • Public • Published

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

Package Sidebar

Install

npm i @ionic2-extra/calendar

Weekly Downloads

5

Version

0.2.3

License

MIT

Unpacked Size

92.1 kB

Total Files

15

Last publish

Collaborators

  • ionic2-extra