1. Drag the "Relative Time" element on to your Bubble page. Keep it visible (it doesn't actually show up in view mode).
2. In the Properties pane, specify a value in the 'Date' property. This is the date and time you wish to compare to the current date and time. It can be a database date field, e.g. Comment's Creation date. It can also be the value of a date input.
3. Optionally specify a refresh interval in milliseconds. If you leave blank, the relative time will refresh when a related field or value changes or when the page is reloaded. If you do specify a value, the relative time will be auto-refreshed at the frequency you specify. Use with caution as refreshing too frequently may hinder performance or have unexpected consequences.
4. NEW: Optionally hide the suffix by ticking the Hide Suffix checkbox. This will output the value in the format "2 years" rather than "2 years ago" or "in 2 years".
5. NEW: Optionally specify a 'Baseline Date', to express your date relative to another dynamic date, instead of the default which is the current time. Leave blank to stick to the default.
6. Add a Text element to your page to display the relative time and specify its value as the "current value" of the Relative Time element you added in step 1. You may want to add some static text too, e.g. 'Posted' to get an output like "Posted a minute ago".
NOTES
a. You can also refer to the Relative Time's current value in a workflow.
b. You can add multiple instances to your page or use it in a Repeating Group.
c. For a demo of this plugin, go to:
https://louisbubbleplugins.bubbleapps.io/version-test/relativetimedemo