@rupe/v-datepicker 1.0.0-alpha.0

package/dist/shared/date/parser.d.ts

@@ -0,0 +1,37 @@
+import { DateValue } from '@internationalized/date';
+import { Ref } from 'vue';
+import { Formatter } from '..';
+import { Granularity, HourCycle, SegmentContentObj, SegmentPart, SegmentValueObj } from '../date';
+type SyncDateSegmentValuesProps = {
+    value: DateValue;
+    formatter: Formatter;
+};
+type SyncTimeSegmentValuesProps = {
+    value: DateValue;
+    formatter: Formatter;
+};
+export declare function syncTimeSegmentValues(props: SyncTimeSegmentValuesProps): SegmentValueObj;
+export declare function syncSegmentValues(props: SyncDateSegmentValuesProps): SegmentValueObj;
+export declare function initializeTimeSegmentValues(granularity: "hour" | "minute" | "second"): SegmentValueObj;
+export declare function initializeSegmentValues(granularity: Granularity): SegmentValueObj;
+type SharedContentProps = {
+    granularity: Granularity;
+    dateRef: DateValue;
+    formatter: Formatter;
+    hideTimeZone: boolean;
+    hourCycle: HourCycle;
+    isTimeValue?: boolean;
+};
+type CreateContentObjProps = SharedContentProps & {
+    segmentValues: SegmentValueObj;
+    locale: Ref<string>;
+};
+type CreateContentProps = CreateContentObjProps;
+export declare function createContent(props: CreateContentProps): {
+    obj: SegmentContentObj;
+    arr: {
+        part: SegmentPart;
+        value: string;
+    }[];
+};
+export {};

package/dist/shared/date/parser.js

@@ -0,0 +1,161 @@
+import { toDate, isZonedDateTime } from "../../date/comparators.js";
+import { EDITABLE_SEGMENT_PARTS, DATE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isSegmentPart, isDateSegmentPart } from "./parts.js";
+import { getPlaceholder } from "./placeholders.js";
+import "vue";
+import { getOptsByGranularity, normalizeHourCycle } from "./utils.js";
+const calendarDateTimeGranularities = ["hour", "minute", "second"];
+function syncTimeSegmentValues(props) {
+  return Object.fromEntries(
+    TIME_SEGMENT_PARTS.map((part) => {
+      if (part === "dayPeriod")
+        return [part, props.formatter.dayPeriod(toDate(props.value))];
+      return [part, props.value[part]];
+    })
+  );
+}
+function syncSegmentValues(props) {
+  const { formatter } = props;
+  const dateValues = DATE_SEGMENT_PARTS.map((part) => {
+    return [part, props.value[part]];
+  });
+  if ("hour" in props.value) {
+    const timeValues = syncTimeSegmentValues({ value: props.value, formatter });
+    return {
+      ...Object.fromEntries(dateValues),
+      ...timeValues
+    };
+  }
+  return Object.fromEntries(dateValues);
+}
+function initializeSegmentValues(granularity) {
+  const initialParts = EDITABLE_SEGMENT_PARTS.map((part) => {
+    if (part === "dayPeriod") return [part, "AM"];
+    return [part, null];
+  }).filter(([key]) => {
+    if (key === "literal" || key === null) return false;
+    if (granularity === "minute" && key === "second") return false;
+    if (granularity === "hour" && (key === "second" || key === "minute"))
+      return false;
+    if (granularity === "day")
+      return !calendarDateTimeGranularities.includes(key) && key !== "dayPeriod";
+    else return true;
+  });
+  return Object.fromEntries(initialParts);
+}
+function createContentObj(props) {
+  const { segmentValues, formatter, locale } = props;
+  function getPartContent(part) {
+    if ("hour" in segmentValues) {
+      const value = segmentValues[part];
+      if (value !== null) {
+        if (part === "day") {
+          return formatter.part(
+            props.dateRef.set({
+              [part]: value,
+              /**
+               * Edge case for the day field:
+               *
+               * 1. If the month is filled,
+               *   we need to ensure that the day snaps to the maximum value of that month.
+               * 2. If the month is not filled,
+               *   we default to the month with the maximum number of days (here just using January, 31 days),
+               *   so that user can input any possible day.
+               */
+              month: segmentValues.month ?? 1
+            }),
+            part,
+            { hourCycle: normalizeHourCycle(props.hourCycle) }
+          );
+        }
+        return formatter.part(props.dateRef.set({ [part]: value }), part, {
+          hourCycle: normalizeHourCycle(props.hourCycle)
+        });
+      } else {
+        return getPlaceholder(part, "", locale.value);
+      }
+    } else {
+      if (isDateSegmentPart(part)) {
+        const value = segmentValues[part];
+        if (value !== null) {
+          if (part === "day") {
+            return formatter.part(
+              props.dateRef.set({
+                [part]: value,
+                // Same logic as above for the day field
+                month: segmentValues.month ?? 1
+              }),
+              part
+            );
+          }
+          return formatter.part(props.dateRef.set({ [part]: value }), part);
+        } else {
+          return getPlaceholder(part, "", locale.value);
+        }
+      }
+      return "";
+    }
+  }
+  const content = Object.keys(segmentValues).reduce((obj, part) => {
+    if (!isSegmentPart(part)) return obj;
+    if ("hour" in segmentValues && part === "dayPeriod") {
+      const value = segmentValues[part];
+      if (value !== null) obj[part] = value;
+      else obj[part] = getPlaceholder(part, "AM", locale.value);
+    } else {
+      obj[part] = getPartContent(part);
+    }
+    return obj;
+  }, {});
+  return content;
+}
+function createContentArr(props) {
+  const {
+    granularity,
+    formatter,
+    contentObj,
+    hideTimeZone,
+    hourCycle,
+    isTimeValue
+  } = props;
+  const parts = formatter.toParts(
+    props.dateRef,
+    getOptsByGranularity(granularity, hourCycle, isTimeValue)
+  );
+  const segmentContentArr = parts.map((part) => {
+    const defaultParts = ["literal", "timeZoneName", null];
+    if (defaultParts.includes(part.type) || !isSegmentPart(part.type)) {
+      return {
+        part: part.type,
+        value: part.value
+      };
+    }
+    return {
+      part: part.type,
+      value: contentObj[part.type]
+    };
+  }).filter((segment) => {
+    if (segment.part === null || segment.value === null) return false;
+    if (segment.part === "timeZoneName" && (!isZonedDateTime(props.dateRef) || hideTimeZone))
+      return false;
+    return true;
+  });
+  return segmentContentArr;
+}
+function createContent(props) {
+  const contentObj = createContentObj(props);
+  const contentArr = createContentArr({
+    contentObj,
+    ...props
+  });
+  return {
+    obj: contentObj,
+    arr: contentArr
+  };
+}
+export {
+  createContent,
+  initializeSegmentValues,
+  syncSegmentValues,
+  syncTimeSegmentValues
+};
+//# sourceMappingURL=parser.js.map

