@zag-js/date-utils 0.1.3 → 0.1.4

package/dist/chunk-KBGJA6NB.mjs

@@ -0,0 +1,55 @@
+// src/format-date.ts
+import { toCalendarDateTime } from "@internationalized/date";
+function createRegEx(sign) {
+  let symbols = "\\s|\\.|-|/|\\\\|,|\\$|\\!|\\?|:|;";
+  return new RegExp("(^|>|" + symbols + ")(" + sign + ")($|<|" + symbols + ")", "g");
+}
+function formatDate(value, formatString, locale, timeZone = "UTC") {
+  const datetime = toCalendarDateTime(value);
+  const date = datetime.toDate(timeZone);
+  const formats = {
+    // Time in ms
+    T: date.getTime(),
+    // Minutes
+    m: date.toLocaleString(locale, { minute: "numeric" }),
+    mm: date.toLocaleString(locale, { minute: "2-digit" }),
+    // Seconds
+    s: date.toLocaleString(locale, { second: "numeric" }),
+    ss: date.toLocaleString(locale, { second: "2-digit" }),
+    // Hours
+    h: date.toLocaleString(locale, { hour: "numeric", hour12: true }),
+    hh: date.toLocaleString(locale, { hour: "2-digit", hour12: true }),
+    H: date.toLocaleString(locale, { hour: "numeric", hour12: false }),
+    HH: date.toLocaleString(locale, { hour: "2-digit", hour12: false }),
+    // Day period
+    aa: date.toLocaleString(locale, { hour: "numeric", hour12: true }).toLowerCase(),
+    AA: date.toLocaleString(locale, { hour: "numeric", hour12: true }).toUpperCase(),
+    // Day of week
+    E: date.toLocaleString(locale, { weekday: "short" }),
+    EE: date.toLocaleString(locale, { weekday: "short" }),
+    EEE: date.toLocaleString(locale, { weekday: "short" }),
+    EEEE: date.toLocaleString(locale, { weekday: "long" }),
+    // Date of month
+    d: datetime.day,
+    dd: date.toLocaleString(locale, { day: "2-digit" }),
+    // Months
+    M: datetime.month + 1,
+    MM: date.toLocaleString(locale, { month: "2-digit" }),
+    MMM: date.toLocaleString(locale, { month: "short" }),
+    MMMM: date.toLocaleString(locale, { month: "long" }),
+    // Years
+    yy: date.toLocaleString(locale, { year: "2-digit" }),
+    yyyy: date.toLocaleString(locale, { year: "numeric" }),
+    YY: date.toLocaleString(locale, { year: "2-digit" }),
+    YYYY: date.toLocaleString(locale, { year: "numeric" })
+  };
+  let result = formatString;
+  for (const key in formats) {
+    result = result.replace(createRegEx(key), "$1" + formats[key] + "$3");
+  }
+  return result;
+}
+
+export {
+  formatDate
+};

package/dist/chunk-U3OBXRHI.mjs

@@ -0,0 +1,42 @@
+// src/parse-date.ts
+import { CalendarDate, DateFormatter } from "@internationalized/date";
+function parseDateString(date, locale, timeZone) {
+  const regex = createRegex(locale, timeZone);
+  const { year, month, day } = extract(regex, date) ?? {};
+  if (year != null && year.length === 4 && month != null && +month <= 12 && day != null && +day <= 31) {
+    return new CalendarDate(+year, +month, +day);
+  }
+  const time = Date.parse(date);
+  if (!isNaN(time)) {
+    const date2 = new Date(time);
+    return new CalendarDate(date2.getFullYear(), date2.getMonth() + 1, date2.getDate());
+  }
+}
+function createRegex(locale, timeZone) {
+  const formatter = new DateFormatter(locale, { day: "numeric", month: "numeric", year: "numeric", timeZone });
+  const parts = formatter.formatToParts(new Date(2e3, 11, 25));
+  return parts.map(({ type, value }) => type === "literal" ? value : `((?!=<${type}>)\\d+)`).join("");
+}
+function extract(pattern, str) {
+  const matches = str.match(pattern);
+  return pattern.toString().match(/<(.+?)>/g)?.map((group) => {
+    const groupMatches = group.match(/<(.+)>/);
+    if (!groupMatches || groupMatches.length <= 0) {
+      return null;
+    }
+    return group.match(/<(.+)>/)?.[1];
+  }).reduce((acc, curr, index) => {
+    if (!curr)
+      return acc;
+    if (matches && matches.length > index) {
+      acc[curr] = matches[index + 1];
+    } else {
+      acc[curr] = null;
+    }
+    return acc;
+  }, {});
+}
+
+export {
+  parseDateString
+};

