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