Skip to Main Content
Component Designer
Author
Install App
Home
You have an idea?
nobody
Calendar
Preview
Calendar
Jun 1 – 7, 2025
today
Sun 6/1
Mon 6/2
Tue 6/3
Wed 6/4
Thu 6/5
Fri 6/6
Sat 6/7
all-day
12am
1am
2am
3am
4am
5am
6am
7am
8am
9am
10am
11am
12pm
1pm
2pm
3pm
4pm
5pm
6pm
7pm
8pm
9pm
10pm
11pm
9:00 - 10:00
Meeting
1:00 - 4:00
Sport event
7:00 - 1:00
Oracle Conference
9:00 - 11:00
Conference Party
1:00 - 6:00
Sport event
11:00 - 8:00
Team Building
11:00 - 1:00
Learning
Properties
Slots
slotDuration
The frequency for displaying time slots. default: '00:30:00' (30 minutes)
slotMinTime
Determines the first time slot that will be displayed for each day. Default: "00:00:00"
slotMaxTime
Determines the last time slot that will be displayed for each day. Default: "24:00:00"
Events
eventColor
Sets the background and border colours for all events on the calendar.
eventBorderColor
Sets the border colour for all events on the calendar.
eventTextColor
Sets the text colour for all events on the calendar.
eventMinHeight
In timeGrid view, the minimum height an event is allowed to be. Default: 15
eventShortHeight
In timeGrid view, the height threshold for when an event has a “short” style. Default: 30.
eventDisplay
Auto
Background
Block
Inverse-background
List-item
None
Controls which preset rendering style events use.
Business Hours
Business Hours
No businessHours set.
selectConstraint
Restricts event creation to business hours.
eventConstraint
Restricts event dragging and resizing to business hours.
Misc
nowIndicator
Display
Hide
Whether or not to display a marker indicating the current time. Default: false
weekNumbers
Display
Hide
Determines if week numbers should be displayed on the calendar.
weekText
The heading text for week numbers.
height
auto
,
600
Sets the height of the entire calendar, including header and footer.
contentHeight
auto
,
600
Sets the height of the view area of the calendar.
locale
The locale options allow you to localize certain aspects of the calendar:
---
Log In