sveltekit-ui 1.1.17 → 1.1.18

package/dist/Components/TimeInput/index.js

@@ -0,0 +1,702 @@
+export const time_formats = {
+  time_full: {
+    name: "Time Full",
+    example: {
+      year: 2024,
+      month: 1,
+      day: 1,
+      hour: 0,
+      minute: 0,
+      second: 0,
+      datetime: null,
+      datetime_utc: null,
+      datetime_zoned: null,
+    },
+  },
+  epoch: {
+    name: "Epoch (seconds)",
+    example: "1724433112",
+    needs_granularity: true,
+  },
+  datetime: {
+    name: "Datetime",
+    example: "2024-08-23T16:04",
+    needs_granularity: true,
+  },
+  datetime_utc: {
+    name: "Datetime UTC",
+    example: "2024-08-23T16:04Z",
+    needs_granularity: true,
+  },
+  datetime_zoned: {
+    name: "Datetime Zoned",
+    example: "2024-08-23T16:04-04:00",
+    needs_granularity: true,
+  },
+  calendar_date: {
+    name: "Calendar Date",
+    example: "2024-08-23",
+  },
+  year: {
+    name: "Year",
+    example: "2024",
+  },
+  year_month: {
+    name: "Year-Month (yyyy-mm)",
+    example: "2024-07",
+  },
+  year_week: {
+    name: "Year-Week (yyyy-Www)",
+    example: "2024-W32",
+  },
+  hour_minute: {
+    name: "Hour-Minute (hh:mm)",
+    example: "12:47",
+  },
+  hour_minute_second: {
+    name: "Hour-Minute-Second (hh:mm:ss)",
+    example: "12:47:09",
+  },
+  hour_minute_second: {
+    name: "Hour-Minute-Second (hh:mm:ss)",
+    example: "12:47:09",
+  },
+  period_full: {
+    name: "Period Full",
+    example: {
+      years: 1,
+      months: 2,
+      days: 3,
+      hours: 4,
+      minutes: 5,
+      seconds: 6,
+    },
+  },
+  period_iso_8601: {
+    name: "Period ISO 8601",
+    example: "P3DT4H5M6S",
+  },
+  period_total_seconds: {
+    name: "Period Total Seconds",
+    example: "1000000",
+  },
+}
+
+export const granularities = ["year", "month", "week", "day", "hour", "minute", "second"]
+
+export const month_names = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
+]
+
+export const days_of_week_names = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
+
+export const common_timezones = [
+  { text: "America/New_York", offset: "-04:00" },
+  { text: "America/Los_Angeles", offset: "-07:00" },
+  { text: "America/Chicago", offset: "-05:00" },
+  { text: "America/Denver", offset: "-06:00" },
+  { text: "America/Toronto", offset: "-04:00" },
+  { text: "America/Mexico_City", offset: "-06:00" },
+  { text: "America/Sao_Paulo", offset: "-03:00" },
+  { text: "America/Buenos_Aires", offset: "-03:00" },
+  { text: "Europe/London", offset: "+01:00" },
+  { text: "Europe/Paris", offset: "+02:00" },
+  { text: "Europe/Berlin", offset: "+02:00" },
+  { text: "Europe/Madrid", offset: "+02:00" },
+  { text: "Europe/Rome", offset: "+02:00" },
+  { text: "Europe/Amsterdam", offset: "+02:00" },
+  { text: "Europe/Athens", offset: "+03:00" },
+  { text: "Europe/Moscow", offset: "+03:00" },
+  { text: "Africa/Cairo", offset: "+03:00" },
+  { text: "Africa/Johannesburg", offset: "+02:00" },
+  { text: "Asia/Jerusalem", offset: "+03:00" },
+  { text: "Asia/Riyadh", offset: "+03:00" },
+  { text: "Asia/Dubai", offset: "+04:00" },
+  { text: "Asia/Tehran", offset: "+03:30" },
+  { text: "Asia/Karachi", offset: "+05:00" },
+  { text: "Asia/Kolkata", offset: "+05:30" },
+  { text: "Asia/Dhaka", offset: "+06:00" },
+  { text: "Asia/Bangkok", offset: "+07:00" },
+  { text: "Asia/Jakarta", offset: "+07:00" },
+  { text: "Asia/Shanghai", offset: "+08:00" },
+  { text: "Asia/Hong_Kong", offset: "+08:00" },
+  { text: "Asia/Tokyo", offset: "+09:00" },
+  { text: "Asia/Seoul", offset: "+09:00" },
+  { text: "Australia/Sydney", offset: "+10:00" },
+  { text: "Australia/Melbourne", offset: "+10:00" },
+  { text: "Australia/Perth", offset: "+08:00" },
+  { text: "Pacific/Auckland", offset: "+12:00" },
+  { text: "Pacific/Honolulu", offset: "-10:00" },
+  { text: "Asia/Kuala_Lumpur", offset: "+08:00" },
+  { text: "Asia/Singapore", offset: "+08:00" },
+  { text: "Asia/Manila", offset: "+08:00" },
+  { text: "Asia/Taipei", offset: "+08:00" },
+  { text: "Europe/Istanbul", offset: "+03:00" },
+  { text: "Europe/Warsaw", offset: "+02:00" },
+  { text: "Europe/Lisbon", offset: "+01:00" },
+  { text: "Europe/Dublin", offset: "+01:00" },
+  { text: "Asia/Beirut", offset: "+03:00" },
+  { text: "Europe/Helsinki", offset: "+03:00" },
+  { text: "Africa/Lagos", offset: "+01:00" },
+  { text: "Africa/Nairobi", offset: "+03:00" },
+  { text: "Asia/Kathmandu", offset: "+05:45" },
+  { text: "Asia/Colombo", offset: "+05:30" },
+]
+
+export function period_iso_8601_to_period_full(input) {
+  let from_period_iso_8601 = {
+    days: null,
+    hours: null,
+    minutes: null,
+    seconds: null,
+  }
+  if (input) {
+    const regex = /P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)D)?(?:T(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?)?/
+    const matches = input.match(regex)
+    if (matches) {
+      from_period_iso_8601.days = matches[3] ? parseInt(matches[3], 10) : null
+      from_period_iso_8601.hours = matches[4] ? parseInt(matches[4], 10) : null
+      from_period_iso_8601.minutes = matches[5] ? parseInt(matches[5], 10) : null
+      from_period_iso_8601.seconds = matches[6] ? parseInt(matches[6], 10) : null
+    }
+  }
+  return from_period_iso_8601
+}
+
+export function total_seconds_to_period_full(input) {
+  let from_total_seconds = {
+    days: null,
+    hours: null,
+    minutes: null,
+    seconds: null,
+  }
+  if (input != null) {
+    let remaining_seconds = Number.isInteger(input) ? input : 0
+    const seconds_in_day = 86400
+    const seconds_in_hour = 3600
+    const seconds_in_minute = 60
+    from_total_seconds.days = Math.floor(remaining_seconds / seconds_in_day)
+    remaining_seconds %= seconds_in_day
+    from_total_seconds.hours = Math.floor(remaining_seconds / seconds_in_hour)
+    remaining_seconds %= seconds_in_hour
+    from_total_seconds.minutes = Math.floor(remaining_seconds / seconds_in_minute)
+    remaining_seconds %= seconds_in_minute
+    from_total_seconds.seconds = remaining_seconds
+  }
+  return from_total_seconds
+}
+
+export function period_full_parts_to_full(input, from_period_iso_8601, from_total_seconds) {
+  let period_full = {
+    days: input?.days ?? from_period_iso_8601?.days ?? from_total_seconds?.days ?? null,
+    hours: input?.hours ?? from_period_iso_8601?.hours ?? from_total_seconds?.hours ?? null,
+    minutes: input?.minutes ?? from_period_iso_8601?.minutes ?? from_total_seconds?.minutes ?? null,
+    seconds: input?.seconds ?? from_period_iso_8601?.seconds ?? from_total_seconds?.seconds ?? null,
+    iso_8601: null,
+    total_seconds: null,
+    content: null,
+  }
+  period_full.iso_8601 = `P${period_full.days ? period_full.days + "D" : ""}T${
+    period_full.hours ? period_full.hours + "H" : ""
+  }${period_full.minutes ? period_full.minutes + "M" : ""}${period_full.seconds ? period_full.seconds + "S" : ""}`
+  period_full.total_seconds =
+    (period_full.days || 0) * 24 * 60 * 60 +
+    (period_full.hours || 0) * 60 * 60 +
+    (period_full.minutes || 0) * 60 +
+    (period_full.seconds || 0)
+  let content_items = []
+  if (Number.isInteger(period_full.days)) {
+    content_items.push(`${period_full.days} day${period_full.days > 1 ? "s" : ""}`)
+  }
+  if (Number.isInteger(period_full.hours)) {
+    content_items.push(`${period_full.hours} hour${period_full.hours > 1 ? "s" : ""}`)
+  }
+  if (Number.isInteger(period_full.minutes)) {
+    content_items.push(`${period_full.minutes} minute${period_full.minutes > 1 ? "s" : ""}`)
+  }
+  if (Number.isInteger(period_full.seconds)) {
+    content_items.push(`${period_full.seconds} second${period_full.seconds > 1 ? "s" : ""}`)
+  }
+  period_full.content = content_items.join(", ")
+  return period_full
+}
+
+export function get_time_full_from_object(val_loc) {
+  let time_full = {
+    epoch: null,
+    granularity: val_loc?.granularity ?? null,
+    year: null,
+    month: null,
+    day_of_month: null,
+    day_of_week: null,
+    day_of_year: null,
+    week_of_year: null,
+    hour: null,
+    minute: null,
+    second: null,
+    timezone:
+      val_loc?.timezone && common_timezones.some((h) => h?.text == val_loc?.timezone)
+        ? val_loc?.timezone
+        : Intl.DateTimeFormat().resolvedOptions().timeZone,
+    datetime: null,
+    datetime_zoned: null,
+    datetime_utc: null,
+    content: null,
+  }
+  if (val_loc?.is_null) {
+    return time_full
+  }
+  let date = null
+  let date_from_epoch = Number.isInteger(val_loc?.epoch) ? new Date(val_loc?.epoch * 1000) : null
+  if (val_loc?.format == "epoch" && date_from_epoch) {
+    date = date_from_epoch
+  } else {
+    date = new Date(0)
+    for (let granularity of granularities) {
+      if (granularity == "year") {
+        if (Number.isInteger(val_loc?.year) && val_loc.year > -10000 && val_loc.year < 10000) {
+          date.setFullYear(val_loc.year)
+        } else {
+          let temp_date = date_from_epoch ?? new Date()
+          date.setFullYear(temp_date.getFullYear())
+        }
+      } else if (granularity == "month") {
+        if (Number.isInteger(val_loc?.month) && val_loc?.month > 0 && val_loc?.month < 13) {
+          date.setDate(1)
+          date.setMonth(val_loc?.month > 0 ? val_loc.month - 1 : 0)
+        } else if (date_from_epoch) {
+          date.setMonth(date_from_epoch?.getMonth())
+        }
+      } else if (granularity == "day") {
+        if (Number.isInteger(val_loc?.day_of_month) && val_loc?.day_of_month > 0 && val_loc?.day_of_month < 32) {
+          const days_in_month = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
+          date.setDate(Math.min(val_loc?.day_of_month > 0 ? val_loc.day_of_month : 1, days_in_month))
+        } else if (date_from_epoch) {
+          date.setDate(date_from_epoch.getDate())
+        }
+      } else if (granularity == "hour") {
+        if (Number.isInteger(val_loc?.hour) && val_loc?.hour > -1 && val_loc?.hour < 24) {
+          date.setHours(val_loc?.hour > -1 ? val_loc.hour : 0)
+        } else if (date_from_epoch) {
+          date.setHours(date_from_epoch.getHours())
+        }
+      } else if (granularity == "minute") {
+        if (Number.isInteger(val_loc?.minute) && val_loc?.minute > -1 && val_loc?.minute < 61) {
+          date.setMinutes(val_loc?.minute > -1 ? val_loc.minute : 0)
+        } else if (date_from_epoch) {
+          date.setMinutes(date_from_epoch.getMinutes())
+        }
+      } else if (granularity == "second") {
+        if (Number.isInteger(val_loc?.second) && val_loc?.second > -1 && val_loc?.second < 60) {
+          date.setSeconds(val_loc?.second > -1 ? val_loc.second : 0)
+        } else if (date_from_epoch) {
+          date.setSeconds(date_from_epoch.getSeconds())
+        }
+      }
+      if (time_full.granularity === granularity) {
+        break
+      }
+    }
+  }
+  if (!date) {
+    return time_full
+  }
+  time_full.epoch = Math.floor(date.getTime() / 1000)
+  let date_formatter = new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "numeric",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false,
+    timeZone: time_full?.timezone,
+  })
+  let parts = date_formatter.formatToParts(date)
+  let date_components = {}
+  for (let part of parts) {
+    if (part.type === "year") {
+      date_components.year = +part.value
+    } else if (part.type === "month") {
+      date_components.month = +part.value
+    } else if (part.type === "day") {
+      date_components.day = +part.value
+    } else if (part.type === "hour") {
+      date_components.hour = +part.value == 24 ? 0 : +part.value
+    } else if (part.type === "minute") {
+      date_components.minute = +part.value
+    } else if (part.type === "second") {
+      date_components.second = +part.value
+    }
+  }
+  if (
+    !val_loc?.format ||
+    ["time_full", "epoch", "datetime", "datetime_utc", "datetime_zoned", "calendar_date"].includes(val_loc?.format)
+  ) {
+    for (let granularity of granularities) {
+      if (granularity == "year") {
+        time_full.year = date_components.year
+        time_full.content = `${time_full.year}`
+        time_full.datetime = `${time_full.year.toString().padStart(4, "0")}`
+      } else if (granularity == "month") {
+        time_full.month = date_components.month
+        time_full.content = `${month_names[time_full.month - 1]}, ${time_full.year}`
+        time_full.datetime = `${time_full.year.toString().padStart(4, "0")}-${time_full.month
+          .toString()
+          .padStart(2, "0")}`
+      } else if (granularity == "week") {
+        let first_day_of_year = new Date(date.getFullYear(), 0, 1)
+        let past_days_of_year = (date - first_day_of_year) / 86400000
+        time_full.week_of_year = Math.ceil((past_days_of_year + first_day_of_year.getDay() + 1) / 7)
+        time_full.content = `Week ${time_full.week_of_year}, ${time_full.year}`
+      } else if (granularity == "day") {
+        time_full.day_of_month = date_components.day
+        time_full.day_of_week = date.getDay()
+        let start_of_year = new Date(date.getFullYear(), 0, 0)
+        let diff = date - start_of_year + (start_of_year.getTimezoneOffset() - date.getTimezoneOffset()) * 60 * 1000
+        time_full.day_of_year = Math.floor(diff / (1000 * 60 * 60 * 24))
+        time_full.content = `${days_of_week_names[time_full.day_of_week]}, ${month_names[time_full.month - 1]} ${
+          time_full.day_of_month
+        }, ${time_full.year}`
+        time_full.datetime = `${time_full.year.toString().padStart(4, "0")}-${time_full.month
+          .toString()
+          .padStart(2, "0")}-${time_full.day_of_month.toString().padStart(2, "0")}`
+      } else if (granularity == "hour") {
+        time_full.hour = date_components.hour
+        time_full.content = `${time_full.month}/${time_full.day_of_month}/${time_full.year} ${time_full.hour}:00`
+        time_full.datetime = `${time_full.year.toString().padStart(4, "0")}-${time_full.month
+          .toString()
+          .padStart(2, "0")}-${time_full.day_of_month.toString().padStart(2, "0")}T${time_full.hour
+          .toString()
+          .padStart(2, "0")}`
+      } else if (granularity == "minute") {
+        time_full.minute = date_components.minute
+        time_full.content = `${time_full.month}/${time_full.day_of_month}/${time_full.year} ${
+          time_full.hour
+        }:${time_full.minute.toString().padStart(2, "0")}`
+        time_full.datetime = `${time_full.year.toString().padStart(4, "0")}-${time_full.month
+          .toString()
+          .padStart(2, "0")}-${time_full.day_of_month.toString().padStart(2, "0")}T${time_full.hour
+          .toString()
+          .padStart(2, "0")}:${time_full.minute.toString().padStart(2, "0")}`
+      } else if (granularity == "second") {
+        time_full.second = date_components.second
+        time_full.content = `${time_full.month}/${time_full.day_of_month}/${time_full.year} ${
+          time_full.hour
+        }:${time_full.minute.toString().padStart(2, "0")}:${time_full.second.toString().padStart(2, "0")}`
+        time_full.datetime = `${time_full.year.toString().padStart(4, "0")}-${time_full.month
+          .toString()
+          .padStart(2, "0")}-${time_full.day_of_month.toString().padStart(2, "0")}T${time_full.hour
+          .toString()
+          .padStart(2, "0")}:${time_full.minute.toString().padStart(2, "0")}:${time_full.second
+          .toString()
+          .padStart(2, "0")}`
+      }
+      if (
+        (val_loc?.format != "calendar_date" && time_full.granularity == granularity) ||
+        (val_loc?.format == "calendar_date" && granularity == "day")
+      ) {
+        break
+      }
+    }
+    if (time_full?.timezone) {
+      const year = time_full.year !== null ? String(time_full.year).padStart(4, "0") : "0000"
+      const month = time_full.month !== null ? String(time_full.month).padStart(2, "0") : "00"
+      const day_of_month = time_full.day_of_month !== null ? String(time_full.day_of_month).padStart(2, "0") : "00"
+      const hour = time_full.hour !== null ? String(time_full.hour).padStart(2, "0") : "00"
+      const minute = time_full.minute !== null ? String(time_full.minute).padStart(2, "0") : "00"
+      const second = time_full.second !== null ? String(time_full.second).padStart(2, "0") : "00"
+      const full_datetime = `${year}-${month}-${day_of_month}T${hour}:${minute}:${second}`
+      time_full.datetime_utc = `${full_datetime}Z`
+      const date = new Date()
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: time_full?.timezone,
+        timeZoneName: "shortOffset",
+        hour12: false,
+      })
+      const parts = formatter.formatToParts(date)
+      let offset_string = parts.find((part) => part.type === "timeZoneName").value
+      offset_string = offset_string.replace(/GMT([+-]?)(\d{1,2})/, (match, sign, hours) => {
+        const padded_hours = hours.padStart(2, "0")
+        return `${sign}${padded_hours}:00`
+      })
+      time_full.datetime_zoned = `${full_datetime}${offset_string}[${time_full.timezone}]`
+      // tbd if we are handling epoch diff for set timezones
+    }
+  }
+  if (val_loc?.format == "calendar_date") {
+    time_full.content =
+      Number.isInteger(time_full?.year) &&
+      Number.isInteger(time_full?.month) &&
+      Number.isInteger(time_full?.day_of_month)
+        ? `${time_full?.year}-${time_full?.month}-${time_full?.day_of_month}`
+        : null
+  } else if (val_loc?.format == "year") {
+    time_full.year = date_components.year
+    time_full.content = date_components.year
+  } else if (val_loc?.format == "year_month") {
+    time_full.year = date_components.year
+    time_full.month = date_components.month
+    time_full.content = `${date_components.year}/${date_components.month}`
+  } else if (val_loc?.format == "year_week") {
+    time_full.year = date_components.year
+    let first_day_of_year = new Date(date.getFullYear(), 0, 1)
+    let past_days_of_year = (date - first_day_of_year) / 86400000
+    time_full.week_of_year = Math.ceil((past_days_of_year + first_day_of_year.getDay() + 1) / 7)
+    time_full.content = `${time_full.year}, Week ${time_full.week_of_year}`
+  } else if (val_loc?.format == "hour_minute") {
+    time_full.hour = date_components.hour
+    time_full.minute = date_components.minute
+    time_full.content =
+      Number.isInteger(time_full?.hour) && Number.isInteger(time_full?.minute)
+        ? `${time_full?.hour}:${time_full?.minute}`
+        : null
+  } else if (val_loc?.format == "hour_minute_second") {
+    time_full.hour = date_components.hour
+    time_full.minute = date_components.minute
+    time_full.second = date_components.second
+    time_full.content =
+      Number.isInteger(time_full?.hour) && Number.isInteger(time_full?.minute) && Number.isInteger(time_full?.second)
+        ? `${time_full?.hour}:${time_full?.minute}:${time_full?.second}`
+        : null
+  } else if (["period_full", "period_iso_8601", "period_total_seconds"].includes(val_loc?.format)) {
+    return period_full_parts_to_full(val_loc)
+  }
+  return time_full
+}
+
+export function get_time_object_from_val(input, format, granularity, timezone) {
+  if (!format) {
+    if (typeof input === "object") {
+      format = "time_full"
+    } else if (Number.isInteger(input)) {
+      format = "epoch"
+    } else if (typeof input === "string") {
+      if (/^\d{4}-\d{2}-\d{2}$/.test(input)) {
+        format = "calendar_date"
+      } else if (/^\d{4}-W\d{2}$/.test(input)) {
+        format = "year_week"
+      } else if (/^\d{4}-\d{2}$/.test(input)) {
+        format = "year_month"
+      } else if (/^\d{2}:\d{2}:\d{2}$/.test(input)) {
+        format = "hour_minute_second"
+      } else if (/^\d{2}:\d{2}$/.test(input)) {
+        format = "hour_minute"
+      } else if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/.test(input)) {
+        format = "datetime_utc"
+      } else if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}([+-]\d{2}:\d{2})?\[.*\]$/.test(input)) {
+        format = "datetime_zoned"
+      } else if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/.test(input)) {
+        format = "datetime"
+      }
+    }
+  }
+  if (format == "time_full") {
+    return get_time_full_from_object({
+      ...(input && typeof input == "object" && !Array.isArray(input) ? input : {}),
+      format,
+    })
+  } else if (format == "epoch") {
+    return get_time_full_from_object({
+      is_null: input == null,
+      epoch: input,
+      granularity: granularity,
+      timezone: timezone,
+      format: format,
+    })
+  } else if (format == "datetime") {
+    return get_time_full_from_object({
+      datetime: input,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "datetime_utc") {
+    return get_time_full_from_object({
+      datetime_utc: input,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "datetime_zoned") {
+    let timezone = null
+    if (input) {
+      const match = input.match(/\[(.+?)\]$/)
+      if (match) {
+        timezone = match[1]
+      } else {
+        const offset_match = input.match(/([+-]\d{2}:\d{2})/)
+        if (offset_match) {
+          const offset = offset_match[1]
+          timezone = common_timezones.find((h) => h?.offset == offset) || null
+        }
+      }
+    }
+    return get_time_full_from_object({
+      datetime_zoned: input,
+      granularity: granularity,
+      format: format,
+      timezone: timezone,
+    })
+  } else if (format == "calendar_date") {
+    let year = null
+    let month = null
+    let day_of_month = null
+    if (input && typeof input == "string") {
+      const items = input.split("-").map(Number)
+      year = parseInt(items?.[0])
+      month = parseInt(items?.[1])
+      day_of_month = parseInt(items?.[2])
+    }
+    return get_time_full_from_object({
+      year: year,
+      month: month,
+      day_of_month: day_of_month,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "year") {
+    return get_time_full_from_object({
+      year: input,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "year_month") {
+    const [year_str, month_str] = input ? input.split("-") : []
+    const year = year_str ? parseInt(year_str, 10) : null
+    const month = month_str ? parseInt(month_str, 10) : null
+    return get_time_full_from_object({
+      year: year,
+      month: month,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "hour_minute") {
+    const [hour_str, minute_str] = input ? input.split(":") : []
+    const hour = hour_str ? parseInt(hour_str, 10) : null
+    const minute = minute_str ? parseInt(minute_str, 10) : null
+    return get_time_full_from_object({
+      hour: hour,
+      minute: minute,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "hour_minute_second") {
+    const [hour_str, minute_str, second_str] = input ? input.split(":") : []
+    const hour = hour_str ? parseInt(hour_str, 10) : null
+    const minute = minute_str ? parseInt(minute_str, 10) : null
+    const second = second_str ? parseInt(second_str, 10) : null
+    return get_time_full_from_object({
+      hour: hour,
+      minute: minute,
+      second: second,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "year_week") {
+    const [year_str, week_of_year_str] = input ? input.split("-") : []
+    const year = year_str ? parseInt(year_str, 10) : null
+    const week_of_year = week_of_year_str ? parseInt(week_of_year_str.slice(1), 10) : null
+    return get_time_full_from_object({
+      year: year,
+      week_of_year: week_of_year,
+      granularity: granularity,
+      format: format,
+    })
+  } else if (format == "period_full") {
+    return period_full_parts_to_full(input)
+  } else if (format == "period_iso_8601") {
+    const period_full = period_iso_8601_to_period_full(input)
+    return period_full_parts_to_full(null, period_full)
+  } else if (format == "period_total_seconds") {
+    const period_full = total_seconds_to_period_full(input)
+    return period_full_parts_to_full(null, null, period_full)
+  }
+}
+
+export function get_val_from_time_object(input) {
+  if (input?.format == "period_full") {
+    return Number.isInteger(input?.days) ||
+      Number.isInteger(input?.hours) ||
+      Number.isInteger(input?.minutes) ||
+      Number.isInteger(input?.seconds)
+      ? {
+          days: Number.isInteger(input?.days) ? input?.days : null,
+          hours: Number.isInteger(input?.hours) ? input?.hours : null,
+          minutes: Number.isInteger(input?.minutes) ? input?.minutes : null,
+          seconds: Number.isInteger(input?.seconds) ? input?.seconds : null,
+        }
+      : null
+  } else if (input?.format == "period_iso_8601") {
+    const days = Number.isInteger(input?.days) ? input?.days : 0
+    const hours = Number.isInteger(input?.hours) ? input?.hours : 0
+    const minutes = Number.isInteger(input?.minutes) ? input?.minutes : 0
+    const seconds = Number.isInteger(input?.seconds) ? input?.seconds : 0
+    const iso8601 = `P${days > 0 ? days + "D" : ""}${hours || minutes || seconds ? "T" : ""}${
+      hours > 0 ? hours + "H" : ""
+    }${minutes > 0 ? minutes + "M" : ""}${seconds > 0 ? seconds + "S" : ""}`
+    return iso8601 !== "P" ? iso8601 : null
+  } else if (input?.format == "period_total_seconds") {
+    if (
+      !(
+        Number.isInteger(input?.days) ||
+        Number.isInteger(input?.hours) ||
+        Number.isInteger(input?.minutes) ||
+        Number.isInteger(input?.seconds)
+      )
+    ) {
+      return null
+    }
+    const days = Number.isInteger(input?.days) ? input?.days * 24 * 60 * 60 : 0
+    const hours = Number.isInteger(input?.hours) ? input?.hours * 60 * 60 : 0
+    const minutes = Number.isInteger(input?.minutes) ? input?.minutes * 60 : 0
+    const seconds = Number.isInteger(input?.seconds) ? input?.seconds : 0
+    const total_seconds = days + hours + minutes + seconds
+    return total_seconds
+  }
+  const time_full = get_time_full_from_object(input)
+  if (input?.format == "time_full") {
+    return time_full
+  } else if (input?.format == "epoch") {
+    return time_full?.epoch
+  } else if (input?.format == "datetime") {
+    return time_full?.datetime
+  } else if (input?.format == "datetime_utc") {
+    return time_full?.datetime_utc
+  } else if (input?.format == "datetime_zoned") {
+    return time_full?.datetime_zoned
+  } else if (input?.format == "calendar_date") {
+    return Number.isInteger(input?.year) && Number.isInteger(input?.month) && Number.isInteger(input?.day_of_month)
+      ? `${input?.year}-${input?.month.toString().padStart(2, "0")}-${input?.day_of_month.toString().padStart(2, "0")}`
+      : null
+  } else if (input?.format == "year") {
+    return input?.year
+  } else if (input?.format == "year_month") {
+    return Number.isInteger(input?.year) && Number.isInteger(input?.month)
+      ? `${input?.year}-${input?.month.toString().padStart(2, "0")}`
+      : null
+  } else if (input?.format == "year_week") {
+    return Number.isInteger(input?.year) && Number.isInteger(input?.week_of_year)
+      ? `${input?.year}-W${input?.week_of_year.toString().padStart(2, "0")}`
+      : null
+  } else if (input?.format == "hour_minute") {
+    return Number.isInteger(input?.hour) && Number.isInteger(input?.minute)
+      ? `${input?.hour.toString().padStart(2, "0")}:${input?.minute.toString().padStart(2, "0")}`
+      : null
+  } else if (input?.format == "hour_minute_second") {
+    return Number.isInteger(input?.hour) && Number.isInteger(input?.minute) && Number.isInteger(input?.second)
+      ? `${input?.hour.toString().padStart(2, "0")}:${input?.minute.toString().padStart(2, "0")}:${input?.second
+          .toString()
+          .padStart(2, "0")}`
+      : null
+  }
+}