Agenda, Day, 3 days, Week and Month views for Angular, React and React Native, with drag, resize and context menus. Styled with Tailwind CSS.
Install the packages, import the Tailwind entry next to Tailwind, and drop a view in your app.
<!-- provideMeridiana({ locale: 'en-GB', weekStartsOn: 1, licenseKey }) in app.config.ts -->
<mer-time-grid
[events]="events()"
[viewDate]="viewDate()"
[days]="7"
[draggable]="true"
[resizable]="true"
(eventChange)="save($event)"
/>import { MeridianaProvider, MeridianaTimeGrid } from '@moobitech/meridiana-react';
<MeridianaProvider locale="en-GB" weekStartsOn={1} licenseKey={key}>
<MeridianaTimeGrid events={events} viewDate={new Date()} days={7} draggable resizable onEventChange={save} />
</MeridianaProvider>;import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { MeridianaProvider, MeridianaTimeGrid } from '@moobitech/meridiana-native';
<GestureHandlerRootView style={{ flex: 1 }}>
<MeridianaProvider locale="en-GB" weekStartsOn={1} licenseKey={key}>
<MeridianaTimeGrid events={events} viewDate={new Date()} days={3} draggable resizable onEventChange={save} />
</MeridianaProvider>
</GestureHandlerRootView>;@import 'tailwindcss';
@import '@moobitech/meridiana';The Angular and React views are free for individuals, open-source projects and small companies. Commercial apps pay per application, with unlimited developers. React Native, and the resource timeline when it ships, are part of the paid plans.
Free
for one application
Individuals, open-source projects and small companies.
€390
per application / year
Commercial web applications.
Most complete
€690
per application / year
One application on the web and on iOS and Android.
Custom
on request
Many applications, OEM and custom terms.
Per application, with unlimited developers. Prices in euro, VAT excluded. Renewals up to 50% off.