Adding a Dynamic Date Variable

Overview

Dynamic date is a built-in variable which allows for the dates within your demo to always be relevant. For example, if you always want to show the current date, tomorrow, or always show a few months in advance, then the dynamic date variable is what you want to set up. With multiple formatting options, you can really customize the look and feel of the date, without having to constantly update the demo to constantly show relevant dates. 

Instructions

1. Open Walnut’s editor.

2. Click on the element you'd like to change to a dynamic date and click the three dots to open the menu.

3. In the menu, go to “Set as Variable” and click on “Dynamic Date”.

4. In the modal, choose the date format you’d like to use. You can also apply relative modifiers to offset the date that will be shown in your Live Demo. Then tap “Done” to add the dynamic date.

5. Once applied, you’ll notice an editing indication on the relevant text field. When hovering on that element you’ll be able to see a purple tag with an indication that a dynamic date has been applied.

FAQ

How do I remove a dynamic date?

Select the element you want to remove the dynamic date from and click the three dots to open the menu, then select "Remove Variable."