package/dist/shared/date/parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.js","sources":["../../../src/shared/date/parser.ts"],"sourcesContent":["import type { DateFields, DateValue } from \"@internationalized/date\";\nimport type { Ref } from \"vue\";\nimport type { Formatter } from \"..\";\nimport type {\n  DateSegmentPart,\n  Granularity,\n  HourCycle,\n  SegmentContentObj,\n  SegmentPart,\n  SegmentValueObj,\n  TimeSegmentPart,\n} from \"../date\";\nimport { isZonedDateTime, toDate } from \"../../date\";\nimport {\n  DATE_SEGMENT_PARTS,\n  EDITABLE_SEGMENT_PARTS,\n  getOptsByGranularity,\n  getPlaceholder,\n  isDateSegmentPart,\n  isSegmentPart,\n  normalizeHourCycle,\n  TIME_SEGMENT_PARTS,\n} from \"../date\";\n\nconst calendarDateTimeGranularities = [\"hour\", \"minute\", \"second\"];\n\ntype SyncDateSegmentValuesProps = {\n  value: DateValue;\n  formatter: Formatter;\n};\n\ntype SyncTimeSegmentValuesProps = {\n  value: DateValue;\n  formatter: Formatter;\n};\n\nexport function syncTimeSegmentValues(props: SyncTimeSegmentValuesProps) {\n  return Object.fromEntries(\n    TIME_SEGMENT_PARTS.map((part) => {\n      if (part === \"dayPeriod\")\n        return [part, props.formatter.dayPeriod(toDate(props.value))];\n      return [part, props.value[part as keyof DateValue]];\n    }),\n  ) as SegmentValueObj;\n}\n\nexport function syncSegmentValues(props: SyncDateSegmentValuesProps) {\n  const { formatter } = props;\n\n  const dateValues = DATE_SEGMENT_PARTS.map((part) => {\n    return [part, props.value[part]];\n  });\n  if (\"hour\" in props.value) {\n    const timeValues = syncTimeSegmentValues({ value: props.value, formatter });\n\n    return {\n      ...Object.fromEntries(dateValues),\n      ...timeValues,\n    } as SegmentValueObj;\n  }\n\n  return Object.fromEntries(dateValues) as SegmentValueObj;\n}\n\nexport function initializeTimeSegmentValues(\n  granularity: \"hour\" | \"minute\" | \"second\",\n): SegmentValueObj {\n  return Object.fromEntries(\n    TIME_SEGMENT_PARTS.map((part) => {\n      if (part === \"dayPeriod\") return [part, \"AM\"];\n      return [part, null];\n    }).filter(([key]) => {\n      if (key === \"literal\" || key === null) return false;\n      if (granularity === \"minute\" && key === \"second\") return false;\n      if (granularity === \"hour\" && (key === \"second\" || key === \"minute\"))\n        return false;\n      else return true;\n    }),\n  );\n}\n\nexport function initializeSegmentValues(\n  granularity: Granularity,\n): SegmentValueObj {\n  const initialParts = EDITABLE_SEGMENT_PARTS.map((part) => {\n    if (part === \"dayPeriod\") return [part, \"AM\"];\n\n    return [part, null];\n  }).filter(([key]) => {\n    if (key === \"literal\" || key === null) return false;\n    if (granularity === \"minute\" && key === \"second\") return false;\n    if (granularity === \"hour\" && (key === \"second\" || key === \"minute\"))\n      return false;\n    if (granularity === \"day\")\n      return (\n        !calendarDateTimeGranularities.includes(key) && key !== \"dayPeriod\"\n      );\n    else return true;\n  });\n\n  return Object.fromEntries(initialParts);\n}\n\ntype SharedContentProps = {\n  granularity: Granularity;\n  dateRef: DateValue;\n  formatter: Formatter;\n  hideTimeZone: boolean;\n  hourCycle: HourCycle;\n  isTimeValue?: boolean;\n};\n\ntype CreateContentObjProps = SharedContentProps & {\n  segmentValues: SegmentValueObj;\n  locale: Ref<string>;\n};\n\ntype CreateContentArrProps = SharedContentProps & {\n  contentObj: SegmentContentObj;\n};\n\nfunction createContentObj(props: CreateContentObjProps) {\n  const { segmentValues, formatter, locale } = props;\n  function getPartContent(part: DateSegmentPart | TimeSegmentPart) {\n    if (\"hour\" in segmentValues) {\n      const value = segmentValues[part];\n      if (value !== null) {\n        if (part === \"day\") {\n          return formatter.part(\n            props.dateRef.set({\n              [part as keyof DateFields]: value,\n              /**\n               * Edge case for the day field:\n               *\n               * 1. If the month is filled,\n               *   we need to ensure that the day snaps to the maximum value of that month.\n               * 2. If the month is not filled,\n               *   we default to the month with the maximum number of days (here just using January, 31 days),\n               *   so that user can input any possible day.\n               */\n              month: segmentValues.month ?? 1,\n            }),\n            part,\n            { hourCycle: normalizeHourCycle(props.hourCycle) },\n          );\n        }\n        return formatter.part(props.dateRef.set({ [part]: value }), part, {\n          hourCycle: normalizeHourCycle(props.hourCycle),\n        });\n      } else {\n        return getPlaceholder(part, \"\", locale.value);\n      }\n    } else {\n      if (isDateSegmentPart(part)) {\n        const value = segmentValues[part];\n        if (value !== null) {\n          if (part === \"day\") {\n            return formatter.part(\n              props.dateRef.set({\n                [part]: value,\n                // Same logic as above for the day field\n                month: segmentValues.month ?? 1,\n              }),\n              part,\n            );\n          }\n\n          return formatter.part(props.dateRef.set({ [part]: value }), part);\n        } else {\n          return getPlaceholder(part, \"\", locale.value);\n        }\n      }\n      return \"\";\n    }\n  }\n\n  const content = Object.keys(segmentValues).reduce((obj, part) => {\n    if (!isSegmentPart(part)) return obj;\n    if (\"hour\" in segmentValues && part === \"dayPeriod\") {\n      const value = segmentValues[part];\n\n      if (value !== null) obj[part] = value;\n      else obj[part] = getPlaceholder(part, \"AM\", locale.value);\n    } else {\n      obj[part] = getPartContent(part);\n    }\n\n    return obj;\n  }, {} as SegmentContentObj);\n\n  return content;\n}\n\nfunction createContentArr(props: CreateContentArrProps) {\n  const {\n    granularity,\n    formatter,\n    contentObj,\n    hideTimeZone,\n    hourCycle,\n    isTimeValue,\n  } = props;\n  const parts = formatter.toParts(\n    props.dateRef,\n    getOptsByGranularity(granularity, hourCycle, isTimeValue),\n  );\n\n  const segmentContentArr = parts\n    .map((part) => {\n      const defaultParts = [\"literal\", \"timeZoneName\", null];\n\n      if (defaultParts.includes(part.type) || !isSegmentPart(part.type)) {\n        return {\n          part: part.type,\n          value: part.value,\n        };\n      }\n\n      return {\n        part: part.type,\n        value: contentObj[part.type],\n      };\n    })\n    .filter((segment): segment is { part: SegmentPart; value: string } => {\n      if (segment.part === null || segment.value === null) return false;\n      if (\n        segment.part === \"timeZoneName\" &&\n        (!isZonedDateTime(props.dateRef) || hideTimeZone)\n      )\n        return false;\n\n      return true;\n    });\n\n  return segmentContentArr;\n}\n\ntype CreateContentProps = CreateContentObjProps;\n\nexport function createContent(props: CreateContentProps) {\n  const contentObj = createContentObj(props);\n\n  const contentArr = createContentArr({\n    contentObj,\n    ...props,\n  });\n\n  return {\n    obj: contentObj,\n    arr: contentArr,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/date/parts.d.ts

