@throwbo/timelayer-client
@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: 'john@example.com',
},
}],
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
Related Packages
big-calendar-vue3
A fully-featured calendar component for Vue 3 with 5 views, event CRUD, user fil...
2,224
1
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 3.4.11 | ^3.3.0 | MIT | |
| 3.4.10 | ^3.3.0 | MIT | |
| 3.4.9 | ^3.3.0 | MIT | |
| 3.4.8 | ^3.3.0 | MIT | |
| 3.4.7 | ^3.3.0 | MIT | |
| 3.4.6 | ^3.3.0 | MIT | |
| 3.4.5 | ^3.3.0 | MIT | |
| 3.4.4 | ^3.3.0 | MIT | |
| 3.4.3 | ^3.3.0 | MIT | |
| 3.4.2 | ^3.3.0 | MIT |