Date Time Overlay

Date Time Overlay

The Date Time Overlay is an optional theme setting that automatically adds the current time and date to all slides by default.
The overlay updates automatically in real time and can be customised to suit your theme. You can control its position, format, and style, or allow individual slides to override the theme defaults when needed.

Enable the Date Time Overlay

  1. In the Vibe Admin Console, open Settings → Themes.
  2. Open the theme you’d like to edit.
  3. In the Date Time Overlay section, enable the Show? toggle.

Overlay Settings

When the Date Time Overlay is set to show, review the options and adjust as needed:

Setting
Description
Display Style
Overlay the current time, date or both on your channels:
  1. Time only
  2. Date only
  3. Date + Time
Position
Choose where the overlay is positioned:
  1. Top - Left, Right or Center
  2. Bottom - Left, Right or Center
Background & Text Colour
Select complimentary colours to match your branding and ensure readability over slide content.
Date & Time Format
Set your preferred formats for date and time:
  1. Date
    1. Long format: "MONDAY 1 January"
    2. Short format: MON 1 Jan
  2. Time:
    1. 12-hour: "3:45"
    2. 24-hour: "15:45"

Date & Time Example Combinations

Display StyleDate FormatTime FormatResult
Time only—12-hour3:45 
Time only—24-hour15:45
Date onlyLong date—MONDAY 1 January
Date onlyShort date—MON 1 Jan
Date and timeLong date12-hourMONDAY 1 January  3:45 
Date and timeLong date24-hourMONDAY 1 January  15:45
Date and timeShort date12-hourMON 1 Jan  3:45 
Date and timeShort date24-hourMON 1 Jan  15:45

Design Guide & Best Practices

Expected Behaviour for Date Time Overlay

Vibe shows the Date Time Overlay based on the time zone of each device. When you’re previewing slides (including using the 'Preview As' dropdown), you’ll see the date/time in your own local time zone — it won’t switch to another screen’s time zone. As long as each screen’s time zone is set correctly in its system settings, everything will show up at the right time, wherever it is in the world.

Theme vs. Slide Settings

While the Date & Time Overlay is controlled at the theme level, content creators can hide or customise it's position, background and text colour. This allows flexibility if a slide already includes a date or time within its design.
Notes
Vibe content creators should enable slide-level overrides only where needed (to reduce manual work).

Overlay Position & Info Bar Behaviour

When the info bar is visible, the Date Time overlay repositions to avoid overlap.
  • If the overlay position is Bottom Center, it will sit above the info bar, leaving a small gap between them.
     
  • If the overlay position is Bottom left or Bottom right, the overlay aligns within the info bar area and uses the same height, so both elements appear visually integrated.


Meeting Room Themes

The overlay is automatically disabled for meeting room displays as Microsoft Teams Meeting Rooms automatically show date and time information.

Theme Design Tips

  1. Use high-contrast colours for readability over different backgrounds.
  2. Avoid positioning that might overlap with important content.
  3. Keep formatting consistent across themes for a polished network look.