stencil-agenda v1.4.0

Agenda Component

Create an agenda from Monday to Sunday.

How to use

Create an array of events with objects like...

var events = [{
    timeStart: new Date(),
    timeEnd: new Date(),
    task: 'This is a task',
    title: 'Title!',
    day: Math.floor(Math.random() * 7)
}];

Add this array of events to the object <my-agenda id="agenda" [events]="events"></my-agenda>.

Using this component

Script tag

• Put a script tag similar to this <script src='https://unpkg.com/stencil-agenda@1.2.0/dist/myagenda.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install stencil-agenda --save
• Put a script tag similar to this <script src='node_modules/stencil-agenda/dist/myagenda.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

In a stencil-agenda app

• Run npm install stencil-agenda --save
• Add an import to the npm packages import stencil-agenda;
• Then you can use the element anywhere in your template, JSX, html etc