package/dist/format-date.d.ts

@@ -0,0 +1,9 @@
+import { CalendarDate } from '@internationalized/date';
+
+/**
+ * Formats a date using the given format string as defined in:
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+ */
+declare function formatDate(value: CalendarDate, formatString: string, locale: string, timeZone?: string): string;
+
+export { formatDate };

package/dist/format-date.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/format-date.ts
+var format_date_exports = {};
+__export(format_date_exports, {
+  formatDate: () => formatDate
+});
+module.exports = __toCommonJS(format_date_exports);
+var import_date = require("@internationalized/date");
+function createRegEx(sign) {
+  let symbols = "\\s|\\.|-|/|\\\\|,|\\$|\\!|\\?|:|;";
+  return new RegExp("(^|>|" + symbols + ")(" + sign + ")($|<|" + symbols + ")", "g");
+}
+function formatDate(value, formatString, locale, timeZone = "UTC") {
+  const datetime = (0, import_date.toCalendarDateTime)(value);
+  const date = datetime.toDate(timeZone);
+  const formats = {
+    // Time in ms
+    T: date.getTime(),
+    // Minutes
+    m: date.toLocaleString(locale, { minute: "numeric" }),
+    mm: date.toLocaleString(locale, { minute: "2-digit" }),
+    // Seconds
+    s: date.toLocaleString(locale, { second: "numeric" }),
+    ss: date.toLocaleString(locale, { second: "2-digit" }),
+    // Hours
+    h: date.toLocaleString(locale, { hour: "numeric", hour12: true }),
+    hh: date.toLocaleString(locale, { hour: "2-digit", hour12: true }),
+    H: date.toLocaleString(locale, { hour: "numeric", hour12: false }),
+    HH: date.toLocaleString(locale, { hour: "2-digit", hour12: false }),
+    // Day period
+    aa: date.toLocaleString(locale, { hour: "numeric", hour12: true }).toLowerCase(),
+    AA: date.toLocaleString(locale, { hour: "numeric", hour12: true }).toUpperCase(),
+    // Day of week
+    E: date.toLocaleString(locale, { weekday: "short" }),
+    EE: date.toLocaleString(locale, { weekday: "short" }),
+    EEE: date.toLocaleString(locale, { weekday: "short" }),
+    EEEE: date.toLocaleString(locale, { weekday: "long" }),
+    // Date of month
+    d: datetime.day,
+    dd: date.toLocaleString(locale, { day: "2-digit" }),
+    // Months
+    M: datetime.month + 1,
+    MM: date.toLocaleString(locale, { month: "2-digit" }),
+    MMM: date.toLocaleString(locale, { month: "short" }),
+    MMMM: date.toLocaleString(locale, { month: "long" }),
+    // Years
+    yy: date.toLocaleString(locale, { year: "2-digit" }),
+    yyyy: date.toLocaleString(locale, { year: "numeric" }),
+    YY: date.toLocaleString(locale, { year: "2-digit" }),
+    YYYY: date.toLocaleString(locale, { year: "numeric" })
+  };
+  let result = formatString;
+  for (const key in formats) {
+    result = result.replace(createRegEx(key), "$1" + formats[key] + "$3");
+  }
+  return result;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatDate
+});

package/dist/format-date.mjs

@@ -0,0 +1,6 @@
+import {
+  formatDate
+} from "./chunk-KBGJA6NB.mjs";
+export {
+  formatDate
+};

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 export { alignDate, alignStartDate } from './align.js';
 export { isDateDisabled, isDateEqual, isDateInvalid, isDateOutsideVisibleRange, isDateUnavailable, isNextVisibleRangeInvalid, isPreviousVisibleRangeInvalid, isTodayDate } from './assertion.js';
 export { alignCenter, alignEnd, alignStart, constrainStart, constrainValue } from './constrain.js';
