---
sourceDocument: Yokohama ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Cool Clock widget

# Cool Clock widget {#ariaid-title1}

Release version: Yokohama  
Updated January 30, 2025  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Show different times around the world using the Cool Clock widget. You can use this base system widget as-is in your portal or clone it to suit your own business needs.

Cool clocks demonstrates how to use instance options in a widgets. The time zone is loaded
using an instance option. If you do not select a time zone, the widget uses a default time zone.  
Figure 1. Cool Clock widget

## Instance options {#cool-clock-widget__section_tyx_r41_z1b}

{#cool-clock-widget__table_flc_5nb_qz__entry__2}

| Field | Description |
|-|-|
| Title | Name of the clock, for example New York, NY. The name appears below the clock so it helps to use a name related to the time zone. |
| Timezone | The location from which the time is displayed. Use the local full name, for example, America/New York, instead of the abbreviated time zone. Using the full name allows time zones to stay consistent with daylight savings time. The default value is America/Los Angeles |
| Second hand color | Color of the second hand using the hex code, RGB, or color name. The default value is red. |
[Table 1. Cool clock widget instance options]

{#cool-clock-widget__table_flc_5nb_qz}
**Related tasks**   

* [Create and edit a page using the Service Portal Designer](https://servicenow-prod.fluidtopics.net/x2gXWj4id21P6Zpk9NeShA#t_ConfigureAPage "Create or edit a page and use layouts to organize the columns that house the widgets.")
* [Configure widget instances](https://servicenow-prod.fluidtopics.net/5W12O28oJneVtcGsqmlqKg "Create unique instances of widgets by configuring the options for each instance.")
* [Clone a widget](https://servicenow-prod.fluidtopics.net/YyFPkPDFhu~i_CR5U5Adyg "Take advantage of existing code by cloning and editing an existing widget.")