@moobitech/meridiana-angular

Angular components of Meridiana: <mer-time-grid> (Day, 3 days, Week), <mer-month-grid> (Month) and <mer-agenda> (Agenda), styled with Tailwind CSS, with drag, resize and context menus.

npm install @moobitech/meridiana-core @moobitech/meridiana-angular @angular/cdk date-fns

import { provideMeridiana } from '@moobitech/meridiana-angular';

bootstrapApplication(App, {
  providers: [provideMeridiana({ locale: 'en-GB', weekStartsOn: 1, licenseKey: '…' })],
});

html

<mer-time-grid
  [events]="events()"
  [viewDate]="viewDate()"
  [days]="7"
  [draggable]="true"
  [resizable]="true"
  (eventChange)="save($event)"
/>

Documentation: Getting started, Angular, Theming.

Peer dependencies: @angular/core, @angular/common, @angular/cdk 22, date-fns 4. Commercial license: see LICENSE.md.

@moobitech/meridiana-angular ​

@moobitech/meridiana-angular