@@ -0,0 +1,12 @@
+import { DateSegmentPart, EditableSegmentPart, SegmentPart, TimeSegmentPart } from './types';
+export declare const DATE_SEGMENT_PARTS: readonly ["day", "month", "year"];
+export declare const TIME_SEGMENT_PARTS: readonly ["hour", "minute", "second", "dayPeriod"];
+export declare const NON_EDITABLE_SEGMENT_PARTS: readonly ["literal", "timeZoneName"];
+export declare const EDITABLE_SEGMENT_PARTS: readonly ["day", "month", "year", "hour", "minute", "second", "dayPeriod"];
+export declare const EDITABLE_TIME_SEGMENT_PARTS: readonly ["hour", "minute", "second", "dayPeriod"];
+export declare const ALL_SEGMENT_PARTS: readonly ["day", "month", "year", "hour", "minute", "second", "dayPeriod", "literal", "timeZoneName"];
+export declare const ALL_EXCEPT_LITERAL_PARTS: ("day" | "hour" | "minute" | "second" | "month" | "year" | "dayPeriod" | "timeZoneName")[];
+export declare function isDateSegmentPart(part: unknown): part is DateSegmentPart;
+export declare function isTimeSegmentPart(part: unknown): part is TimeSegmentPart;
+export declare function isSegmentPart(part: string): part is EditableSegmentPart;
+export declare function isAnySegmentPart(part: unknown): part is SegmentPart;

package/dist/shared/date/parts.js

@@ -0,0 +1,17 @@
+const DATE_SEGMENT_PARTS = ["day", "month", "year"];
+const TIME_SEGMENT_PARTS = ["hour", "minute", "second", "dayPeriod"];
+const EDITABLE_SEGMENT_PARTS = [...DATE_SEGMENT_PARTS, ...TIME_SEGMENT_PARTS];
+function isDateSegmentPart(part) {
+  return DATE_SEGMENT_PARTS.includes(part);
+}
+function isSegmentPart(part) {
+  return EDITABLE_SEGMENT_PARTS.includes(part);
+}
+export {
+  DATE_SEGMENT_PARTS,
+  EDITABLE_SEGMENT_PARTS,
+  TIME_SEGMENT_PARTS,
+  isDateSegmentPart,
+  isSegmentPart
+};
+//# sourceMappingURL=parts.js.map

