Smart Date Component

Show Preview
Smart Date Component

About Smart Date Component

About

Smart Date & Time Tag is a powerful, flexible label component that displays today’s date, a custom date, and optional time — styled your way.

Built for clarity, speed, and adaptability in modern web projects.

Component

  • Supports 5 date formats.

  • Live clock with optional custom time & date.

  • Toggle prefix, date, time, and separators.

  • Fully customizable font, padding, color, borders, and transform styles.

  • Auto adapts to your visitor’s timezone.

How to use

  1. Drop the component into your canvas.

  2. In the right panel, configure:

    • Use Today to automatically show current date.

    • Or set a custom date in YYYY-MM-DD format.

    • Toggle Clock and set a custom time (if needed).

    • Use Prefix and Separator for labeling clarity.

  3. Style it your way:

    • Adjust text styles, transform (uppercase, etc.), border radius, fill, padding, and alignment.

    • Toggle individual borders and colors for full design control.

  4. You’re done. It works instantly and displays the correct date & time based on the viewer’s timezone.Live component preview