@optima-lib/inline-calendars
    TypeScript icon, indicating that this package has built-in type declarations

    13.0.0 • Public • Published

    Angular Material multiple inline calendars

    Based on MatCalendar, the component under Angular Material Datepicker, this package will help you display and manage multiple inline calendars. Its main purpose is to be used as custom form control in reactive forms.

    Features

    • list multuple months;
    • multiple dates selection;
    • navigation to next/previous month;

    Inline calendars

    Versions grid

    Angular OptimaLib
    13.x 13.x
    12.x 0.1.0
    11.x 0.0.7

    Install

    npm install @optima-lib/inline-calendars
    

    Usage

    Import the module to your app.module.ts

    import { OptimaInlineCalendarsModule } from '@optima-lib/inline-calendars';
    

    Add the inline calendar components to your view:

    <optima-inline-calendars></optima-inline-calendars>
    

    The following inputs are available at the moment:

    • totalCalendars - number of calendars to be displayed. Default is 3.
    • startAt - The date to be considered as start date. This will be the date on which the calendar in the middle position will be set. Defaults to todays date.
    • formControlName - use this component as custom form control in any reactive form.

    Install

    npm i @optima-lib/inline-calendars

    DownloadsWeekly Downloads

    2

    Version

    13.0.0

    License

    MIT

    Unpacked Size

    117 kB

    Total Files

    18

    Last publish

    Collaborators

    • vmanchev