package/dist/shared/date/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sources":["../../../src/shared/date/parts.ts"],"sourcesContent":["/*\n  * Implementation ported from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/builders/date-field/_internal/helpers.ts\n*/\n\nimport type { DateSegmentPart, EditableSegmentPart, SegmentPart, TimeSegmentPart } from './types'\n\nexport const DATE_SEGMENT_PARTS = ['day', 'month', 'year'] as const\nexport const TIME_SEGMENT_PARTS = ['hour', 'minute', 'second', 'dayPeriod'] as const\nexport const NON_EDITABLE_SEGMENT_PARTS = ['literal', 'timeZoneName'] as const\nexport const EDITABLE_SEGMENT_PARTS = [...DATE_SEGMENT_PARTS, ...TIME_SEGMENT_PARTS] as const\nexport const EDITABLE_TIME_SEGMENT_PARTS = [...TIME_SEGMENT_PARTS] as const\nexport const ALL_SEGMENT_PARTS = [\n  ...EDITABLE_SEGMENT_PARTS,\n  ...NON_EDITABLE_SEGMENT_PARTS,\n] as const\nexport const ALL_EXCEPT_LITERAL_PARTS = ALL_SEGMENT_PARTS.filter(part => part !== 'literal')\n\nexport function isDateSegmentPart(part: unknown): part is DateSegmentPart {\n  return DATE_SEGMENT_PARTS.includes(part as DateSegmentPart)\n}\n\nexport function isTimeSegmentPart(part: unknown): part is TimeSegmentPart {\n  return TIME_SEGMENT_PARTS.includes(part as TimeSegmentPart)\n}\n\nexport function isSegmentPart(part: string): part is EditableSegmentPart {\n  return EDITABLE_SEGMENT_PARTS.includes(part as EditableSegmentPart)\n}\n\nexport function isAnySegmentPart(part: unknown): part is SegmentPart {\n  return ALL_SEGMENT_PARTS.includes(part as EditableSegmentPart)\n}\n"],"names":[],"mappings":"AAMO,MAAM,qBAAqB,CAAC,OAAO,SAAS,MAAM;AAClD,MAAM,qBAAqB,CAAC,QAAQ,UAAU,UAAU,WAAW;AAEnE,MAAM,yBAAyB,CAAC,GAAG,oBAAoB,GAAG,kBAAkB;AAQ5E,SAAS,kBAAkB,MAAwC;AACxE,SAAO,mBAAmB,SAAS,IAAuB;AAC5D;AAMO,SAAS,cAAc,MAA2C;AACvE,SAAO,uBAAuB,SAAS,IAA2B;AACpE;"}

package/dist/shared/date/placeholders.d.ts

@@ -0,0 +1,8 @@
+declare const supportedLocales: readonly ["ach", "af", "am", "an", "ar", "ast", "az", "be", "bg", "bn", "br", "bs", "ca", "cak", "ckb", "cs", "cy", "da", "de", "dsb", "el", "en", "eo", "es", "et", "eu", "fa", "ff", "fi", "fr", "fy", "ga", "gd", "gl", "he", "hr", "hsb", "hu", "ia", "id", "it", "ja", "ka", "kk", "kn", "ko", "lb", "lo", "lt", "lv", "meh", "ml", "ms", "nl", "nn", "no", "oc", "pl", "pt", "rm", "ro", "ru", "sc", "scn", "sk", "sl", "sr", "sv", "szl", "tg", "th", "tr", "uk", "zh-CN", "zh-TW"];
+declare const placeholderFields: readonly ["year", "month", "day"];
+type PlaceholderField = (typeof placeholderFields)[number];
+export type SupportedLocale = (typeof supportedLocales)[number];
+export type PlaceholderMap = Record<SupportedLocale, Record<PlaceholderField, string>>;
+type Field = 'era' | 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'dayPeriod';
+export declare function getPlaceholder(field: Field, value: string, locale: SupportedLocale | (string & {})): string;
+export {};

package/dist/shared/date/placeholders.js

