@rjsf/mantine 6.5.2 → 6.6.0

package/dist/index.cjs

@@ -46,8 +46,8 @@ module.exports = __toCommonJS(index_exports);
 var import_core30 = require("@rjsf/core");
 
 // src/templates/ArrayFieldItemTemplate.tsx
-var import_utils = require("@rjsf/utils");
 var import_core = require("@mantine/core");
+var import_utils = require("@rjsf/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ArrayFieldItemTemplate(props) {
   const { buttonsProps, className, hasToolbar, index, uiSchema, registry, children } = props;
@@ -64,8 +64,8 @@ function ArrayFieldItemTemplate(props) {
 }
 
 // src/templates/ArrayFieldTemplate.tsx
-var import_utils2 = require("@rjsf/utils");
 var import_core2 = require("@mantine/core");
+var import_utils2 = require("@rjsf/utils");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function ArrayFieldTemplate(props) {
   const {
@@ -141,8 +141,8 @@ function ArrayFieldTemplate(props) {
 }
 
 // src/templates/ArrayFieldTitleTemplate.tsx
-var import_utils3 = require("@rjsf/utils");
 var import_core3 = require("@mantine/core");
+var import_utils3 = require("@rjsf/utils");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function ArrayFieldTitleTemplate(props) {
   const { fieldPathId, title, uiSchema, registry, optionalDataControl } = props;
@@ -163,9 +163,9 @@ function ArrayFieldTitleTemplate(props) {
 
 // src/templates/BaseInputTemplate.tsx
 var import_react = require("react");
-var import_utils4 = require("@rjsf/utils");
 var import_core4 = require("@mantine/core");
 var import_core5 = require("@rjsf/core");
+var import_utils4 = require("@rjsf/utils");
 
 // src/utils.ts
 var uiOptionsKeys = [
@@ -313,26 +313,13 @@ function BaseInputTemplate(props) {
   ] });
 }
 
-// src/templates/DescriptionField.tsx
-var import_core6 = require("@rjsf/core");
-var import_core7 = require("@mantine/core");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function DescriptionField(props) {
-  const { id, description, registry, uiSchema } = props;
-  if (description) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core7.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core6.RichDescription, { description, registry, uiSchema }) });
-  }
-  return null;
-}
-
-// src/templates/ErrorList.tsx
-var import_utils6 = require("@rjsf/utils");
-var import_core8 = require("@mantine/core");
+// src/templates/ButtonTemplates/AddButton.tsx
+var import_utils7 = require("@rjsf/utils");
 
 // src/templates/icons.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Plus({ size, style, ...others }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -348,15 +335,15 @@ function Plus({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 5l0 14" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 12l14 0" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 5l0 14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M5 12l14 0" })
       ]
     }
   );
 }
 function Copy({ size, style, ...others }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -372,15 +359,15 @@ function Copy({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" })
       ]
     }
   );
 }
 function ChevronDown({ size, style, ...others }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -396,14 +383,14 @@ function ChevronDown({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M6 9l6 6l6 -6" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6 9l6 6l6 -6" })
       ]
     }
   );
 }
 function ChevronUp({ size, style, ...others }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -419,14 +406,14 @@ function ChevronUp({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M6 15l6 -6l6 6" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6 15l6 -6l6 6" })
       ]
     }
   );
 }
 function X({ size, style, ...others }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -442,15 +429,15 @@ function X({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 6l-12 12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M6 6l12 12" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M18 6l-12 12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6 6l12 12" })
       ]
     }
   );
 }
 function ExclamationCircle({ size, style, ...others }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -466,56 +453,22 @@ function ExclamationCircle({ size, style, ...others }) {
       style: { width: size, height: size, ...style },
       ...others,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 9v4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 16v.01" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 16v.01" })
       ]
     }
   );
 }
 
-// src/templates/ErrorList.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function ErrorList({
-  errors,
-  registry
-}) {
-  const { translateString } = registry;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_core8.Alert,
-    {
-      color: "red",
-      variant: "transparent",
-      title: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core8.Title, { order: 5, fw: "normal", children: translateString(import_utils6.TranslatableString.ErrorsLabel) }),
-      icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ExclamationCircle, {}),
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core8.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core8.List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
-    }
-  );
-}
-
-// src/templates/ButtonTemplates/SubmitButton.tsx
-var import_core9 = require("@mantine/core");
-var import_utils7 = require("@rjsf/utils");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function SubmitButton({ uiSchema }) {
-  const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils7.getSubmitButtonOptions)(uiSchema);
-  if (norender) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
-}
-
-// src/templates/ButtonTemplates/AddButton.tsx
-var import_utils9 = require("@rjsf/utils");
-
 // src/templates/ButtonTemplates/IconButton.tsx
