FullCalendar
v7
v7
latest
v6
(opens in a new tab)
v5
(opens in a new tab)
v4
(opens in a new tab)
v3
(opens in a new tab)
v2
(opens in a new tab)
v1
(opens in a new tab)
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
20.7k
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
Search
⌘
K
Getting Started
React
Vue
Angular
Vanilla JS
Preact
Web Component
Salesforce LWC
Tools & Plugins
Agent Guide
Plugins
Premium
V7 Migration
Overall Display
Theme
Toolbar
Sizing
Virtual Rendering
Locale
Views
Month
TimeGrid
List
DayGrid
Multi-Month Stack
Multi-Month Grid
Timeline
Vertical Resource
Custom Views
View API
Date & Time
Date Model
Time Zone
Date & Time Display
Date Navigation
Date Nav Links
Week Numbers
Date Clicking & Selecting
Now Indicator
Business Hours
Events
Event Model
Event Sources
Event Display
Event Clicking & Hovering
Event Dragging & Resizing
Event Popover
Background Events
Resources
Resource Data
Resource Display
Accessibility
Accessibility
Touch Support
Printer-Friendly Rendering
Docs menu
All Docs
Now Indicator
Copy page
Edit page
Mark the exact current time in
TimeGrid view
and
Timeline view
.
Options
nowIndicator
Whether or not to display a marker indicating the current time.
now
Explicitly sets the "today" date of the calendar.
Render Hooks
nowIndicatorHeader
Customize the now-indicator's "arrow" in the time axis.
nowIndicatorLine
Customize the now-indicator's "line" element.
nowIndicatorDot
Customize the now-indicator's "dot", which sits alongside its line in the time axis.