@@ -0,0 +1,196 @@
+const supportedLocales = [
+  "ach",
+  "af",
+  "am",
+  "an",
+  "ar",
+  "ast",
+  "az",
+  "be",
+  "bg",
+  "bn",
+  "br",
+  "bs",
+  "ca",
+  "cak",
+  "ckb",
+  "cs",
+  "cy",
+  "da",
+  "de",
+  "dsb",
+  "el",
+  "en",
+  "eo",
+  "es",
+  "et",
+  "eu",
+  "fa",
+  "ff",
+  "fi",
+  "fr",
+  "fy",
+  "ga",
+  "gd",
+  "gl",
+  "he",
+  "hr",
+  "hsb",
+  "hu",
+  "ia",
+  "id",
+  "it",
+  "ja",
+  "ka",
+  "kk",
+  "kn",
+  "ko",
+  "lb",
+  "lo",
+  "lt",
+  "lv",
+  "meh",
+  "ml",
+  "ms",
+  "nl",
+  "nn",
+  "no",
+  "oc",
+  "pl",
+  "pt",
+  "rm",
+  "ro",
+  "ru",
+  "sc",
+  "scn",
+  "sk",
+  "sl",
+  "sr",
+  "sv",
+  "szl",
+  "tg",
+  "th",
+  "tr",
+  "uk",
+  "zh-CN",
+  "zh-TW"
+];
+const placeholderFields = ["year", "month", "day"];
+const placeholders = {
+  "ach": { year: "mwaka", month: "dwe", day: "nino" },
+  "af": { year: "jjjj", month: "mm", day: "dd" },
+  "am": { year: "ዓዓዓዓ", month: "ሚሜ", day: "ቀቀ" },
+  "an": { year: "aaaa", month: "mm", day: "dd" },
+  "ar": { year: "سنة", month: "شهر", day: "يوم" },
+  "ast": { year: "aaaa", month: "mm", day: "dd" },
+  "az": { year: "iiii", month: "aa", day: "gg" },
+  "be": { year: "гггг", month: "мм", day: "дд" },
+  "bg": { year: "гггг", month: "мм", day: "дд" },
+  "bn": { year: "yyyy", month: "মিমি", day: "dd" },
+  "br": { year: "bbbb", month: "mm", day: "dd" },
+  "bs": { year: "gggg", month: "mm", day: "dd" },
+  "ca": { year: "aaaa", month: "mm", day: "dd" },
+  "cak": { year: "jjjj", month: "ii", day: "q'q'" },
+  "ckb": { year: "ساڵ", month: "مانگ", day: "ڕۆژ" },
+  "cs": { year: "rrrr", month: "mm", day: "dd" },
+  "cy": { year: "bbbb", month: "mm", day: "dd" },
+  "da": { year: "åååå", month: "mm", day: "dd" },
+  "de": { year: "jjjj", month: "mm", day: "tt" },
+  "dsb": { year: "llll", month: "mm", day: "źź" },
+  "el": { year: "εεεε", month: "μμ", day: "ηη" },
+  "en": { year: "yyyy", month: "mm", day: "dd" },
+  "eo": { year: "jjjj", month: "mm", day: "tt" },
+  "es": { year: "aaaa", month: "mm", day: "dd" },
+  "et": { year: "aaaa", month: "kk", day: "pp" },
+  "eu": { year: "uuuu", month: "hh", day: "ee" },
+  "fa": { year: "سال", month: "ماه", day: "روز" },
+  "ff": { year: "hhhh", month: "ll", day: "ññ" },
+  "fi": { year: "vvvv", month: "kk", day: "pp" },
+  "fr": { year: "aaaa", month: "mm", day: "jj" },
+  "fy": { year: "jjjj", month: "mm", day: "dd" },
+  "ga": { year: "bbbb", month: "mm", day: "ll" },
+  "gd": { year: "bbbb", month: "mm", day: "ll" },
+  "gl": { year: "aaaa", month: "mm", day: "dd" },
+  "he": { year: "שנה", month: "חודש", day: "יום" },
+  "hr": { year: "gggg", month: "mm", day: "dd" },
+  "hsb": { year: "llll", month: "mm", day: "dd" },
+  "hu": { year: "éééé", month: "hh", day: "nn" },
+  "ia": { year: "aaaa", month: "mm", day: "dd" },
+  "id": { year: "tttt", month: "bb", day: "hh" },
+  "it": { year: "aaaa", month: "mm", day: "gg" },
+  "ja": { year: " 年 ", month: "月", day: "日" },
+  "ka": { year: "წწწწ", month: "თთ", day: "რრ" },
+  "kk": { year: "жжжж", month: "аа", day: "кк" },
+  "kn": { year: "ವವವವ", month: "ಮಿಮೀ", day: "ದಿದಿ" },
+  "ko": { year: "연도", month: "월", day: "일" },
+  "lb": { year: "jjjj", month: "mm", day: "dd" },
+  "lo": { year: "ປປປປ", month: "ດດ", day: "ວວ" },
+  "lt": { year: "mmmm", month: "mm", day: "dd" },
+  "lv": { year: "gggg", month: "mm", day: "dd" },
+  "meh": { year: "aaaa", month: "mm", day: "dd" },
+  "ml": { year: "വർഷം", month: "മാസം", day: "തീയതി" },
+  "ms": { year: "tttt", month: "mm", day: "hh" },
+  "nl": { year: "jjjj", month: "mm", day: "dd" },
+  "nn": { year: "åååå", month: "mm", day: "dd" },
+  "no": { year: "åååå", month: "mm", day: "dd" },
+  "oc": { year: "aaaa", month: "mm", day: "jj" },
+  "pl": { year: "rrrr", month: "mm", day: "dd" },
+  "pt": { year: "aaaa", month: "mm", day: "dd" },
+  "rm": { year: "oooo", month: "mm", day: "dd" },
+  "ro": { year: "aaaa", month: "ll", day: "zz" },
+  "ru": { year: "гггг", month: "мм", day: "дд" },
+  "sc": { year: "aaaa", month: "mm", day: "dd" },
+  "scn": { year: "aaaa", month: "mm", day: "jj" },
+  "sk": { year: "rrrr", month: "mm", day: "dd" },
+  "sl": { year: "llll", month: "mm", day: "dd" },
+  "sr": { year: "гггг", month: "мм", day: "дд" },
+  "sv": { year: "åååå", month: "mm", day: "dd" },
+  "szl": { year: "rrrr", month: "mm", day: "dd" },
+  "tg": { year: "сссс", month: "мм", day: "рр" },
+  "th": { year: "ปปปป", month: "ดด", day: "วว" },
+  "tr": { year: "yyyy", month: "aa", day: "gg" },
+  "uk": { year: "рррр", month: "мм", day: "дд" },
+  "zh-CN": { year: "年", month: "月", day: "日" },
+  "zh-TW": { year: "年", month: "月", day: "日" }
+};
+function getPlaceholderObj(locale) {
+  if (!isSupportedLocale(locale)) {
+    const localeLanguage = getLocaleLanguage(locale);
+    if (!isSupportedLocale(localeLanguage))
+      return placeholders.en;
+    else
+      return placeholders[localeLanguage];
+  } else {
+    return placeholders[locale];
+  }
+}
+function getPlaceholder(field, value, locale) {
+  if (isPlaceholderField(field))
+    return getPlaceholderObj(locale)[field];
+  if (isDefaultField(field))
+    return value;
+  if (isTimeField(field))
+    return "––";
+  return "";
+}
+function isSupportedLocale(locale) {
+  return supportedLocales.includes(locale);
+}
+function isPlaceholderField(field) {
+  return placeholderFields.includes(field);
+}
+function isTimeField(field) {
+  return field === "hour" || field === "minute" || field === "second";
+}
+function isDefaultField(field) {
+  return field === "era" || field === "dayPeriod";
+}
+function getLocaleLanguage(locale) {
+  if (Intl.Locale)
+    return new Intl.Locale(locale).language;
+  return locale.split("-")[0];
+}
+export {
+  getPlaceholder
+};
+//# sourceMappingURL=placeholders.js.map

