Main component is the CalendarContainer This takes 3 props
- A user array consisting of a user object containing a user ID and a user name
- An events array
- A calendar options object
Property | Type (description) |
---|---|
id | String (user id) |
name | String |
Property | Type (description) |
---|---|
id | String (event id) |
user_id | String |
title | String (event title) |
description | String (a description for the event) |
color | String (a hex color for the event) |
start_time | String (a start time and date for the event in the format YYY-MM-DD HH:mm:ss) |
end_time | String (an end time and date for the event in the same format as start time) |
Property | Type (description) |
---|---|
mode | String (either of 'week' or 'day') |
five_minute_height | Number (the number of pixels to represent 5 minutes on the calendar) |
start_hour | Number (the hour to start the day) |
end_hour | Number (the hour to end the day) |
focus_date | String (date the calendar will set as the current date) |
Event | Description |
---|---|
cellClick | emitted when an empty cell is clicked, use to book an event |
eventClick | emitted when an event is clicked, use to update or delete an event |
Event | Payload |
---|---|
cellClick | cellData { index (Number), value ( String 'YYYY-MM-DD HH:mm:ss')} |
evnetClick | event (an event object) |