Skip to main content

Calendar Settings (UI)

These settings control the calendar's view modes, time display, visual appearance, event interaction, and overlap behavior. For a thorough walkthrough of every calendar UI element — including toolbar buttons, view modes, event text coloring, sticky headers, and more — see the dedicated Calendar View page.

View Configuration​

  • Default view: set initial calendar view (dayGridMonth, timeGridWeek, timeGridDay, listWeek)
  • Default mobile view: set initial calendar view for mobile devices (screen width ≤ 768px). Independent from desktop default view (dayGridMonth, timeGridWeek, timeGridDay, listWeek)
  • Hide weekends: toggle Saturday/Sunday visibility
  • First day of week: choose locale preference (0 = Sunday, 1 = Monday, etc.)

Time Display​

  • Day start / end hour: visible time range in grids (default: 7–23)
  • Slot duration (minutes): grid slot height (default: 30 minutes, range: 1–60)
  • Snap duration (minutes): drag/resize snapping interval (default: 30 minutes, range: 1–60)
  • Drag edge scroll delay (ms): delay in milliseconds before scrolling when dragging events near the edge (default: 600ms, range: 50–2000)
  • Zoom levels (minutes): comma-separated list for CTRL+scroll zoom (default: 1, 2, 3, 5, 10, 15, 20, 30, 45, 60)

Visual Appearance​

  • Display density: comfortable or compact (default: comfortable)
  • All-day event height: maximum height for all-day events before scrolling (30–500px, default: 75px)
  • Past event contrast: visual contrast of past events (0%–100%, default: 70%)
  • Show color dots: color indicator dots in monthly view (enabled by default)
  • Thicker hour lines: bolder full-hour lines in day/week views (enabled by default)
  • Show duration in event title: appends duration after event title (enabled by default)
  • Event time in week/day views: choose whether timed event start times are normal size, small, hidden, or automatically hidden when the rendered time-grid tile is too short (default: Normal)
  • Event time in month views: choose whether timed event start times are normal size, small, hidden, or automatically hidden when the rendered month or year tile is too narrow (default: Normal). Month view continues to hide times on mobile.
  • Event text alignment: align event titles, times, and displayed properties left, center, or right within calendar tiles (default: Left).
  • Event title separator: choose whether the dot before an event title is always hidden, always visible, or hidden only with its time label, including all-day, mobile-month, and Auto-hidden events (default: Always visible).
  • Default event text color: preferred event text color (default: white)
  • Alternative event text color: fallback used when the default isn't readable enough on the event's background (default: black)
  • Text contrast sensitivity: how eagerly the alternative kicks in — a nine-step ladder from Always primary (never switch) through half-step contrast floors (1.5:1 up to 4.5:1; default: Moderate, 2.5:1) to Maximum contrast (always the stronger of the two). See Calendar View → Event Text Coloring for details.
  • Sticky day headers: pin day/date headers when scrolling in day/week views (enabled by default)
  • Sticky all-day events: pin all-day section when scrolling in day/week views (enabled by default)

Event Interaction​

  • Enable event preview: hover previews inside the calendar (enabled by default)
  • Show current time indicator: time line in day/week views (enabled by default)
  • Highlight upcoming event: subtly highlight events that are currently active (if any), or the next upcoming event. Only visible when the current time is within the visible date range (enabled by default)
  • Skip underscore properties: hide properties starting with _ from event previews and edit modals (enabled by default)

Event Overlap​

  • Allow slot event overlap: in week and day views, draw overlapping timed events as a cascade, later events on top and offset to the right, with each covered event's text wrapped into the part that stays visible. When disabled, each event gets its own column side by side (default: enabled)
  • Allow event overlap: whether you can drag or resize an event onto a time another event already occupies. When disabled, a drop that would create a new double booking is refused; an event that already overlaps another can still be moved out of it. Does not change how events are drawn (default: enabled)
  • Event stack limit: maximum events to stack before "+more" link (1–10, default: 4)
  • Desktop max events per day: maximum events per day on desktop before "+more" (0–20, 0 = unlimited, default: 0)
  • Mobile max events per day: maximum events per day on mobile before "+more" (0–20, 0 = unlimited, default: 4)