Project Init

node_modules/@mantine/dates/cjs/components/TimeInput/TimeInput.cjs

@@ -0,0 +1,92 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var core = require('@mantine/core');
+var TimeInput_module = require('./TimeInput.module.css.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cx__default = /*#__PURE__*/_interopDefault(cx);
+
+const TimeInput = core.factory((_props, ref) => {
+  const props = core.useProps("TimeInput", null, _props);
+  const {
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    withSeconds,
+    minTime,
+    maxTime,
+    value,
+    onChange,
+    step,
+    ...others
+  } = props;
+  const { resolvedClassNames, resolvedStyles } = core.useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const checkIfTimeLimitExceeded = (val) => {
+    if (minTime !== void 0 || maxTime !== void 0) {
+      const [hours, minutes, seconds] = val.split(":").map(Number);
+      if (minTime) {
+        const [minHours, minMinutes, minSeconds] = minTime.split(":").map(Number);
+        if (hours < minHours || hours === minHours && minutes < minMinutes || withSeconds && hours === minHours && minutes === minMinutes && seconds < minSeconds) {
+          return -1;
+        }
+      }
+      if (maxTime) {
+        const [maxHours, maxMinutes, maxSeconds] = maxTime.split(":").map(Number);
+        if (hours > maxHours || hours === maxHours && minutes > maxMinutes || withSeconds && hours === maxHours && minutes === maxMinutes && seconds > maxSeconds) {
+          return 1;
+        }
+      }
+    }
+    return 0;
+  };
+  const onTimeBlur = (event) => {
+    props.onBlur?.(event);
+    if (minTime !== void 0 || maxTime !== void 0) {
+      const val = event.currentTarget.value;
+      if (val) {
+        const check = checkIfTimeLimitExceeded(val);
+        if (check === 1) {
+          if (maxTime) {
+            event.currentTarget.value = maxTime;
+          }
+          props.onChange?.(event);
+        } else if (check === -1) {
+          if (minTime) {
+            event.currentTarget.value = minTime;
+          }
+          props.onChange?.(event);
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.InputBase,
+    {
+      classNames: { ...resolvedClassNames, input: cx__default.default(TimeInput_module.input, resolvedClassNames?.input) },
+      styles: resolvedStyles,
+      unstyled,
+      ref,
+      value,
+      step: step ?? (withSeconds ? 1 : 60),
+      ...others,
+      onChange,
+      onBlur: onTimeBlur,
+      type: "time",
+      __staticSelector: "TimeInput"
+    }
+  );
+});
+TimeInput.classes = core.InputBase.classes;
+TimeInput.displayName = "@mantine/dates/TimeInput";
+
+exports.TimeInput = TimeInput;
+//# sourceMappingURL=TimeInput.cjs.map

node_modules/@mantine/dates/cjs/components/TimeInput/TimeInput.module.css.cjs

@@ -0,0 +1,7 @@
+'use client';
+'use strict';
+
+var classes = {"input":"m_468e7eda"};
+
+module.exports = classes;
+//# sourceMappingURL=TimeInput.module.css.cjs.map

node_modules/@mantine/dates/cjs/components/TimeInput/TimeInput.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInput.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}