Normal Programming Mistake

    @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

    Install

    npm i @ionic2-extra/calendar

    DownloadsWeekly Downloads

    47

    Version

    0.2.3

    License

    MIT

    Unpacked Size

    92.1 kB

    Total Files

    15

    Last publish

    Collaborators

    • ionic2-extra