@algorithm-shift/design-system 1.2.971 → 1.2.972

package/dist/index.js

@@ -27336,9 +27336,18 @@ var CheckboxInput = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
   const text = props.text ? props.text : "Subscribe";
+  const formatValue = (value) => {
+    if (typeof value === "boolean") {
+      return value;
+    }
+    if (value === "true" || value === "1") {
+      return true;
+    }
+    return false;
+  };
   (0, import_react14.useEffect)(() => {
     if (props.value) {
-      handleChange(props.value);
+      handleChange(formatValue(props.value));
     }
   }, []);
   const handleChange = (value) => {
@@ -27350,7 +27359,7 @@ var CheckboxInput = ({ className, style, ...props }) => {
         Checkbox,
         {
           id: props.name || "checkbox",
-          checked: !!props.value,
+          checked: formatValue(props.value),
           onCheckedChange: handleChange,
           disabled: !isEditable || isDisabled
         }
@@ -27917,7 +27926,7 @@ function useLazyDropdown(config) {
     if (term) params[configRef.current.dataLabel ? `${configRef.current.dataLabel}[ilike]` : "search[ilike]"] = term;
     const { baseUrl, shouldAbort, params: urlParams } = extractAndEnforceUrlParams(
       configRef.current.apiUrl,
-      configRef.current.enforceStrictQueryParams ?? false
+      !!configRef.current.enforceStrictQueryParams
     );
     if (shouldAbort) {
       setLoading(false);
@@ -27991,7 +28000,7 @@ function useLazyDropdown(config) {
       }
       const { baseUrl, shouldAbort, params: urlParams } = extractAndEnforceUrlParams(
         configRef.current.apiUrl,
-        configRef.current.enforceStrictQueryParams ?? false
+        !!configRef.current.enforceStrictQueryParams
       );
       if (shouldAbort) {
         setLoading(false);
@@ -28890,8 +28899,7 @@ function DateTimePicker({
       return;
     }
     const clickedDate = new Date(next);
-    const selectedYearDate = new Date(year, clickedDate.getMonth(), clickedDate.getDate());
-    updateDateTime(selectedYearDate);
+    updateDateTime(clickedDate);
   };
   const updateTimeInDate = (h, m) => {
     if (!date) {
@@ -28941,9 +28949,9 @@ function DateTimePicker({
   const displayValue = React6.useMemo(() => {
     if (!date) return "";
     try {
-      if (mode === "date") return (0, import_date_fns.format)(date, "yyyy-MM-dd");
+      if (mode === "date") return (0, import_date_fns.format)(date, "dd-MM-yyyy");
       if (mode === "time") return (0, import_date_fns.format)(date, "hh:mm aa");
-      return (0, import_date_fns.format)(date, "yyyy-MM-dd hh:mm aa");
+      return (0, import_date_fns.format)(date, "dd-MM-yyyy hh:mm aa");
     } catch {
       return "";
     }
@@ -28980,8 +28988,21 @@ function DateTimePicker({
           },
           disabled: isInputDisabled,
           children: [
-            displayValue || placeholder,
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Calendar1, { className: "absolute right-2 top-2" })
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Calendar1, { className: "absolute left-2 top-2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "ml-5", children: displayValue || placeholder }),
+            displayValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              SquareX,
+              {
+                className: "absolute right-2 top-2 cursor-pointer",
+                role: "presentation",
+                style: { pointerEvents: "auto" },
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setDate(void 0);
+                  emitChange(void 0);
+                }
+              }
+            )
           ]
         }
       ) }),