Digital Clock

The Digital Clock displays the current date and time both for the local user plus any number of additional time zones.

The web part can be configured to:

  • display the time only
  • either use the military or AM/PM time format
  • set the time font size
  • set the time and date font colors
  • add different “world clock” time zones including Automatic Daylight Savings Time


Download and extract the current version of the WebPart.
Navigate to the App Catalog, upload the .sppkg file.
The Dialog will ask you about the deployment method and offer you the ability to deploy the Solution to all Sites (Checkbox).
now the WebPart is available to attach it to a WebPart zone as needed


Show Local Clock: either show the local clock or not
Show Local Date: if the Local Clock is enabled, you can either display the Local Date or not
World Clock location: this is a string conficuration with the following syntax: DisplayName|TimeZone;DisplayName2|TimeZone2
The specific TimeZone can be found here: TimeZone Identifier.
Show Date: a switch to enable the TimeZone Date
World Clock Date Format: configure the Date Formation as needed: Examples
Width: set the width in Pixels. If empty, it will be responsive (100%).
Background Color: set the Background Color to the Local Clock
World Clock background Color: set the Background Color to the World Clock
CSS Style: addition Cascading style sheet is set here
License Key: Enter your license Key.
Opitons: available options are set here

AE Digital Clock SPFx Version
AE Digital Clock SPFxUSD 30.00

Leave a Reply

Notify of