Skip to content
  • There are no suggestions because the search field is empty.

Configuring the time and date widget (Welcome)

How to customize the time and date display in the Welcome app

The Welcome app includes a configurable time and date widget that displays the current time and date on your intranet. This feature supports a range of customizations, including time format preferences, custom date formatting, and the ability to display multiple time zones.

This guide walks you through how to configure the time and date widget for your users.

Jump to

Accessing time and date settings

  1. Edit the page and select the Welcome web part.
  2. In the web part property pane, select the Time and date tab.
  3. The Time and date options panel will expand, showing a live preview at the top.

Time settings

The Display time control has three options:

  1. Browser default - Displays the time using the regional time format set in the user's browser. This is the default.
  2. Custom - Enables a Time format selector, letting you choose a consistent format for all users. Choose from AM/PM or 24-hour.
  3. Off - Hides the time entirely.

Date settings

The Display date control also has three options:

  1. Browser default - Displays the date using the regional date format set in the user's browser. This is the default.
  2. Custom - Enables a Date format dropdown with several preset date formats to choose from. You can also select Custom from the dropdown to enter your own format using the tokens listed in the Custom date format tokens section below.
  3. Off - Hides the date entirely.

Custom date format tokens

When using the Custom date format option, you can build any date format using the tokens below.

Note: Only date tokens are supported. Time tokens (hours, minutes, seconds, AM/PM, etc.) are not applicable in this field.

Token Output Description
YY 26 Two-digit year
YYYY 2026 Four-digit year
M 1-12 Month
MM 01-12 Month, two digits
MMM Jan-Dec Abbreviated month name
MMMM January-December Full month name
D 1-31 Day of the month
DD 01-31 Day of the month, two digits
d 0-6 Day of the week (0 = Sunday)
dd Su-Sa Minimal day name
ddd Sun-Sat Short day name
dddd Sunday-Saturday Full day name

Time zone settings

The Time zones section lets you display one or more time zones alongside the time and date.

  1. Select + Add time zone.
  2. In the Location field, type a city or region name and select a match from the suggestions.
  3. Optionally, select Rename display name and enter a custom label - for example, Chicago Office or Headquarters.
  4. Select Save to confirm.

The time zone will appear in the Welcome web part alongside the time and date. You can add multiple time zones, which is useful for global organizations displaying times across regions.

Related articles