Skip to main content

Other Props

Some other properties of TimelineCalendar

minDate​

Minimum display date. Format: (YYYY-MM-DD). Default is 2 year ago

string

maxDate​

Maximum display date. Format: (YYYY-MM-DD). Default is 2 year later

string

initialDate​

Initial display date. Format: (YYYY-MM-DD). Default is today

string

start​

Start hour of the day. Default is 0

number

end​

End hour of the day. Default is 24

number

hourWidth​

Width of hour column. Default is 53

number

firstDay​

First day of the week. Default is 1 (Monday)

number

timeInterval​

The interval of time slots. Default is 60 minutes

number

syncedLists​

Auto scroll header when scroll time slots view. Default is true

boolean

spaceFromTop​

Space between header view and time slots view. Default is 16

number

spaceFromBottom​

Space below time slots view. Default is 16

number

isShowHalfLine​

Show a line in the middle of the interval. Default is true

boolean

showNowIndicator​

Show a line at current time. Default is true

boolean

scrollToNow​

Auto scroll to current time. Default is true

boolean

rightEdgeSpacing​

Spacing at the right edge of events. Default is 1

number

overlapEventsSpacing​

Spacing between overlapping events. Default is 1

number

renderDayBarItem​

Custom header component

function

renderEventContent​

Custom component rendered inside an event

function

onPressDayNum​

Callback function will be called when day in header is pressed

function

onPressBackground​

Callback function will be called when time slots view is pressed

function

onLongPressBackground​

Callback function will be called when time slots view is long pressed

onPressOutBackground​

Callback function will be called when time slots view is pressed out

function

onPressEvent​

Callback function will be called when the event item is pressed

function

isShowHeader​

Show/Hide header component. Default is true

boolean

onChange​

Callback function will be called when the timeline is scrolling

boolean

hourFormat​

Hour format. Default is HH:mm

string

eventAnimatedDuration​

How long the animation should last when the style of the event is changed. Default is 250

number

useHaptic​

Haptic Feedback when drag to create/edit.

boolean

editEventGestureEnabled​

Enable drag with selected event. Default is true

boolean

renderSelectedEventContent​

Custom component rendered inside an selected event

function

timeZone​

Use calendar in different time zones

string

renderHalfLineCustom​

Custom component rendered inside the line in the middle of the interval

function

halfLineContainerStyle​

Container style of the line in the middle of the interval.

function

nowIndicatorInterval​

Update indicator at specified intervals (in milliseconds). Default is 1000

number

calendarWidth​

Width of calendar. Default is window width

number

onTimeIntervalHeightChange​

Callback function will be called when the time interval height is changed

function