Skip to Content
📣 See the latest news →
Resources🧩 ComponentsClock

Clock

Customizable analog and digital Clock components with hooks (useClock, useClockCountDown) for real-time time management. Features global timezone support, countdown functionality, flexible formatting, and advanced controls for digital and analog timepieces.

Full documentation and API reference available at gfazioli.github.io/mantine-clock 

Installation

yarn add @gfazioli/mantine-clock dayjs

Overview

Clock offers both visual components and utility hooks:

  • Analog Clock — customizable face, hands, and markers
  • Digital Clock — formatted time display
  • useClock — hook for real-time clock state
  • useClockCountDown — countdown timer hook
  • Timezone support — display time from any timezone
  • Customizable formatting — via dayjs format strings
Last updated on