Current Date and Time Widget


The Current Date and Time Widget is an Advanced Widget that allows you to create all sorts of digital and analog clocks that display the current date and time.

To learn how to add a Widget to your Composition, click here.

Remember, any underlined widget properties can be connected to a Control Node or a Data Node.

Example Overlay Using the Current Date and Time Widget

Embedded Output URL

This LIVE clock can be accessed by downloading the Time Widget Example from the Resources section of the Marketplace:

Property Settings 

As seen above, select the "Table" tab in the Property Panel to update this widget's following property types:



Update Frequency - How often the time updates. Options are .1 Second, Second and Minute

Time Zone - Time zone options are the usuals such as Beijing, London, Chicago and more.

Offset (Sec) - The amount of time offset in seconds. 



Format - Format display of the time. This can be "dddd D MMMM Y" for example or other time formats that can be found here.

Leading Zeros - Option to activate leading zeros.

Language - A large variety of language display options are available.

Composition - The Current Date and Time Widget is an Advanced Widget. This means it requires another layer of customization. In order to build the contents of this Current Date and Time Widget (that will be linked to Widget Nodes), you have to hit this Edit button.

Edit Button - Building the Current Date and Time Widget Elements

Hit this edit button. Now add widgets to build the visual components of your clock. If you decide on building an analog clock, you'll have to add some circle widgets, rectangle widgets and more to build the base and hands of the clock. You can also decide to build a digital clock.

Building Analog Clock Elements

Once you've added the widgets and built the clock components to your liking, you'll have to connect these Widgets to the provided Widget Nodes. the Widget Nodes came built-in with the widget and range all the way from Days to Milliseconds to Seconds Angle to Years.

Connecting Clock Elements to Widget Control Nodes

Here's a tip: to make analog clock hands move, you'll have to connect each of those components "Rotation" property within the Transform Tab of the Property Panel to the Seconds Angle, Minutes Angle and Hours Angle Widget Nodes.


Was this article helpful?
0 out of 1 found this helpful



Please sign in to leave a comment.