package/dist/shared/date/placeholders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholders.js","sources":["../../../src/shared/date/placeholders.ts"],"sourcesContent":["/*\n * Implementation ported from from from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/internal/helpers/date/placeholders.ts\n*/\n\nconst supportedLocales = [\n  'ach',\n  'af',\n  'am',\n  'an',\n  'ar',\n  'ast',\n  'az',\n  'be',\n  'bg',\n  'bn',\n  'br',\n  'bs',\n  'ca',\n  'cak',\n  'ckb',\n  'cs',\n  'cy',\n  'da',\n  'de',\n  'dsb',\n  'el',\n  'en',\n  'eo',\n  'es',\n  'et',\n  'eu',\n  'fa',\n  'ff',\n  'fi',\n  'fr',\n  'fy',\n  'ga',\n  'gd',\n  'gl',\n  'he',\n  'hr',\n  'hsb',\n  'hu',\n  'ia',\n  'id',\n  'it',\n  'ja',\n  'ka',\n  'kk',\n  'kn',\n  'ko',\n  'lb',\n  'lo',\n  'lt',\n  'lv',\n  'meh',\n  'ml',\n  'ms',\n  'nl',\n  'nn',\n  'no',\n  'oc',\n  'pl',\n  'pt',\n  'rm',\n  'ro',\n  'ru',\n  'sc',\n  'scn',\n  'sk',\n  'sl',\n  'sr',\n  'sv',\n  'szl',\n  'tg',\n  'th',\n  'tr',\n  'uk',\n  'zh-CN',\n  'zh-TW',\n] as const\n\nconst placeholderFields = ['year', 'month', 'day'] as const\n\ntype PlaceholderField = (typeof placeholderFields)[number]\nexport type SupportedLocale = (typeof supportedLocales)[number]\nexport type PlaceholderMap = Record<SupportedLocale, Record<PlaceholderField, string>>\n\nconst placeholders: PlaceholderMap = {\n  'ach': { year: 'mwaka', month: 'dwe', day: 'nino' },\n  'af': { year: 'jjjj', month: 'mm', day: 'dd' },\n  'am': { year: 'ዓዓዓዓ', month: 'ሚሜ', day: 'ቀቀ' },\n  'an': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'ar': { year: 'سنة', month: 'شهر', day: 'يوم' },\n  'ast': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'az': { year: 'iiii', month: 'aa', day: 'gg' },\n  'be': { year: 'гггг', month: 'мм', day: 'дд' },\n  'bg': { year: 'гггг', month: 'мм', day: 'дд' },\n  'bn': { year: 'yyyy', month: 'মিমি', day: 'dd' },\n  'br': { year: 'bbbb', month: 'mm', day: 'dd' },\n  'bs': { year: 'gggg', month: 'mm', day: 'dd' },\n  'ca': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'cak': { year: 'jjjj', month: 'ii', day: 'q\\'q\\'' },\n  'ckb': { year: 'ساڵ', month: 'مانگ', day: 'ڕۆژ' },\n  'cs': { year: 'rrrr', month: 'mm', day: 'dd' },\n  'cy': { year: 'bbbb', month: 'mm', day: 'dd' },\n  'da': { year: 'åååå', month: 'mm', day: 'dd' },\n  'de': { year: 'jjjj', month: 'mm', day: 'tt' },\n  'dsb': { year: 'llll', month: 'mm', day: 'źź' },\n  'el': { year: 'εεεε', month: 'μμ', day: 'ηη' },\n  'en': { year: 'yyyy', month: 'mm', day: 'dd' },\n  'eo': { year: 'jjjj', month: 'mm', day: 'tt' },\n  'es': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'et': { year: 'aaaa', month: 'kk', day: 'pp' },\n  'eu': { year: 'uuuu', month: 'hh', day: 'ee' },\n  'fa': { year: 'سال', month: 'ماه', day: 'روز' },\n  'ff': { year: 'hhhh', month: 'll', day: 'ññ' },\n  'fi': { year: 'vvvv', month: 'kk', day: 'pp' },\n  'fr': { year: 'aaaa', month: 'mm', day: 'jj' },\n  'fy': { year: 'jjjj', month: 'mm', day: 'dd' },\n  'ga': { year: 'bbbb', month: 'mm', day: 'll' },\n  'gd': { year: 'bbbb', month: 'mm', day: 'll' },\n  'gl': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'he': { year: 'שנה', month: 'חודש', day: 'יום' },\n  'hr': { year: 'gggg', month: 'mm', day: 'dd' },\n  'hsb': { year: 'llll', month: 'mm', day: 'dd' },\n  'hu': { year: 'éééé', month: 'hh', day: 'nn' },\n  'ia': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'id': { year: 'tttt', month: 'bb', day: 'hh' },\n  'it': { year: 'aaaa', month: 'mm', day: 'gg' },\n  'ja': { year: ' 年 ', month: '月', day: '日' },\n  'ka': { year: 'წწწწ', month: 'თთ', day: 'რრ' },\n  'kk': { year: 'жжжж', month: 'аа', day: 'кк' },\n  'kn': { year: 'ವವವವ', month: 'ಮಿಮೀ', day: 'ದಿದಿ' },\n  'ko': { year: '연도', month: '월', day: '일' },\n  'lb': { year: 'jjjj', month: 'mm', day: 'dd' },\n  'lo': { year: 'ປປປປ', month: 'ດດ', day: 'ວວ' },\n  'lt': { year: 'mmmm', month: 'mm', day: 'dd' },\n  'lv': { year: 'gggg', month: 'mm', day: 'dd' },\n  'meh': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'ml': { year: 'വർഷം', month: 'മാസം', day: 'തീയതി' },\n  'ms': { year: 'tttt', month: 'mm', day: 'hh' },\n  'nl': { year: 'jjjj', month: 'mm', day: 'dd' },\n  'nn': { year: 'åååå', month: 'mm', day: 'dd' },\n  'no': { year: 'åååå', month: 'mm', day: 'dd' },\n  'oc': { year: 'aaaa', month: 'mm', day: 'jj' },\n  'pl': { year: 'rrrr', month: 'mm', day: 'dd' },\n  'pt': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'rm': { year: 'oooo', month: 'mm', day: 'dd' },\n  'ro': { year: 'aaaa', month: 'll', day: 'zz' },\n  'ru': { year: 'гггг', month: 'мм', day: 'дд' },\n  'sc': { year: 'aaaa', month: 'mm', day: 'dd' },\n  'scn': { year: 'aaaa', month: 'mm', day: 'jj' },\n  'sk': { year: 'rrrr', month: 'mm', day: 'dd' },\n  'sl': { year: 'llll', month: 'mm', day: 'dd' },\n  'sr': { year: 'гггг', month: 'мм', day: 'дд' },\n  'sv': { year: 'åååå', month: 'mm', day: 'dd' },\n  'szl': { year: 'rrrr', month: 'mm', day: 'dd' },\n  'tg': { year: 'сссс', month: 'мм', day: 'рр' },\n  'th': { year: 'ปปปป', month: 'ดด', day: 'วว' },\n  'tr': { year: 'yyyy', month: 'aa', day: 'gg' },\n  'uk': { year: 'рррр', month: 'мм', day: 'дд' },\n  'zh-CN': { year: '年', month: '月', day: '日' },\n  'zh-TW': { year: '年', month: '月', day: '日' },\n}\n\nfunction getPlaceholderObj(locale: SupportedLocale | (string & {})) {\n  if (!isSupportedLocale(locale)) {\n    const localeLanguage = getLocaleLanguage(locale)\n    if (!isSupportedLocale(localeLanguage))\n      return placeholders.en\n\n    else\n      return placeholders[localeLanguage]\n  }\n  else {\n    return placeholders[locale]\n  }\n}\n\ntype Field = 'era' | 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'dayPeriod'\n\nexport function getPlaceholder(\n  field: Field,\n  value: string,\n  locale: SupportedLocale | (string & {}),\n) {\n  if (isPlaceholderField(field))\n    return getPlaceholderObj(locale)[field]\n\n  if (isDefaultField(field))\n    return value\n\n  if (isTimeField(field))\n    return '––'\n\n  return ''\n}\n\nfunction isSupportedLocale(locale: string): locale is SupportedLocale {\n  return supportedLocales.includes(locale as SupportedLocale)\n}\n\nfunction isPlaceholderField(field: unknown): field is PlaceholderField {\n  return placeholderFields.includes(field as PlaceholderField)\n}\n\nfunction isTimeField(field: unknown): field is 'hour' | 'minute' | 'second' {\n  return field === 'hour' || field === 'minute' || field === 'second'\n}\n\nfunction isDefaultField(field: unknown): field is 'era' | 'dayPeriod' {\n  return field === 'era' || field === 'dayPeriod'\n}\n\nfunction getLocaleLanguage(locale: string) {\n  if (Intl.Locale)\n    return new Intl.Locale(locale).language\n\n  return locale.split('-')[0]\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/date/segment.d.ts

@@ -0,0 +1,5 @@
+export declare function isSegmentNavigationKey(key: string): boolean;
+export declare function isNumberString(value: string): boolean;
+export declare function isAcceptableSegmentKey(key: string): boolean;
+export declare function getSegmentElements(parentElement: HTMLElement): Element[];
+export declare function getTimeFieldSegmentElements(parentElement: HTMLElement): Element[];

package/dist/shared/date/segment.js

@@ -0,0 +1,44 @@
+import "vue";
+import { useKbd } from "../useKbd.js";
+function isSegmentNavigationKey(key) {
+  const kbd = useKbd();
+  if (key === kbd.ARROW_RIGHT || key === kbd.ARROW_LEFT) return true;
+  return false;
+}
+function isNumberString(value) {
+  if (Number.isNaN(Number.parseInt(value))) return false;
+  return true;
+}
+function isAcceptableSegmentKey(key) {
+  const kbd = useKbd();
+  const acceptableSegmentKeys = [
+    kbd.ENTER,
+    kbd.ARROW_UP,
+    kbd.ARROW_DOWN,
+    kbd.ARROW_LEFT,
+    kbd.ARROW_RIGHT,
+    kbd.BACKSPACE,
+    kbd.SPACE,
+    "a",
+    "A",
+    "p",
+    "P"
+  ];
+  if (acceptableSegmentKeys.includes(key)) return true;
+  if (isNumberString(key)) return true;
+  return false;
+}
+function getSegmentElements(parentElement) {
+  return Array.from(
+    parentElement.querySelectorAll("[data-reka-date-field-segment]")
+  ).filter(
+    (item) => item.getAttribute("data-reka-date-field-segment") !== "literal"
+  );
+}
+export {
+  getSegmentElements,
+  isAcceptableSegmentKey,
+  isNumberString,
+  isSegmentNavigationKey
+};
+//# sourceMappingURL=segment.js.map

package/dist/shared/date/segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment.js","sources":["../../../src/shared/date/segment.ts"],"sourcesContent":["import { useKbd } from \"..\";\n\nexport function isSegmentNavigationKey(key: string) {\n  const kbd = useKbd();\n  if (key === kbd.ARROW_RIGHT || key === kbd.ARROW_LEFT) return true;\n  return false;\n}\n\nexport function isNumberString(value: string) {\n  if (Number.isNaN(Number.parseInt(value))) return false;\n  return true;\n}\n\nexport function isAcceptableSegmentKey(key: string) {\n  const kbd = useKbd();\n  const acceptableSegmentKeys = [\n    kbd.ENTER,\n    kbd.ARROW_UP,\n    kbd.ARROW_DOWN,\n    kbd.ARROW_LEFT,\n    kbd.ARROW_RIGHT,\n    kbd.BACKSPACE,\n    kbd.SPACE,\n    \"a\",\n    \"A\",\n    \"p\",\n    \"P\",\n  ];\n  if (acceptableSegmentKeys.includes(key)) return true;\n  if (isNumberString(key)) return true;\n  return false;\n}\n\nexport function getSegmentElements(parentElement: HTMLElement): Element[] {\n  return Array.from(\n    parentElement.querySelectorAll(\"[data-reka-date-field-segment]\"),\n  ).filter(\n    (item) => item.getAttribute(\"data-reka-date-field-segment\") !== \"literal\",\n  );\n}\n\nexport function getTimeFieldSegmentElements(\n  parentElement: HTMLElement,\n): Element[] {\n  return Array.from(\n    parentElement.querySelectorAll(\"[data-reka-time-field-segment]\"),\n  ).filter(\n    (item) => item.getAttribute(\"data-reka-time-field-segment\") !== \"literal\",\n  );\n}\n"],"names":[],"mappings":";;AAEO,SAAS,uBAAuB,KAAa;AAClD,QAAM,MAAM,OAAA;AACZ,MAAI,QAAQ,IAAI,eAAe,QAAQ,IAAI,WAAY,QAAO;AAC9D,SAAO;AACT;AAEO,SAAS,eAAe,OAAe;AAC5C,MAAI,OAAO,MAAM,OAAO,SAAS,KAAK,CAAC,EAAG,QAAO;AACjD,SAAO;AACT;AAEO,SAAS,uBAAuB,KAAa;AAClD,QAAM,MAAM,OAAA;AACZ,QAAM,wBAAwB;AAAA,IAC5B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,MAAI,sBAAsB,SAAS,GAAG,EAAG,QAAO;AAChD,MAAI,eAAe,GAAG,EAAG,QAAO;AAChC,SAAO;AACT;AAEO,SAAS,mBAAmB,eAAuC;AACxE,SAAO,MAAM;AAAA,IACX,cAAc,iBAAiB,gCAAgC;AAAA,EAAA,EAC/D;AAAA,IACA,CAAC,SAAS,KAAK,aAAa,8BAA8B,MAAM;AAAA,EAAA;AAEpE;"}

