sit-onyx 1.2.0-dev-20251016092305 → 1.2.0

package/dist/components/OnyxDatePicker/types.d.ts

@@ -2,9 +2,11 @@ import { Nullable } from '../../types/index.js';
 import { OnyxInputProps } from '../OnyxInput/types.js';
 export type OnyxDatePickerProps = Omit<OnyxInputProps, "type" | "modelValue" | "autocapitalize" | "maxlength" | "minlength" | "pattern" | "withCounter" | "placeholder" | "autocomplete"> & {
     /**
-     * Current date value. Supports all data types that are parsable by `new Date()`.
+     * A date string compliant with [ISO8601](https://en.wikipedia.org/wiki/ISO_8601).
+     * @example "date.toISOString()"
+     * @example "2011-10-31"
      */
-    modelValue?: Nullable<DateValue>;
+    modelValue?: Nullable<string>;
     /**
      * Whether the user should be able to select only date or date + time.
      */

package/dist/index.esm-bundler.js

@@ -5274,8 +5274,22 @@ const useRequired = (props, requiredMarker) => ({
     "onyx-optional-marker": !props.required
   }))
 });
-const isValidDate = (date) => {
-  return date instanceof Date && !isNaN(date);
+const isValidDate = (date) => date instanceof Date && !isNaN(date.getTime());
+const dateToISOString = (date, type) => {
+  if (!isValidDate(date)) {
+    return void 0;
+  }
+  const dateString = date.toISOString();
+  if (type === "datetime-utc") {
+    return dateString;
+  }
+  const dateOnlyString = dateString.split("T")[0];
+  if (type === "date") {
+    return dateOnlyString;
+  }
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  return `${dateOnlyString}T${hours}:${minutes}`;
 };
 const getValidityStateProperties = () => Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([_, value]) => value.enumerable).map(([key]) => key);
 const transformValidityStateToObject = (validityState) => {
@@ -9104,12 +9118,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const getNormalizedDate = computed(() => {
       return (value2) => {
         const date = value2 != void 0 && value2 != null ? new Date(value2) : void 0;
-        if (!isValidDate(date)) return;
-        const dateString = date.toISOString().split("T")[0];
-        if (props.type === "date") return dateString;
-        const hours = date.getHours().toString().padStart(2, "0");
-        const minutes = date.getMinutes().toString().padStart(2, "0");
-        return `${dateString}T${hours}:${minutes}`;
+        return dateToISOString(date, props.type);
       };
     });
     const modelValue = useVModel({
@@ -9121,12 +9130,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       get: () => getNormalizedDate.value(modelValue.value),
       set: (value2) => {
         const newDate = new Date(value2 ?? "");
-        modelValue.value = isValidDate(newDate) ? newDate.toISOString() : void 0;
+        modelValue.value = dateToISOString(newDate, props.type === "date" ? "date" : "datetime-utc");
       }
     });
-    const input2 = useTemplateRef("inputRef");
-    useAutofocus(input2, props);
-    const __returned__ = { props, emit, rootAttrs, restAttrs, vCustomValidity, errorMessages, successMessages, messages, densityClass, disabled, showError, skeleton, errorClass, formElementProps, getNormalizedDate, modelValue, value, input: input2, OnyxFormElement, OnyxLoadingIndicator, OnyxSkeleton };
+    useAutofocus(useTemplateRef("inputRef"), props);
+    const __returned__ = { props, emit, rootAttrs, restAttrs, vCustomValidity, errorMessages, successMessages, messages, densityClass, disabled, showError, skeleton, errorClass, formElementProps, getNormalizedDate, modelValue, value, OnyxFormElement, OnyxLoadingIndicator, OnyxSkeleton };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }