# Dynamic date variable

The dynamic date variable allows you to display custom dates in your HTML-based demos. Whether you need to show today's date, a past date, or a future date, this variable automatically updates it. By displaying real, dynamic dates, you create a more authentic and engaging demo experience.

### How to add a dynamic date variable

{% @guideflow/guideflow-embed requestedUrl="<https://app.guideflow.com/embed/er56gv0b6p>" %}

Follow these steps to add a dynamic date variable to your demo:

* Go to the **HTML editor** and select an element
* Click on **Add variables** and select the **Date variable**
* Choose the **Date format** (or type it in manually) and preview it
* **Add** the variable and see it in preview

### Date offset

Need to show dates in the past or future? You can offset the date by days, weeks, months, and years. Simply toggle on the **offset** and specify the number (use negative numbers to show past dates). For example, offsetting by 1 year will display the date one year from today.