Clock — butter docs Skip to content
Widgets / The day

Clock

Time and date, no clutter. A second one in another timezone, if that's how your day works.

Time, date, and nothing else. Twelve- or twenty-four-hour, seconds if you want them, the date below in long or short form, and an optional timezone override if you live across more than one. Drop a second Clock next to the first when you're working with a remote team and need their time in your peripheral vision.

Free 4×2 default, up to 4×3 No network, no storage
Clock
9:42
Friday, May 8

Add it to your dashboard

Press E to enter edit mode, then A to open the widget picker and choose Clock. It drops in at a compact four-wide, two-tall cell — small enough to live in a header row, big enough that the time stays legible from across the room.

Want two Clocks? Drop a second one in and set a different timezone on each. Settings are per-instance, so you can have local time on the left and America/New_York on the right with no fuss.

Settings

Enter edit mode ( E ) and click the gear in the Clock's title bar, or right-click the widget.

Setting Type Default
24-hour time

Off shows 12-hour with AM/PM (3:47 PM); on shows 24-hour (15:47). Date format follows the same locale.

toggle off
Show seconds

Adds seconds to the readout. When on, the widget re-renders every second; when off, every fifteen — enough to keep the minute close to your wall clock without burning a tick of CPU you don't need.

toggle off
Date format

Long renders Tuesday, May 12; short renders Tue, 12 May; hidden drops the date row entirely and centres the time vertically.

long · short · hidden long
Timezone

Type an IANA name like America/New_York or Asia/Tokyo to show another zone — useful as a "second clock" stacked next to your local one. Empty means this device's timezone. An invalid name silently falls back to local.

IANA name empty (local)

Small things you might miss

  • Tick rate adapts to what you're showing. Seconds off → the widget re-renders once every fifteen seconds; seconds on → once per second. The minute always rolls within a hair of your system clock either way.
  • Invalid timezones fail quietly. Mistype the IANA name and you get local time, not a broken widget. The settings field is the only place you'll see what you actually entered.
  • Date row hides cleanly. Set Date format to Hidden and the time centres itself in the cell — there's no ghost of the missing date sitting underneath.

Heads up

  • Locale follows your browser. The clock uses toLocaleTimeString and toLocaleDateString under the hood, so weekday names and month names render in your browser's configured locale — not a setting we expose. If you want different language output, change your browser language.
  • No DST surprises. The timezone field is a real IANA zone, so daylight saving transitions land on the right day for that region. Custom offsets like UTC+05:30 aren't supported — use Asia/Kolkata instead.