Data can be passed to the component through properties on the root component.
Prop | Type | Default | Description |
---|---|---|---|
events | Array | [] | Set of events to be displayed |
height | String | '500px' | Height of the calendar |
disabled | Object | {} | View the disabled settings obj |
highlighted | Object | {} | View the highlighted settings obj |
displayShowMoreCount | Boolean | false | Weather the count of remaining events should be displayed |
Events to be displayed on the calendar.
[
{
start : Date,
end : Date,
title : 'FooEvent',
classes : ['testClass']
},
]
Days that have to get the disabled class.
disabled: {
to: new Date(2017, 9, 5), // Disable all dates up to specific date
from: new Date(2017, 11, 26), // Disable all dates after specific date
days: [6, 0], // Disable Saturday's and Sunday's
dates: [ // Disable an array of dates
new Date(2017, 9, 16),
new Date(2017, 9, 17),
new Date(2017, 9, 18)
]
}
Days that have to get the Highlighted class.
highlight: {
to: new Date(2017, 9, 5), // Highlight all dates up to specific date
from: new Date(2017, 11, 26), // Highlight all dates after specific date
days: [6, 0], // Highlight Saturday's and Sunday's
dates: [ // Highlight an array of dates
new Date(2017, 9, 16),
new Date(2017, 9, 17),
new Date(2017, 9, 18)
]
}
Displays the number of events above the showLimit
before the showMore link.