-var import_core10 = require("@mantine/core");
-var import_utils8 = require("@rjsf/utils");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_core6 = require("@mantine/core");
+var import_utils6 = require("@rjsf/utils");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function IconButton(props) {
   const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_core10.ActionIcon,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_core6.ActionIcon,
     {
       size: iconType,
       color,
@@ -529,19 +482,19 @@ function CopyButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconButton, { title: translateString(import_utils8.TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Copy, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Copy, {}) });
 }
 function MoveDownButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     IconButton,
     {
-      title: translateString(import_utils8.TranslatableString.MoveDownButton),
+      title: translateString(import_utils6.TranslatableString.MoveDownButton),
       variant: "subtle",
       ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronDown, {})
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronDown, {})
     }
   );
 }
@@ -549,13 +502,13 @@ function MoveUpButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     IconButton,
     {
-      title: translateString(import_utils8.TranslatableString.MoveUpButton),
+      title: translateString(import_utils6.TranslatableString.MoveUpButton),
       variant: "subtle",
       ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronUp, {})
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronUp, {})
     }
   );
 }
@@ -563,14 +516,14 @@ function RemoveButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     IconButton,
     {
-      title: translateString(import_utils8.TranslatableString.RemoveButton),
+      title: translateString(import_utils6.TranslatableString.RemoveButton),
       variant: "subtle",
       color: "red",
       ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(X, {})
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(X, {})
     }
   );
 }
@@ -578,16 +531,28 @@ function ClearButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconButton, { title: translateString(import_utils8.TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(X, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(X, {}) });
 }
 
 // src/templates/ButtonTemplates/AddButton.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function AddButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconButton, { title: translateString(import_utils9.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Plus, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Plus, {}) });
+}
+
+// src/templates/ButtonTemplates/SubmitButton.tsx
+var import_core7 = require("@mantine/core");
+var import_utils8 = require("@rjsf/utils");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function SubmitButton({ uiSchema }) {
+  const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils8.getSubmitButtonOptions)(uiSchema);
+  if (norender) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
 }
 
 // src/templates/ButtonTemplates/index.ts
@@ -604,9 +569,42 @@ function buttonTemplates() {
 }
 var ButtonTemplates_default = buttonTemplates;
 
+// src/templates/DescriptionField.tsx
+var import_core8 = require("@mantine/core");
+var import_core9 = require("@rjsf/core");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function DescriptionField(props) {
+  const { id, description, registry, uiSchema } = props;
+  if (description) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.RichDescription, { description, registry, uiSchema }) });
+  }
+  return null;
+}
+
+// src/templates/ErrorList.tsx
+var import_core10 = require("@mantine/core");
+var import_utils9 = require("@rjsf/utils");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ErrorList({
+  errors,
+  registry
+}) {
+  const { translateString } = registry;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_core10.Alert,
+    {
+      color: "red",
+      variant: "transparent",
+      title: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.Title, { order: 5, fw: "normal", children: translateString(import_utils9.TranslatableString.ErrorsLabel) }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExclamationCircle, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+    }
+  );
+}
+
 // src/templates/FieldErrorTemplate.tsx
-var import_utils10 = require("@rjsf/utils");
 var import_core11 = require("@mantine/core");
+var import_utils10 = require("@rjsf/utils");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function FieldErrorTemplate({ errors, fieldPathId }) {
   if (!errors || !errors.length) {
@@ -616,10 +614,23 @@ function FieldErrorTemplate({ errors, fieldPathId }) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.List.Item, { children: error }, `field-error-${index}`)) }) });
 }
 
-// src/templates/FieldTemplate.tsx
+// src/templates/FieldHelpTemplate.tsx
 var import_core12 = require("@mantine/core");
+var import_core13 = require("@rjsf/core");
 var import_utils11 = require("@rjsf/utils");
 var import_jsx_runtime12 = require("react/jsx-runtime");
