@gfazioli/mantine-clock 2.1.11 → 2.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CODE_OF_CONDUCT.md +1 -1
- package/README.md +36 -14
- package/package.json +1 -1
package/CODE_OF_CONDUCT.md
CHANGED
|
@@ -60,7 +60,7 @@ representative at an online or offline event.
|
|
|
60
60
|
|
|
61
61
|
Instances of abusive, harassing, or otherwise unacceptable behavior may be
|
|
62
62
|
reported to the community leaders responsible for enforcement at
|
|
63
|
-
|
|
63
|
+
giovambattista.fazioli@gmail.com.
|
|
64
64
|
All complaints will be reviewed and investigated promptly and fairly.
|
|
65
65
|
|
|
66
66
|
All community leaders are obligated to respect the privacy and security of the
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Mantine Clock Component
|
|
2
2
|
|
|
3
|
-
<img
|
|
3
|
+
<img alt="Mantine Clock" src="https://github.com/gfazioli/mantine-clock/blob/master/logo.png" />
|
|
4
4
|
|
|
5
5
|
<div align="center">
|
|
6
6
|
|
|
@@ -9,25 +9,24 @@
|
|
|
9
9
|
[](https://www.npmjs.com/package/@gfazioli/mantine-clock)
|
|
10
10
|
|
|
11
11
|
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
[<kbd> <br/> ❤️ If this component has been useful to you or your team, please consider becoming a sponsor <br/> </kbd>](https://github.com/sponsors/gfazioli?o=esc)
|
|
16
|
+
|
|
12
17
|
</div>
|
|
13
18
|
|
|
14
19
|
## Overview
|
|
15
20
|
|
|
16
21
|
This component is created on top of the [Mantine](https://mantine.dev/) library.
|
|
17
22
|
|
|
18
|
-
[
|
|
19
|
-
)](https://mantine.dev/)
|
|
23
|
+
[Mantine Clock](https://gfazioli.github.io/mantine-clock/) delivers both an analog Clock component and time-management hooks tailored for React applications.
|
|
20
24
|
|
|
21
|
-
|
|
25
|
+
The Clock supports live ticking or static display via a value prop, multiple second-hand behaviors (smooth, tick, half‑tick), and rich styling through classNames and the Styles API—including control over ticks, numbers, hands, center dot, and themed appearances like a “Neon Cyber Clock.” It further enables visual sector arcs that dynamically align to current seconds, minutes, and hours hand positions, with precise start rules, direction, colors, and opacity.
|
|
22
26
|
|
|
23
|
-
[!
|
|
24
|
-
|
|
25
|
-
[
|
|
26
|
-
)](https://gfazioli.github.io/mantine-clock/)
|
|
27
|
-
[](https://mantine-extensions.vercel.app/)
|
|
29
|
-
|
|
30
|
-
👉 You can find more components on the [Mantine Extensions Hub](https://mantine-extensions.vercel.app/) library.
|
|
27
|
+
> [!note]
|
|
28
|
+
>
|
|
29
|
+
> → [Demo and Documentation](https://gfazioli.github.io/mantine-clock/) → [Youtube Video](https://www.youtube.com/playlist?list=PL85tTROKkZrWyqCcmNCdWajpx05-cTal4) → [More Mantine Components](https://mantine-extensions.vercel.app/)
|
|
31
30
|
|
|
32
31
|
|
|
33
32
|
## Installation
|
|
@@ -236,11 +235,34 @@ function ControllableCountdown() {
|
|
|
236
235
|
- **Performance Optimized**: Efficient updates with minimal re-renders
|
|
237
236
|
- **Responsive Design**: Adapts to different screen sizes automatically
|
|
238
237
|
|
|
238
|
+
## Sponsor
|
|
239
239
|
|
|
240
240
|
<div align="center">
|
|
241
|
-
|
|
242
|
-
[
|
|
241
|
+
|
|
242
|
+
[<kbd> <br/> ❤️ If this component has been useful to you or your team, please consider becoming a sponsor <br/> </kbd>](https://github.com/sponsors/gfazioli?o=esc)
|
|
243
243
|
|
|
244
244
|
</div>
|
|
245
245
|
|
|
246
|
+
Your support helps me:
|
|
247
|
+
|
|
248
|
+
- Keep the project actively maintained with timely bug fixes and security updates
|
|
249
|
+
- Add new features, improve performance, and refine the developer experience
|
|
250
|
+
- Expand test coverage and documentation for smoother adoption
|
|
251
|
+
- Ensure long‑term sustainability without relying on ad hoc free time
|
|
252
|
+
- Prioritize community requests and roadmap items that matter most
|
|
253
|
+
|
|
254
|
+
Open source thrives when those who benefit can give back—even a small monthly contribution makes a real difference. Sponsorships help cover maintenance time, infrastructure, and the countless invisible tasks that keep a project healthy.
|
|
255
|
+
|
|
256
|
+
Your help truly matters.
|
|
257
|
+
|
|
258
|
+
💚 [Become a sponsor](https://github.com/sponsors/gfazioli?o=esc) today and help me keep this project reliable, up‑to‑date, and growing for everyone.
|
|
259
|
+
|
|
260
|
+
---
|
|
261
|
+
|
|
246
262
|
https://github.com/user-attachments/assets/727a8634-28ee-4279-80b1-dcf2cb7f5961
|
|
263
|
+
|
|
264
|
+
---
|
|
265
|
+
|
|
266
|
+
[](https://www.star-history.com/#gfazioli/mantine-clock&Timeline)
|
|
267
|
+
|
|
268
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gfazioli/mantine-clock",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.13",
|
|
4
4
|
"description": "React Clock components and hooks for Mantine with timezone support, countdown timers, customization options, and real-time updates.",
|
|
5
5
|
"homepage": "https://gfazioli.github.io/mantine-clock/",
|
|
6
6
|
"packageManager": "yarn@4.0.1",
|