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

    0.0.7 • 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

    Install

    npm install @optima-digital/inline-calendars
    

    Usage

    Import the module to your app.module.ts

    import { OptimaInlineCalendarsModule } from '@optima-digital/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-digital/inline-calendars

    DownloadsWeekly Downloads

    2

    Version

    0.0.7

    License

    MIT

    Unpacked Size

    125 kB

    Total Files

    21

    Last publish

    Collaborators

    • vmanchev