+function FieldHelpTemplate(props) {
+  const { fieldPathId, help, uiSchema, registry } = props;
+  if (!help) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Text, { id: (0, import_utils11.helpId)(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core13.RichHelp, { help, registry, uiSchema }) });
+}
+
+// src/templates/FieldTemplate.tsx
+var import_core14 = require("@mantine/core");
+var import_utils12 = require("@rjsf/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldTemplate(props) {
   const {
     id,
@@ -638,16 +649,16 @@ function FieldTemplate(props) {
     children,
     ...otherProps
   } = props;
-  const uiOptions = (0, import_utils11.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils11.getTemplate)(
+  const uiOptions = (0, import_utils12.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils12.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Box, { display: "none", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core14.Box, { display: "none", children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     WrapIfAdditionalTemplate2,
     {
       id,
@@ -669,19 +680,6 @@ function FieldTemplate(props) {
   );
 }
 
-// src/templates/FieldHelpTemplate.tsx
-var import_utils12 = require("@rjsf/utils");
-var import_core13 = require("@mantine/core");
-var import_core14 = require("@rjsf/core");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function FieldHelpTemplate(props) {
-  const { fieldPathId, help, uiSchema, registry } = props;
-  if (!help) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Text, { id: (0, import_utils12.helpId)(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core14.RichHelp, { help, registry, uiSchema }) });
-}
-
 // src/templates/GridTemplate.tsx
 var import_core15 = require("@mantine/core");
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -696,10 +694,20 @@ function GridTemplate(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core15.Grid, { grow: true, ...rest, children });
 }
 
-// src/templates/ObjectFieldTemplate.tsx
+// src/templates/MultiSchemaFieldTemplate.tsx
 var import_core16 = require("@mantine/core");
-var import_utils13 = require("@rjsf/utils");
 var import_jsx_runtime15 = require("react/jsx-runtime");
+function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core16.Stack, { style: { marginBottom: "1rem" }, children: [
+    selector,
+    optionSchemaField
+  ] });
+}
+
+// src/templates/ObjectFieldTemplate.tsx
+var import_core17 = require("@mantine/core");
+var import_utils13 = require("@rjsf/utils");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
     title,
@@ -730,8 +738,8 @@ function ObjectFieldTemplate(props) {
   const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
   const gridSpacing = uiOptions?.gridSpacing;
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core16.Container, { id: fieldPathId.$id, p: 0, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core17.Container, { id: fieldPathId.$id, p: 0, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       TitleFieldTemplate,
       {
         id: (0, import_utils13.titleId)(fieldPathId),
@@ -743,7 +751,7 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       DescriptionFieldTemplate,
       {
         id: (0, import_utils13.descriptionId)(fieldPathId),
@@ -753,8 +761,8 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      import_core16.SimpleGrid,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      import_core17.SimpleGrid,
       {
         cols: gridCols,
         spacing: gridSpacing,
@@ -762,11 +770,11 @@ function ObjectFieldTemplate(props) {
         mb: "sm",
         children: [
           !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core16.Box, { children: element.content }, element.name))
+          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core17.Box, { children: element.content }, element.name))
         ]
       }
     ),
-    (0, import_utils13.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core16.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    (0, import_utils13.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core17.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       AddButton2,
       {
         id: (0, import_utils13.buttonId)(fieldPathId, "add"),
@@ -781,11 +789,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/templates/OptionalDataControlsTemplate.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       AddButton,
       {
         id,
@@ -797,7 +805,7 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   } else if (onRemoveClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       RemoveButton,
       {
         id,
@@ -809,28 +817,28 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("em", { id, children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("em", { id, children: label });
 }
 
 // src/templates/TitleField.tsx
-var import_core17 = require("@mantine/core");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_core18 = require("@mantine/core");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function TitleField(props) {
   const { id, title, optionalDataControl } = props;
-  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core17.Title, { id, order: 3, fw: "normal", children: title }) : null;
+  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Title, { id, order: 3, fw: "normal", children: title }) : null;
   if (optionalDataControl) {
-    heading = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core17.Grid, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core17.Grid.Col, { span: "auto", children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core17.Grid.Col, { span: "content", children: optionalDataControl })
+    heading = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core18.Grid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: "auto", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: "content", children: optionalDataControl })
     ] });
   }
   return heading;
 }
 
 // src/templates/WrapIfAdditionalTemplate.tsx
+var import_core19 = require("@mantine/core");
 var import_utils14 = require("@rjsf/utils");
-var import_core18 = require("@mantine/core");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
@@ -854,17 +862,17 @@ function WrapIfAdditionalTemplate(props) {
   const keyLabel = translateString(import_utils14.TranslatableString.KeyLabel, [label]);
   const additional = import_utils14.ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: classNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: classNames, style, children });
   }
   const uiOptions = uiSchema ? uiSchema[import_utils14.UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
     [import_utils14.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core18.Flex, { gap: "xs", align: "end", justify: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core18.Grid, { w: "100%", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_core18.TextInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core19.Flex, { gap: "xs", align: "end", justify: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core19.Grid, { w: "100%", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_core19.TextInput,
         {
           className: "form-group",
           label: displayLabel ? keyLabel : void 0,
@@ -878,9 +886,9 @@ function WrapIfAdditionalTemplate(props) {
         },
         label
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: 6, className: "form-additional", children })
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Grid.Col, { span: 6, className: "form-additional", children })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       RemoveButton2,
       {
         id: (0, import_utils14.buttonId)(id, "remove"),
@@ -895,16 +903,6 @@ function WrapIfAdditionalTemplate(props) {
   ] }) });
 }
 
