t-vc-c v0.0.8

⚠️ 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 testschedule
2. Add plugin and style to your Vue 3 app in main.js or main.ts file and set use the plugin.

import  TestSchedule  from  'testschedule'
import "testschedule/dist/style.css"

// ...
app.use(TestSchedule)
// ...

Usage

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

<template>
  <TestSchedule
    :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: {} }]"
  ></TestSchedule>
</template>

Props

Events

Slots

Customisation