@throwbo/timelayer-client

A Vue 3 calendar component library for scheduling and event management.

Requirements

• Node.js >=20.19.0
• npm >=10

Installation

npm install @throwbo/timelayer-client

Peer Dependencies

npm install vue vue-router

Usage

Import styles

import '@throwbo/timelayer-client/style';

Calendar Widget

import { TimeLayer } from '@throwbo/timelayer-client';

const timelayer = await TimeLayer.init({
  token: 'your-session-token',
  settings: {
    filters: {
      events: {
        event_types: ['available_demo'],
      },
    },
  },
});

timelayer.mount('#calendar');

Booking Dialog

const timelayer = await TimeLayer.init({
  token: 'your-session-token',
  settings: {
    eventFields: [{
      name: 'booking',
      default: {
        customer_name: 'John Doe',
        customer_email: '[email protected]',
      },
    }],
    filters: {
      events: { event_types: ['available_demo'] },
    },
  },
});

timelayer.mountBookingDialog('#booking');

Events

| Event | Payload | Description | |-------|---------|-------------| | createdAppointment | Appointment | Fired when a booking is created | | canceledAppointment | { occurrence_id, appointment_id } | Fired when a booking is canceled | | openBookingDialog | — | Open the booking dialog programmatically |

License

MIT © Throwing Boulders