-// src/templates/MultiSchemaFieldTemplate.tsx
-var import_core19 = require("@mantine/core");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core19.Stack, { style: { marginBottom: "1rem" }, children: [
-    selector,
-    optionSchemaField
-  ] });
-}
-
 // src/templates/index.ts
 function generateTemplates() {
   return {
@@ -932,77 +930,16 @@ var templates_default = generateTemplates();
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"), 1);
 
-// src/widgets/DateTime/AltDateTimeWidget.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function AltDateTimeWidget(props) {
-  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AltDateWidget2, { time: true, ...props });
-}
-
-// src/widgets/DateTime/AltDateWidget.tsx
-var import_utils15 = require("@rjsf/utils");
-var import_core20 = require("@mantine/core");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function AltDateWidget(props) {
-  const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
-  const { translateString } = registry;
-  const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils15.useAltDateWidgetProps)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
-      elements.map((elemProps, i) => {
-        const elemId = `${id}_${elemProps.type}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_core20.Select,
-          {
-            id: elemId,
-            name: elemId,
-            placeholder: elemProps.type,
-            disabled: disabled || readonly,
-            data: (0, import_utils15.dateRangeOptions)(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
-            value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
-            onChange: (v) => handleChange(elemProps.type, v || void 0),
-            searchable: false,
-            allowDeselect: false,
-            comboboxProps: { withinPortal: false },
-            "aria-describedby": (0, import_utils15.ariaDescribedByIds)(elemId)
-          }
-        ) }, i);
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils15.TranslatableString.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils15.TranslatableString.ClearLabel) })
-      ] })
-    ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
-  ] });
-}
-
-// src/widgets/DateTime/DateTimeInput.tsx
+// src/widgets/CheckboxesWidget.tsx
 var import_react2 = require("react");
-var import_utils16 = require("@rjsf/utils");
-var import_dayjs = __toESM(require("dayjs"), 1);
-var import_dates = require("@mantine/dates");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var dateParser = (input, format) => {
-  if (!input) {
-    return null;
-  }
-  const d = (0, import_dayjs.default)(input, format);
-  return d.isValid() ? d.toDate() : null;
-};
-var dateFormat = (date, format) => {
-  if (!date) {
-    return "";
-  }
-  return (0, import_dayjs.default)(date).format(format || "YYYY-MM-DD");
-};
-function DateTimeInput(props) {
+var import_core20 = require("@mantine/core");
+var import_utils15 = require("@rjsf/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function CheckboxesWidget(props) {
   const {
     id,
-    name,
+    htmlName,
     value,
-    placeholder,
     required,
     disabled,
     readonly,
@@ -1013,203 +950,40 @@ function DateTimeInput(props) {
     options,
     onChange,
     onBlur,
-    onFocus,
-    valueFormat,
-    displayFormat
+    onFocus
   } = props;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = (0, import_utils15.getOptionValueFormat)(options);
+  const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react2.useCallback)(
     (nextValue) => {
-      onChange(dateFormat(nextValue, valueFormat));
+      if (!disabled && !readonly && onChange) {
+        onChange((0, import_utils15.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
+      }
     },
-    [onChange, valueFormat]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleBlur = (0, import_react2.useCallback)(() => {
-    if (onBlur) {
-      onBlur(id, value);
-    }
-  }, [onBlur, id, value]);
-  const handleFocus = (0, import_react2.useCallback)(() => {
-    if (onFocus) {
-      onFocus(id, value);
-    }
-  }, [onFocus, id, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_dates.DateInput,
-    {
-      id,
-      name,
-      value: dateParser(value, valueFormat),
-      dateParser: (v) => dateParser(v, displayFormat),
-      placeholder: placeholder || void 0,
-      required,
-      disabled: disabled || readonly,
-      autoFocus: autofocus,
-      label: (0, import_utils16.labelValue)(label || void 0, hideLabel, false),
-      onChange: handleChange,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      ...options,
-      "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
-      popoverProps: { withinPortal: false },
-      classNames: typeof options?.classNames === "object" ? options.classNames : void 0,
-      valueFormat: displayFormat
-    }
+  const handleBlur = (0, import_react2.useCallback)(
+    ({ target }) => {
+      if (onBlur) {
+        onBlur(id, (0, import_utils15.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
+      }
+    },
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
-}
-
-// src/widgets/DateTime/DateWidget.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function DateWidget(props) {
-  const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    DateTimeInput,
-    {
-      ...props,
-      options: otherOptions,
-      valueFormat,
-      displayFormat: displayFormat || valueFormat
-    }
-  );
-}
-
-// src/widgets/DateTime/DateTimeWidget.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-function DateTimeWidget(props) {
-  const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    DateTimeInput,
-    {
-      ...props,
-      options: otherOptions,
-      valueFormat,
-      displayFormat: displayFormat || valueFormat
-    }
-  );
-}
-
-// src/widgets/DateTime/TimeWidget.tsx
-var import_react3 = require("react");
-var import_utils17 = require("@rjsf/utils");
-var import_dates2 = require("@mantine/dates");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function TimeWidget(props) {
-  const {
-    id,
-    name,
-    value,
-    placeholder,
-    required,
-    disabled,
-    readonly,
-    autofocus,
-    label,
-    hideLabel,
-    rawErrors,
-    options,
-    onChange,
-    onBlur,
-    onFocus
-  } = props;
-  const emptyValue = options.emptyValue || "";
-  const handleChange = (0, import_react3.useCallback)(
-    (e) => {
-      onChange(e.target.value === "" ? emptyValue : e.target.value);
-    },
-    [onChange, emptyValue]
-  );
-  const handleBlur = (0, import_react3.useCallback)(
-    ({ target }) => {
-      if (onBlur) {
-        onBlur(id, target && target.value);
-      }
-    },
-    [onBlur, id]
-  );
-  const handleFocus = (0, import_react3.useCallback)(
+  const handleFocus = (0, import_react2.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
-      }
-    },
-    [onFocus, id]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_dates2.TimeInput,
-    {
-      id,
-      name,
-      value: value || "",
-      placeholder: placeholder || void 0,
-      required,
-      disabled: disabled || readonly,
-      autoFocus: autofocus,
-      label: (0, import_utils17.labelValue)(label || void 0, hideLabel, false),
-      onChange: handleChange,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      ...options,
-      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id),
-      classNames: typeof options?.classNames === "object" ? options.classNames : void 0
-    }
-  );
-}
-
-// src/widgets/CheckboxesWidget.tsx
-var import_react4 = require("react");
-var import_utils18 = require("@rjsf/utils");
-var import_core21 = require("@mantine/core");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function CheckboxesWidget(props) {
-  const {
-    id,
-    htmlName,
-    value,
-    required,
-    disabled,
-    readonly,
-    autofocus,
-    label,
-    hideLabel,
-    rawErrors,
-    options,
-    onChange,
-    onBlur,
-    onFocus
-  } = props;
-  const { enumOptions, enumDisabled, inline, emptyValue } = options;
-  const optionValueFormat = (0, import_utils18.getOptionValueFormat)(options);
-  const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react4.useCallback)(
-    (nextValue) => {
-      if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils18.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
-      }
-    },
-    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
-  );
-  const handleBlur = (0, import_react4.useCallback)(
-    ({ target }) => {
-      if (onBlur) {
-        onBlur(id, (0, import_utils18.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
-      }
-    },
-    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
-  );
-  const handleFocus = (0, import_react4.useCallback)(
-    ({ target }) => {
-      if (onFocus) {
-        onFocus(id, (0, import_utils18.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
+        onFocus(id, (0, import_utils15.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const selectedIndexes = (0, import_utils18.enumOptionsIndexForValue)(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core21.Input.Label, { id: (0, import_utils18.titleId)(id), required, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      import_core21.Checkbox.Group,
+  const selectedIndexes = (0, import_utils15.enumOptionsIndexForValue)(value, enumOptions, true);
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core20.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_core20.Checkbox.Group,
       {
         id,
         value: selectedIndexes,
@@ -1217,14 +991,14 @@ function CheckboxesWidget(props) {
         required,
         readOnly: disabled || readonly,
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-        "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
+        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core21.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_core21.Checkbox,
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core20.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_core20.Checkbox,
           {
-            id: (0, import_utils18.optionId)(id, i),
+            id: (0, import_utils15.optionId)(id, i),
             name: htmlName || id,
-            value: (0, import_utils18.enumOptionValueEncoder)(option.value, i, optionValueFormat),
+            value: (0, import_utils15.enumOptionValueEncoder)(option.value, i, optionValueFormat),
             label: option.label,
             disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
             autoFocus: i === 0 && autofocus,
@@ -1239,10 +1013,10 @@ function CheckboxesWidget(props) {
 }
 
 // src/widgets/CheckboxWidget.tsx
-var import_react5 = require("react");
-var import_utils20 = require("@rjsf/utils");
-var import_core22 = require("@mantine/core");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_core21 = require("@mantine/core");
+var import_utils17 = require("@rjsf/utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     id,
@@ -1264,12 +1038,12 @@ function CheckboxWidget(props) {
     registry,
     uiSchema
   } = props;
-  const DescriptionFieldTemplate = (0, import_utils20.getTemplate)(
+  const DescriptionFieldTemplate = (0, import_utils17.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
   );
-  const handleCheckboxChange = (0, import_react5.useCallback)(
+  const handleCheckboxChange = (0, import_react3.useCallback)(
     (e) => {
       if (!disabled && !readonly && onChange) {
         onChange(e.currentTarget.checked);
@@ -1277,7 +1051,7 @@ function CheckboxWidget(props) {
     },
     [onChange, disabled, readonly]
   );
-  const handleBlur = (0, import_react5.useCallback)(
+  const handleBlur = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target.checked);
@@ -1285,7 +1059,7 @@ function CheckboxWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react5.useCallback)(
+  const handleFocus = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target.checked);
@@ -1294,23 +1068,23 @@ function CheckboxWidget(props) {
     [onFocus, id]
   );
   const description = options.description || schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils20.descriptionId)(id),
+        id: (0, import_utils17.descriptionId)(id),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_core22.Checkbox,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_core21.Checkbox,
       {
         id,
         name: htmlName || name,
-        label: (0, import_utils20.labelValue)(label || void 0, hideLabel, false),
+        label: (0, import_utils17.labelValue)(label || void 0, hideLabel, false),
         disabled: disabled || readonly,
         required,
         autoFocus: autofocus,
@@ -1319,17 +1093,17 @@ function CheckboxWidget(props) {
         onBlur: handleBlur,
         onFocus: handleFocus,
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-        "aria-describedby": (0, import_utils20.ariaDescribedByIds)(id)
+        "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id)
       }
     )
   ] });
 }
 
 // src/widgets/ColorWidget.tsx
-var import_react6 = require("react");
-var import_utils21 = require("@rjsf/utils");
-var import_core23 = require("@mantine/core");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var import_core22 = require("@mantine/core");
+var import_utils18 = require("@rjsf/utils");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function ColorWidget(props) {
   const {
     id,
@@ -1349,12 +1123,236 @@ function ColorWidget(props) {
     onFocus
   } = props;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react6.useCallback)(
+  const handleChange = (0, import_react4.useCallback)(
     (nextValue) => {
       onChange(nextValue);
     },
     [onChange]
   );
+  const handleBlur = (0, import_react4.useCallback)(
+    ({ target }) => {
+      if (onBlur) {
+        onBlur(id, target && target.value);
+      }
+    },
+    [onBlur, id]
+  );
+  const handleFocus = (0, import_react4.useCallback)(
+    ({ target }) => {
+      if (onFocus) {
+        onFocus(id, target && target.value);
+      }
+    },
+    [onFocus, id]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_core22.ColorInput,
+    {
+      id,
+      name,
+      value: value || "",
+      placeholder: placeholder || void 0,
+      required,
+      disabled: disabled || readonly,
+      autoFocus: autofocus,
+      label: (0, import_utils18.labelValue)(label || void 0, hideLabel, false),
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
+      ...themeProps,
+      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
+      popoverProps: { withinPortal: false }
+    }
+  );
+}
+
+// src/widgets/DateTime/AltDateTimeWidget.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function AltDateTimeWidget(props) {
+  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AltDateWidget2, { time: true, ...props });
+}
+
+// src/widgets/DateTime/AltDateWidget.tsx
+var import_core23 = require("@mantine/core");
+var import_utils20 = require("@rjsf/utils");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function AltDateWidget(props) {
+  const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
+  const { translateString } = registry;
+  const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils20.useAltDateWidgetProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Input.Label, { id: (0, import_utils20.titleId)(id), required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
+      elements.map((elemProps, i) => {
+        const elemId = `${id}_${elemProps.type}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_core23.Select,
+          {
+            id: elemId,
+            name: elemId,
+            placeholder: elemProps.type,
+            disabled: disabled || readonly,
+            data: (0, import_utils20.dateRangeOptions)(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
+            value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
+            onChange: (v) => handleChange(elemProps.type, v || void 0),
+            searchable: false,
+            allowDeselect: false,
+            comboboxProps: { withinPortal: false },
+            "aria-describedby": (0, import_utils20.ariaDescribedByIds)(elemId)
+          }
+        ) }, i);
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Group, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils20.TranslatableString.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils20.TranslatableString.ClearLabel) })
+      ] })
+    ] }),
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+  ] });
+}
+
+// src/widgets/DateTime/DateTimeInput.tsx
+var import_react5 = require("react");
+var import_dates = require("@mantine/dates");
+var import_utils21 = require("@rjsf/utils");
+var import_dayjs = __toESM(require("dayjs"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var dateParser = (input, format) => {
+  if (!input) {
+    return null;
+  }
+  const d = (0, import_dayjs.default)(input, format);
+  return d.isValid() ? d.toDate() : null;
+};
+var dateFormat = (date, format) => {
+  if (!date) {
+    return "";
+  }
+  return (0, import_dayjs.default)(date).format(format || "YYYY-MM-DD");
+};
+function DateTimeInput(props) {
+  const {
+    id,
+    name,
+    value,
+    placeholder,
+    required,
+    disabled,
+    readonly,
+    autofocus,
+    label,
+    hideLabel,
+    rawErrors,
+    options,
+    onChange,
+    onBlur,
+    onFocus,
+    valueFormat,
+    displayFormat
+  } = props;
+  const handleChange = (0, import_react5.useCallback)(
+    (nextValue) => {
+      onChange(dateFormat(nextValue, valueFormat));
+    },
+    [onChange, valueFormat]
+  );
+  const handleBlur = (0, import_react5.useCallback)(() => {
+    if (onBlur) {
+      onBlur(id, value);
+    }
+  }, [onBlur, id, value]);
+  const handleFocus = (0, import_react5.useCallback)(() => {
+    if (onFocus) {
+      onFocus(id, value);
+    }
+  }, [onFocus, id, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_dates.DateInput,
+    {
+      id,
+      name,
+      value: dateParser(value, valueFormat),
+      dateParser: (v) => dateParser(v, displayFormat),
+      placeholder: placeholder || void 0,
+      required,
+      disabled: disabled || readonly,
+      autoFocus: autofocus,
+      label: (0, import_utils21.labelValue)(label || void 0, hideLabel, false),
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
+      ...options,
+      "aria-describedby": (0, import_utils21.ariaDescribedByIds)(id),
+      popoverProps: { withinPortal: false },
+      classNames: typeof options?.classNames === "object" ? options.classNames : void 0,
+      valueFormat: displayFormat
+    }
+  );
+}
+
+// src/widgets/DateTime/DateWidget.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function DateWidget(props) {
+  const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    DateTimeInput,
+    {
+      ...props,
+      options: otherOptions,
+      valueFormat,
+      displayFormat: displayFormat || valueFormat
+    }
+  );
+}
+
+// src/widgets/DateTime/DateTimeWidget.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function DateTimeWidget(props) {
+  const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    DateTimeInput,
+    {
+      ...props,
+      options: otherOptions,
+      valueFormat,
+      displayFormat: displayFormat || valueFormat
+    }
+  );
+}
+
+// src/widgets/DateTime/TimeWidget.tsx
+var import_react6 = require("react");
+var import_dates2 = require("@mantine/dates");
+var import_utils22 = require("@rjsf/utils");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function TimeWidget(props) {
+  const {
+    id,
+    name,
+    value,
+    placeholder,
+    required,
+    disabled,
+    readonly,
+    autofocus,
+    label,
+    hideLabel,
+    rawErrors,
+    options,
+    onChange,
+    onBlur,
+    onFocus
+  } = props;
+  const emptyValue = options.emptyValue || "";
+  const handleChange = (0, import_react6.useCallback)(
+    (e) => {
+      onChange(e.target.value === "" ? emptyValue : e.target.value);
+    },
+    [onChange, emptyValue]
+  );
   const handleBlur = (0, import_react6.useCallback)(
     ({ target }) => {
       if (onBlur) {
@@ -1372,7 +1370,7 @@ function ColorWidget(props) {
     [onFocus, id]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_core23.ColorInput,
+    import_dates2.TimeInput,
     {
       id,
       name,
@@ -1381,22 +1379,22 @@ function ColorWidget(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils21.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils22.labelValue)(label || void 0, hideLabel, false),
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      ...themeProps,
-      "aria-describedby": (0, import_utils21.ariaDescribedByIds)(id),
-      popoverProps: { withinPortal: false }
+      ...options,
+      "aria-describedby": (0, import_utils22.ariaDescribedByIds)(id),
+      classNames: typeof options?.classNames === "object" ? options.classNames : void 0
     }
   );
 }
 
 // src/widgets/FileWidget.tsx
 var import_react7 = require("react");
-var import_utils23 = require("@rjsf/utils");
 var import_core24 = require("@mantine/core");
+var import_utils23 = require("@rjsf/utils");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function FileWidget(props) {
   const {
@@ -1420,7 +1418,7 @@ function FileWidget(props) {
   const handleOnChange = (0, import_react7.useCallback)(
     (files) => {
       if (typeof files === "object") {
-        handleChange(files);
+        void handleChange(files);
       }
     },
     [handleChange]
@@ -1454,8 +1452,8 @@ function FileWidget(props) {
 
 // src/widgets/PasswordWidget.tsx
 var import_react8 = require("react");
-var import_utils25 = require("@rjsf/utils");
 var import_core25 = require("@mantine/core");
+var import_utils25 = require("@rjsf/utils");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const {
@@ -1522,8 +1520,8 @@ function PasswordWidget(props) {
 
 // src/widgets/RadioWidget.tsx
 var import_react9 = require("react");
-var import_utils27 = require("@rjsf/utils");
 var import_core26 = require("@mantine/core");
+var import_utils27 = require("@rjsf/utils");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function RadioWidget(props) {
   const {
@@ -1602,8 +1600,8 @@ function RadioWidget(props) {
 
 // src/widgets/RangeWidget.tsx
 var import_react10 = require("react");
-var import_utils29 = require("@rjsf/utils");
 var import_core27 = require("@mantine/core");
+var import_utils29 = require("@rjsf/utils");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
@@ -1670,8 +1668,8 @@ function RangeWidget(props) {
 
 // src/widgets/SelectWidget.tsx
 var import_react11 = require("react");
-var import_utils31 = require("@rjsf/utils");
 var import_core28 = require("@mantine/core");
+var import_utils31 = require("@rjsf/utils");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function SelectWidget(props) {
   const {
@@ -1765,8 +1763,8 @@ function SelectWidget(props) {
 
 // src/widgets/TextareaWidget.tsx
 var import_react12 = require("react");
-var import_utils33 = require("@rjsf/utils");
 var import_core29 = require("@mantine/core");
+var import_utils33 = require("@rjsf/utils");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function TextareaWidget(props) {
   const {