SharePoint Online World Clock Web Part

In this SharePoint tutorial, we will learn about the SharePoint Online World Clock Web Part and also will cover how to display the current time with date and day in the modern SharePoint World Clock Web Part for the selected or detected locations in the world.

The World Clock web part is not available in the SharePoint Server 2019.

What is the SharePoint Online World Clock web part?

  • The modern SharePoint Weather web part displays the current time for the selected location or detected current location around the world.
  • In the world clock web part, we can also display the date and day with the current time.
  • In a single section layout, we can add multiple locations and display the time information for the selected locations.
  • The World clock web part is available on the modern SharePoint team site and also on the communication site but it is not available in SharePoint Server 2019.

Read How to use SharePoint document library web part

Add the World clock web part in the SharePoint online

  • Go to the modern SharePoint site page -> Choose the Edit Page option -> Select + icon to add a new section layout and then pick the + icon and add the World clock web part to the modern SharePoint site page.
add World clock web part SharePoint online
add World clock web part SharePoint online
  • In the below screenshot, we can see the World clock web part is added. In addition, we can add the title to the World clock web part, and also we can add a World clock location to display time with date in the modern SharePoint world clock web part.
add World clock web part in the SharePoint online
add the World clock web part in the SharePoint online

This is how we can add a World clock web part in SharePoint online.

Read How to change the SharePoint site from private to public

Edit World clock web part in the SharePoint online

Let us see how we can edit and configure the World clock web part in modern SharePoint,

  • Select the Edit icon in the modern SharePoint World clock web part. It opens the World clock web properties pane on the right-hand side.
  • We can show the current time and date for the selected locations around the world.
  • We also have an option to select the date format, Time format, and day to display in the world clock web part.
  • If we want to change the date format and time format, we have to enable the data and time format toggle control to yes.
  • In the below screenshot you can see, that I have added the three locations and displayed the current time with date and day.
edit World clock web part in the SharePoint online
edit World clock web part in the SharePoint online

Date Format

  • We can choose the date format that we want to display in the world clock web part, by default date format will be in mmmm dd, yyyy format.
  • We can select any one of the four date format options mentioned below:
    • mmmm dd, yyyy
    • mm/dd/yyyy
    • dd/mm/yyyy
    • yyyy/mm/dd

In the below screenshot you can see, that I have selected the Date format as dd/mm/yyyy and it also displays the same format in the world clock web part.

edit World clock web part date format in the SharePoint online
edit World clock web part date format in the SharePoint online

Time Format

  • We can choose the Time format that we want to show in the world clock web part, by default Time format will be in AM/PM format.
  • There are two Time format options available as mentioned below, we can select either one of the options.
    • AM/PM
    • 24 hour

In the below screenshot you can see, that I have selected the Time format as 24 hours and it displays the 24 hours time format in the world clock web part.

edit World clock web part time format in the SharePoint online
edit World clock web part-time format in the SharePoint online

Day

  • If we want to show the day in the world clock web part, then we have to enable the show day of the week toggle control to yes. By default, it will be in Yes.
  • The below screenshot represents, to show the day of the week in a world clock web part.
edit World clock web part show day in the SharePoint online
edit World clock web part show day in the SharePoint online
  • If we don’t want to show the day in the world clock web part, then we can disable the show day of the week toggle control to No.
  • The below screenshot represents, hiding the day of the week in a world clock web part.
  • Select Republish to commit your changes.
edit World clock web part hide day in the SharePoint online
edit World clock web part hide day in the SharePoint online

To remove the clock select the Remove (X) option. Select Republish to save your changes.

remove World clock web part in the SharePoint online
remove the World clock web part in the SharePoint online

This is how we can edit and configure the world clock web part on a modern SharePoint page.

Read How to share a SharePoint site with external users

Move, duplicate or delete the Modern SharePoint World clock Web Part

Let us see how we can move, duplicate or delete the world clock web part in the modern SharePoint.

To Move the world clock web part, select the Move web part option in the toolbox on the left of the world clock web part box. Drag and drop the icon to the place where you need the world clock web part to be located.

move World clock web part in the SharePoint online
move the World clock web part in the SharePoint online

Select the Duplicate web part option available in the toolbox. This will automatically make a duplicate copy of the world clock web part.

duplicate World clock web part in the SharePoint online
duplicate the World clock web part in the SharePoint online

To delete or remove your world clock web part from the SharePoint Online site, select the Delete web part option in the toolbox.

delete World clock web part in the SharePoint online
delete the World clock web part in the SharePoint online

This is how we can move, duplicate or delete the world clock web part in the modern SharePoint site.

You may like the following SharePoint tutorials:

In this SharePoint tutorial, we have learned SharePoint online world clock web part, how to add and display the current time with date and day by using the world clock web part to the SharePoint modern page, and also covered the below-mentioned topics:

  • Edit and configure the world clock web part in the SharePoint online
  • Move, duplicate or delete the Modern SharePoint world clock Web Part
>