t-vc-2 v0.0.3

⚠️ DO NOT USE THIS PACKAGE. IT IS TESTING PACKAGE, IT WILL BE REMOVE IN THE FUTURE ⚠️

Calendar for Vue 3 (TS support)

Functional

✅ View events per week ✅ Switch displayed week ✅ Display current time marker on timeline

Installation

1. Install package npm install schedulite
2. Add plugin and style to your Vue 3 app in main.js or main.ts file and set use the plugin.

import  ScheduLite  from  'schedulite'
import "schedulite/dist/style.css"

// ...
app.use(ScheduLite)
// ...

Usage

Define <ScheduLite> component in your template and pass array of events into it.

<template>
  <ScheduLite
    :events="[{ id:  1, title:  'Meeting', startDate:  '2023-09-16 10:00', endDate:  '2023-09-16 11:00' }, { id:  2, title:  'English lesson', startDate:  '2023-09-16 16:00', endDate:  '2023-09-16 18:30', metadata: {} }]"
  ></ScheduLite>
</template>

Props

Events

Slots

Customisation