Events
Show whether a talk or class is still to come.
Content / widget · Elementor module
Manual Date State Marker Widget Plugin for Elementor
Show a date with an upcoming, today, on now or past label and “in 3 days” text, worked out in the site’s time zone.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Manual date state markerProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
Each example below is the actual published output of the Manual date state marker widget.
02 / Inside WordPress
Manual date state marker controls in Elementor
Content sets the date, an optional end date, whether the date and the day count show, hiding once passed, and the four labels. The Style tab covers the box and a text and background colour for each state.
03 / Website use cases
Where to use manual date state marker
Dates on a page go stale: an event that says “coming soon” is still there weeks later. Manual date state marker shows the date with a label that changes by itself, upcoming, today, on now or past, and how many days away it is. It uses the site’s time zone and recalculates in the browser, so cached pages stay right.
Offers
Mark a sale as on now, then ended.
Deadlines
Show how many days are left to apply.
04 / Installation and setup
How to add a manual date state marker in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Manual date state marker in the Complementor library.
Add the widget to the page.
Type the date as YYYY-MM-DD, and an end date for something that lasts several days.
Change the labels if you like.
Style the box and the label colours.
05 / Content and style controls
Customize manual date state marker in Elementor
Configure the settings available for this module to suit the page you are building.
Upcoming, today, on now and past.
Optional end date.
Site time zone.
“In 3 days” in the site language.
Hide once passed.
A colour for each state.
06 / Choose the right approach
Manual date state marker and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Typing “upcoming” by hand
Goes out of date as soon as the day passes.
A countdown timer
Counts seconds when a day count is enough, and stops making sense afterwards.
07 / Requirements and compatibility
Manual date state marker compatibility with Elementor
- Requires Elementor.
- Whole days, not times of day.
- One date or one range per widget.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot manual date state marker
Check these settings if the published page behaves differently from the editor.
Why does the editor say the date is not valid?
Use YYYY-MM-DD, such as 2026-10-14, and a date that exists.
Which time zone is used?
The site’s, from Settings > General.
Why did it disappear?
Hide once the date has passed is on.
Does it update on cached pages?
Yes. The browser works the state out again when the page opens.
Manual date state marker plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Which date formats can I type?
Year, month and day as YYYY-MM-DD. It is shown in the site’s date format.
Can it mark a range of days?
Yes. Add an end date; between the two it says “On now”.
Is it accessible?
Yes. The date is a real time element and the state is written as text, not shown by colour alone.
Does it send anything to a server?
No. It works in the visitor’s browser and makes no requests of its own.
10 / Annual All Access subscription
Get manual date state marker with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.