@volverjs/ui-vue 0.0.10-beta.54 → 0.0.10-beta.56

package/src/utils/DateUtilities.ts

@@ -0,0 +1,98 @@
+/**
+ * Checks if a string is a valid ISO date string
+ * @param dateString
+ * @returns True if valid ISO date string
+ */
+export function isDateIsoString(dateString: unknown) {
+    if (typeof dateString !== 'string') {
+        return false
+    }
+    // Support both with/without milliseconds and timezone variations
+    if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{1,3})?(?:Z|[+-]\d{2}:?\d{2})?$/.test(dateString)) {
+        return false
+    }
+    const d = new Date(dateString)
+    return !Number.isNaN(d.getTime()) && d.toISOString() === dateString
+}
+
+/**
+ * Converts a Date object to a string value for input element
+ * @param date - Date object or string
+ * @param typeOfInput - Type of HTML input element
+ * @param withSeconds - Include seconds in time value
+ * @returns String value for input element
+ */
+export function getInputValueFromDate(date: Date | string, typeOfInput: 'date' | 'time' | 'month' | 'datetime-local' = 'date', withSeconds?: boolean) {
+    if (typeof date === 'string') {
+        if (!isDateIsoString(date)) {
+            return ''
+        }
+    }
+    const currentDate = new Date(date)
+    if (Number.isNaN(currentDate.getTime())) {
+        return ''
+    }
+    const span = (num: number) => num.toString().padStart(2, '0')
+    let toReturn = `${currentDate.getFullYear()}-${span(currentDate.getMonth() + 1)}`
+    if (typeOfInput === 'month') {
+        return toReturn
+    }
+    toReturn += `-${span(currentDate.getDate())}`
+    if (typeOfInput === 'date') {
+        return toReturn
+    }
+    const time = withSeconds
+        ? `${span(currentDate.getHours())}:${span(currentDate.getMinutes())}:${span(currentDate.getSeconds())}`
+        : `${span(currentDate.getHours())}:${span(currentDate.getMinutes())}`
+    if (typeOfInput === 'time') {
+        return time
+    }
+    return `${toReturn}T${time}`
+}
+
+/**
+ * Converts an input string to a Date object based on input type
+ * @param value - String value from input element
+ * @param typeOfInput - Type of HTML input element
+ * @returns Date object or null if invalid
+ * @throws Error for invalid input format
+ */
+export function getDateFromInputValue(value: string, typeOfInput: 'date' | 'time' | 'month' | 'datetime-local' = 'date') {
+    if (!value?.trim()) {
+        return null
+    }
+
+    const today = new Date()
+    const currentYear = today.getFullYear()
+    const currentMonth = today.getMonth()
+    const currentDate = today.getDate()
+
+    if (typeOfInput === 'date') {
+        if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+            throw new Error('Invalid date format. Expected: YYYY-MM-DD')
+        }
+        return new Date(`${value}T00:00:00`)
+    }
+    if (typeOfInput === 'month') {
+        if (!/^\d{4}-\d{2}$/.test(value)) {
+            throw new Error('Invalid month format. Expected: YYYY-MM')
+        }
+        return new Date(`${value}-01T00:00:00`)
+    }
+    if (typeOfInput === 'time') {
+        if (!/^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/.test(value)) {
+            throw new Error('Invalid time format. Expected: HH:mm or HH:mm:ss')
+        }
+        if (value.length === 8) {
+            return new Date(`${currentYear}-${currentMonth + 1}-${currentDate}T${value}`)
+        }
+        return new Date(`${currentYear}-${currentMonth + 1}-${currentDate}T${value}:00`)
+    }
+    if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2})?$/.test(value)) {
+        throw new Error('Invalid datetime format. Expected: YYYY-MM-DDThh:mm or YYYY-MM-DDThh:mm:ss')
+    }
+    if (value.length === 16) {
+        return new Date(`${value}:00`)
+    }
+    return new Date(`${value}`)
+}