package/dist/shared/date/types.d.ts

@@ -0,0 +1,37 @@
+import { DateValue } from '@internationalized/date';
+import { DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS } from './parts';
+export type { DateValue };
+declare const daysOfWeek: readonly [0, 1, 2, 3, 4, 5, 6];
+export type DayOfWeek = {
+    daysOfWeek: (typeof daysOfWeek)[number][];
+};
+export type DateStep = {
+    year?: number;
+    month?: number;
+    day?: number;
+    hour?: number;
+    minute?: number;
+    second?: number;
+    millisecond?: number;
+};
+export type DateRange = {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+};
+export type HourCycle = 12 | 24 | undefined;
+export type DateSegmentPart = (typeof DATE_SEGMENT_PARTS)[number];
+export type TimeSegmentPart = (typeof TIME_SEGMENT_PARTS)[number];
+export type EditableSegmentPart = (typeof EDITABLE_SEGMENT_PARTS)[number];
+export type NonEditableSegmentPart = (typeof NON_EDITABLE_SEGMENT_PARTS)[number];
+export type SegmentPart = EditableSegmentPart | NonEditableSegmentPart;
+export type AnyExceptLiteral = Exclude<SegmentPart, 'literal'>;
+export type DayPeriod = 'AM' | 'PM' | null;
+export type DateSegmentObj = {
+    [K in DateSegmentPart]: number | null;
+};
+export type TimeSegmentObj = {
+    [K in TimeSegmentPart]: K extends 'dayPeriod' ? DayPeriod : number | null;
+};
+export type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
+export type SegmentValueObj = DateSegmentObj | DateAndTimeSegmentObj;
+export type SegmentContentObj = Record<EditableSegmentPart, string>;