-export { parseDateString } from './conversion.js';
 export { getEndDate, getUnitDuration } from './duration.js';
+export { formatDate } from './format-date.js';
 export { formatRange } from './format-range.js';
 export { formatSelectedDate } from './format-selected-date.js';
 export { formatVisibleRange } from './format-visible-range.js';
@@ -16,5 +16,6 @@ export { getWeekdayFormats } from './get-weekday-formats.js';
 export { YearsRange, getYearsRange } from './get-year-range.js';
 export { getNextDay, getPreviousAvailableDate, getPreviousDay, getTodayDate, setCalendar, setDate, setMonth, setYear } from './mutation.js';
 export { getAdjustedDateFn, getNextPage, getNextRow, getNextSection, getPreviousPage, getPreviousRow, getPreviousSection, getSectionEnd, getSectionStart } from './pagination.js';
+export { parseDateString } from './parse-date.js';
 export { DateAdjustFn, DateGranularity } from './types.js';
 import '@internationalized/date';

package/dist/index.js

@@ -27,6 +27,7 @@ __export(src_exports, {
   alignStartDate: () => alignStartDate,
   constrainStart: () => constrainStart,
   constrainValue: () => constrainValue,
+  formatDate: () => formatDate,
   formatRange: () => formatRange,
   formatSelectedDate: () => formatSelectedDate,
   formatVisibleRange: () => formatVisibleRange,
@@ -184,20 +185,6 @@ function isNextVisibleRangeInvalid(endDate, minValue, maxValue) {
   return (0, import_date2.isSameDay)(nextDate, endDate) || isDateInvalid(nextDate, minValue, maxValue);
 }
 
-// src/conversion.ts
-var import_date3 = require("@internationalized/date");
-function parseDateString(value) {
-  try {
-    const date = new Date(value);
-    date.setMinutes(1e3);
-    if (isNaN(date.getTime()))
-      return;
-    const [dateWithoutTime] = date.toISOString().split("T");
-    return (0, import_date3.parseDate)(dateWithoutTime);
-  } catch {
-  }
-}
-
 // src/duration.ts
 function getUnitDuration(duration) {
   let d = { ...duration };
@@ -216,6 +203,58 @@ function getEndDate(startDate, duration) {
   return startDate.add(d);
 }
 
+// src/format-date.ts
+var import_date3 = require("@internationalized/date");
+function createRegEx(sign) {
+  let symbols = "\\s|\\.|-|/|\\\\|,|\\$|\\!|\\?|:|;";
+  return new RegExp("(^|>|" + symbols + ")(" + sign + ")($|<|" + symbols + ")", "g");
+}
+function formatDate(value, formatString, locale, timeZone = "UTC") {
+  const datetime = (0, import_date3.toCalendarDateTime)(value);
+  const date = datetime.toDate(timeZone);
+  const formats = {
+    // Time in ms
+    T: date.getTime(),
+    // Minutes
+    m: date.toLocaleString(locale, { minute: "numeric" }),
+    mm: date.toLocaleString(locale, { minute: "2-digit" }),
+    // Seconds
+    s: date.toLocaleString(locale, { second: "numeric" }),
+    ss: date.toLocaleString(locale, { second: "2-digit" }),
+    // Hours
+    h: date.toLocaleString(locale, { hour: "numeric", hour12: true }),
+    hh: date.toLocaleString(locale, { hour: "2-digit", hour12: true }),
+    H: date.toLocaleString(locale, { hour: "numeric", hour12: false }),
+    HH: date.toLocaleString(locale, { hour: "2-digit", hour12: false }),
+    // Day period
+    aa: date.toLocaleString(locale, { hour: "numeric", hour12: true }).toLowerCase(),
+    AA: date.toLocaleString(locale, { hour: "numeric", hour12: true }).toUpperCase(),
+    // Day of week
+    E: date.toLocaleString(locale, { weekday: "short" }),
+    EE: date.toLocaleString(locale, { weekday: "short" }),
+    EEE: date.toLocaleString(locale, { weekday: "short" }),
+    EEEE: date.toLocaleString(locale, { weekday: "long" }),
+    // Date of month
+    d: datetime.day,
+    dd: date.toLocaleString(locale, { day: "2-digit" }),
+    // Months
+    M: datetime.month + 1,
+    MM: date.toLocaleString(locale, { month: "2-digit" }),
+    MMM: date.toLocaleString(locale, { month: "short" }),
+    MMMM: date.toLocaleString(locale, { month: "long" }),
+    // Years
+    yy: date.toLocaleString(locale, { year: "2-digit" }),
+    yyyy: date.toLocaleString(locale, { year: "numeric" }),
+    YY: date.toLocaleString(locale, { year: "2-digit" }),
+    YYYY: date.toLocaleString(locale, { year: "numeric" })
+  };
+  let result = formatString;
+  for (const key in formats) {
+    result = result.replace(createRegEx(key), "$1" + formats[key] + "$3");
+  }
+  return result;
+}
+
 // src/format-range.ts
 function formatRange(startDate, endDate, formatter, toString, timeZone) {
   let parts = formatter.formatRangeToParts(startDate.toDate(timeZone), endDate.toDate(timeZone));
@@ -610,6 +649,45 @@ function getPreviousSection(focusedDate, startDate, larger, visibleDuration, loc
     });
   }
 }
+
+// src/parse-date.ts
+var import_date13 = require("@internationalized/date");
+function parseDateString(date, locale, timeZone) {
+  const regex = createRegex(locale, timeZone);
+  const { year, month, day } = extract(regex, date) ?? {};
+  if (year != null && year.length === 4 && month != null && +month <= 12 && day != null && +day <= 31) {
+    return new import_date13.CalendarDate(+year, +month, +day);
+  }
+  const time = Date.parse(date);
+  if (!isNaN(time)) {
+    const date2 = new Date(time);
+    return new import_date13.CalendarDate(date2.getFullYear(), date2.getMonth() + 1, date2.getDate());
+  }
+}
+function createRegex(locale, timeZone) {
+  const formatter = new import_date13.DateFormatter(locale, { day: "numeric", month: "numeric", year: "numeric", timeZone });
+  const parts = formatter.formatToParts(new Date(2e3, 11, 25));
+  return parts.map(({ type, value }) => type === "literal" ? value : `((?!=<${type}>)\\d+)`).join("");
+}
+function extract(pattern, str) {
+  const matches = str.match(pattern);
+  return pattern.toString().match(/<(.+?)>/g)?.map((group) => {
+    const groupMatches = group.match(/<(.+)>/);
+    if (!groupMatches || groupMatches.length <= 0) {
+      return null;
+    }
+    return group.match(/<(.+)>/)?.[1];
+  }).reduce((acc, curr, index) => {
+    if (!curr)
+      return acc;
+    if (matches && matches.length > index) {
+      acc[curr] = matches[index + 1];
+    } else {
+      acc[curr] = null;
+    }
+    return acc;
+  }, {});
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   alignCenter,
@@ -619,6 +697,7 @@ function getPreviousSection(focusedDate, startDate, larger, visibleDuration, loc
   alignStartDate,
   constrainStart,
   constrainValue,
+  formatDate,
   formatRange,
   formatSelectedDate,
   formatVisibleRange,

package/dist/index.mjs

@@ -28,6 +28,9 @@ import {
   getSectionEnd,
   getSectionStart
 } from "./chunk-VTFZA34K.mjs";
+import {
+  parseDateString
+} from "./chunk-U3OBXRHI.mjs";
 import {
   getDecadeRange
 } from "./chunk-G4VVKINZ.mjs";
@@ -60,13 +63,13 @@ import {
   constrainStart,
   constrainValue
 } from "./chunk-MGPXEJO4.mjs";
-import {
-  parseDateString
-} from "./chunk-UHOBXAHP.mjs";
 import {
   getEndDate,
   getUnitDuration
 } from "./chunk-ZSLC7OI2.mjs";
+import {
+  formatDate
+} from "./chunk-KBGJA6NB.mjs";
 import {
   formatSelectedDate
 } from "./chunk-LQAXQPWP.mjs";
@@ -91,6 +94,7 @@ export {
   alignStartDate,
   constrainStart,
   constrainValue,
+  formatDate,
   formatRange,
   formatSelectedDate,
   formatVisibleRange,

package/dist/parse-date.d.ts

@@ -0,0 +1,5 @@
+import { CalendarDate } from '@internationalized/date';
+
+declare function parseDateString(date: string, locale: string, timeZone: string): CalendarDate | undefined;
+
+export { parseDateString };

package/dist/parse-date.js

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/parse-date.ts
+var parse_date_exports = {};
+__export(parse_date_exports, {
+  parseDateString: () => parseDateString
+});
+module.exports = __toCommonJS(parse_date_exports);
+var import_date = require("@internationalized/date");
+function parseDateString(date, locale, timeZone) {
+  const regex = createRegex(locale, timeZone);
+  const { year, month, day } = extract(regex, date) ?? {};
+  if (year != null && year.length === 4 && month != null && +month <= 12 && day != null && +day <= 31) {
+    return new import_date.CalendarDate(+year, +month, +day);
+  }
+  const time = Date.parse(date);
+  if (!isNaN(time)) {
+    const date2 = new Date(time);
+    return new import_date.CalendarDate(date2.getFullYear(), date2.getMonth() + 1, date2.getDate());
+  }
+}
+function createRegex(locale, timeZone) {
+  const formatter = new import_date.DateFormatter(locale, { day: "numeric", month: "numeric", year: "numeric", timeZone });
+  const parts = formatter.formatToParts(new Date(2e3, 11, 25));
+  return parts.map(({ type, value }) => type === "literal" ? value : `((?!=<${type}>)\\d+)`).join("");
+}
+function extract(pattern, str) {
+  const matches = str.match(pattern);
+  return pattern.toString().match(/<(.+?)>/g)?.map((group) => {
+    const groupMatches = group.match(/<(.+)>/);
+    if (!groupMatches || groupMatches.length <= 0) {
+      return null;
+    }
+    return group.match(/<(.+)>/)?.[1];
+  }).reduce((acc, curr, index) => {
+    if (!curr)
+      return acc;
+    if (matches && matches.length > index) {
+      acc[curr] = matches[index + 1];
+    } else {
+      acc[curr] = null;
+    }
+    return acc;
+  }, {});
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseDateString
+});

package/dist/{conversion.mjs → parse-date.mjs}

@@ -1,6 +1,6 @@
 import {
   parseDateString
-} from "./chunk-UHOBXAHP.mjs";
+} from "./chunk-U3OBXRHI.mjs";
 export {
   parseDateString
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/date-utils",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Date utilities for zag.js",
   "keywords": [
     "js",

package/dist/chunk-UHOBXAHP.mjs

@@ -1,17 +0,0 @@
-// src/conversion.ts
-import { parseDate } from "@internationalized/date";
-function parseDateString(value) {
-  try {
-    const date = new Date(value);
-    date.setMinutes(1e3);
-    if (isNaN(date.getTime()))
-      return;
-    const [dateWithoutTime] = date.toISOString().split("T");
-    return parseDate(dateWithoutTime);
-  } catch {
-  }
-}
-
-export {
-  parseDateString
-};

package/dist/conversion.d.ts

@@ -1,5 +0,0 @@
-import * as _internationalized_date from '@internationalized/date';
-
-declare function parseDateString(value: string): _internationalized_date.CalendarDate | undefined;
-
-export { parseDateString };

package/dist/conversion.js

@@ -1,41 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/conversion.ts
-var conversion_exports = {};
-__export(conversion_exports, {
-  parseDateString: () => parseDateString
-});
-module.exports = __toCommonJS(conversion_exports);
-var import_date = require("@internationalized/date");
-function parseDateString(value) {
-  try {
-    const date = new Date(value);
-    date.setMinutes(1e3);
-    if (isNaN(date.getTime()))
-      return;
-    const [dateWithoutTime] = date.toISOString().split("T");
-    return (0, import_date.parseDate)(dateWithoutTime);
-  } catch {
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  parseDateString
-});