Smart Date Component
A customizable date and time component for Framer. Supports multiple formats, live clock, custom styling, and real-time updates—all with native Framer controls.
Make it with Workshop
Build your own component with AI
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
Drop the component into your canvas.
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.
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.
You’re done. It works instantly and displays the correct date & time based on the viewer’s timezone.
Live component preview
