Date and Time
Real-time clock with 12/24hr formats, 9 date styles including "24 Oct 2025", one/two-line layouts, custom separators & full typography control. Ideal for dashboards & hero sections
Make it with Workshop
Build your own component with AI
Here's a concise version with bullet points:
Live Date & Time Display Component
A professional, real-time date and time component with extensive customization options. Perfect for hero sections, dashboards, event pages, and any project requiring live time display.
Features:
Time Display:
12-hour or 24-hour format
Optional seconds display
Real-time updates every second
AM/PM indicator for 12-hour format
Date Formats (9 Options):
Full: "Monday, January 15, 2024"
Short: "Jan 15, 2024"
Day Month: "15 Jan 2024"
Numeric: "01/15/2024"
ISO: "2024-01-15"
Dot: "15.01.2024"
Day Short: "Mon, Jan 15"
Month Day: "January 15"
Day Month Short: "15 Jan"
Layout Options:
One-line layout: Time and date together
Two-line layout: Stacked display
Separators (One-Line Mode):
Dash - | Pipe | | Dot • | Comma , | Space | At at
Typography Controls:
Custom font family
Adjustable font size
Font weight (Light to Extra Bold)
Line height control
Letter spacing adjustment
Styling:
Custom text color
Text alignment (Left, Center, Right)
Auto-sizing to content
Fully responsive
