@particle-academy/react-fancy 4.17.0 → 4.17.1
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/dist/index.cjs +23 -23
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -23
- package/dist/index.js.map +1 -1
- package/package.json +7 -4
package/dist/index.cjs
CHANGED
|
@@ -10253,6 +10253,29 @@ var TimePicker = react.forwardRef(
|
|
|
10253
10253
|
const { hours: h24, minutes } = parseTime(value);
|
|
10254
10254
|
const isPM = h24 >= 12;
|
|
10255
10255
|
const displayHour = format === "12h" ? h24 % 12 || 12 : h24;
|
|
10256
|
+
const updateTime = react.useCallback(
|
|
10257
|
+
(hours, mins) => {
|
|
10258
|
+
setValue(`${pad(hours)}:${pad(mins)}`);
|
|
10259
|
+
},
|
|
10260
|
+
[setValue]
|
|
10261
|
+
);
|
|
10262
|
+
const changeHour = react.useCallback(
|
|
10263
|
+
(delta) => {
|
|
10264
|
+
const newHour = (h24 + delta + 24) % 24;
|
|
10265
|
+
updateTime(newHour, minutes);
|
|
10266
|
+
},
|
|
10267
|
+
[h24, minutes, updateTime]
|
|
10268
|
+
);
|
|
10269
|
+
const changeMinute = react.useCallback(
|
|
10270
|
+
(delta) => {
|
|
10271
|
+
const newMin = (minutes + delta + 60) % 60;
|
|
10272
|
+
updateTime(h24, newMin);
|
|
10273
|
+
},
|
|
10274
|
+
[h24, minutes, updateTime]
|
|
10275
|
+
);
|
|
10276
|
+
const toggleAmPm = react.useCallback(() => {
|
|
10277
|
+
updateTime((h24 + 12) % 24, minutes);
|
|
10278
|
+
}, [h24, minutes, updateTime]);
|
|
10256
10279
|
if (!showControl) {
|
|
10257
10280
|
const formatted = format === "12h" ? `${pad(displayHour)}:${pad(minutes)} ${isPM ? "PM" : "AM"}` : `${pad(displayHour)}:${pad(minutes)}`;
|
|
10258
10281
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -10280,29 +10303,6 @@ var TimePicker = react.forwardRef(
|
|
|
10280
10303
|
}
|
|
10281
10304
|
);
|
|
10282
10305
|
}
|
|
10283
|
-
const updateTime = react.useCallback(
|
|
10284
|
-
(hours, mins) => {
|
|
10285
|
-
setValue(`${pad(hours)}:${pad(mins)}`);
|
|
10286
|
-
},
|
|
10287
|
-
[setValue]
|
|
10288
|
-
);
|
|
10289
|
-
const changeHour = react.useCallback(
|
|
10290
|
-
(delta) => {
|
|
10291
|
-
const newHour = (h24 + delta + 24) % 24;
|
|
10292
|
-
updateTime(newHour, minutes);
|
|
10293
|
-
},
|
|
10294
|
-
[h24, minutes, updateTime]
|
|
10295
|
-
);
|
|
10296
|
-
const changeMinute = react.useCallback(
|
|
10297
|
-
(delta) => {
|
|
10298
|
-
const newMin = (minutes + delta + 60) % 60;
|
|
10299
|
-
updateTime(h24, newMin);
|
|
10300
|
-
},
|
|
10301
|
-
[h24, minutes, updateTime]
|
|
10302
|
-
);
|
|
10303
|
-
const toggleAmPm = react.useCallback(() => {
|
|
10304
|
-
updateTime((h24 + 12) % 24, minutes);
|
|
10305
|
-
}, [h24, minutes, updateTime]);
|
|
10306
10306
|
const spinBtnClass = "flex h-7 w-full items-center justify-center rounded text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300 disabled:opacity-50";
|
|
10307
10307
|
const displayClass = "flex h-10 w-12 items-center justify-center text-lg font-medium tabular-nums";
|
|
10308
10308
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|