@ketvietlab/design-system 0.1.29 → 0.1.30

package/dist/forms/date-time/date-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-math.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/date-time/date-math.js"],"names":[],"mappings":"AAEA,4BAA4B;AAC5B,eAAO,MAAM,SAAS,UADV,MAAM,gBAWjB,CAAA;AACD,yBAAyB;AACzB,eAAO,MAAM,QAAQ,SADT,IAAI,WAMH,CAAA;AACb,iDAAiD;AACjD,eAAO,MAAM,OAAO,UADR,MAAM,QAAgB,MAAM,WAOvC,CAAA;AACD,mDAAmD;AACnD,eAAO,MAAM,SAAS,UADV,MAAM,UAAgB,MAAM,WAYvC,CAAA;AACD,4BAA4B;AAC5B,eAAO,MAAM,UAAU,UADX,MAAM,WAC4C,CAAA;AAC9D,4BAA4B;AAC5B,eAAO,MAAM,QAAQ,UADT,MAAM,WAMjB,CAAA;AACD,eAAO,MAAM,SAAS,UAAgF,CAAA;AACtG,kFAAkF;AAClF,eAAO,MAAM,WAAW,OADZ,MAAM,SAAa,MAAM,KAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAgBzE,CAAA;AACD,wEAAwE;AACxE,eAAO,MAAM,YAAY,UADb,MAAM,QAAgB,MAAM,QAAgB,MAAM,YAEgC,CAAA;AAC9F,4EAA4E;AAC5E,eAAO,MAAM,YAAY,UADb,MAAM,OAAgB,MAAM,KAAgB,CAAC,MAAM,EAAE,MAAM,CACiB,CAAA;AAExF;+CAC+C;AAC/C,eAAO,MAAM,WAAW,UADb,MAAM,OAAgB,MAAM,WAMtC,CAAA"}

package/dist/forms/date-time/date-math.js

@@ -0,0 +1,83 @@
+// @ts-check
+// UTC is only a stable axis for civil-date arithmetic, never a timezone conversion.
+/** @param {string} value */
+export const parseDate = (value) => {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) return null
+  const [year, month, day] = value.split('-').map(Number)
+  if (year < 1 || year > 9999) return null
+  const date = new Date(0)
+  date.setUTCFullYear(year, month - 1, day)
+  date.setUTCHours(0, 0, 0, 0)
+  return date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day
+    ? date
+    : null
+}
+/** @param {Date} date */
+export const dateText = (date) =>
+  [
+    String(date.getUTCFullYear()).padStart(4, '0'),
+    String(date.getUTCMonth() + 1).padStart(2, '0'),
+    String(date.getUTCDate()).padStart(2, '0'),
+  ].join('-')
+/** @param {string} value @param {number} days */
+export const addDays = (value, days) => {
+  const date = parseDate(value)
+  if (!date) return ''
+  date.setUTCDate(date.getUTCDate() + days)
+  const result = dateText(date)
+  return parseDate(result) ? result : ''
+}
+/** @param {string} value @param {number} offset */
+export const moveMonth = (value, offset) => {
+  const date = parseDate(value)
+  if (!date) return ''
+  const day = date.getUTCDate()
+  date.setUTCDate(1)
+  date.setUTCMonth(date.getUTCMonth() + offset)
+  const last = new Date(date)
+  last.setUTCMonth(last.getUTCMonth() + 1, 0)
+  date.setUTCDate(Math.min(day, last.getUTCDate()))
+  const result = dateText(date)
+  return parseDate(result) ? result : ''
+}
+/** @param {string} value */
+export const monthStart = (value) => `${value.slice(0, 7)}-01`
+/** @param {string} value */
+export const monthEnd = (value) => {
+  const date = parseDate(value)
+  if (!date) return ''
+  date.setUTCMonth(date.getUTCMonth() + 1, 0)
+  return dateText(date)
+}
+export const presetIds = ['today', 'yesterday', 'last7', 'thisMonth', 'lastMonth', 'last30', 'last90']
+/** @param {string} id @param {string} today @returns {[string, string] | null} */
+export const presetRange = (id, today) => {
+  if (!parseDate(today)) return null
+  if (id === 'today') return [today, today]
+  if (id === 'yesterday') {
+    const day = addDays(today, -1)
+    return day ? [day, day] : null
+  }
+  if (id === 'thisMonth') return [monthStart(today), monthEnd(today)]
+  if (id === 'lastMonth') {
+    const day = moveMonth(today, -1)
+    return day ? [monthStart(day), monthEnd(day)] : null
+  }
+  const days = { last7: 7, last30: 30, last90: 90 }[/** @type {'last7'|'last30'|'last90'} */ (id)]
+  const start = days ? addDays(today, 1 - days) : ''
+  return start ? [start, today] : null
+}
+/** @param {string} value @param {string} [min] @param {string} [max] */
+export const withinBounds = (value, min = '', max = '') =>
+  !!parseDate(value) && (!parseDate(min) || value >= min) && (!parseDate(max) || value <= max)
+/** @param {string} start @param {string} end @returns {[string, string]} */
+export const orderedRange = (start, end) => (start <= end ? [start, end] : [end, start])
+
+/** Compact display keeps the shared year once; submitted values remain ISO civil dates.
+ * @param {string} start @param {string} end */
+export const formatRange = (start, end) => {
+  if (!parseDate(start) || !parseDate(end)) return ''
+  const date = (/** @type {string} */ value, /** @type {boolean} */ year = true) =>
+    `${value.slice(8, 10)}/${value.slice(5, 7)}${year ? `/${value.slice(0, 4)}` : ''}`
+  return `${date(start, start.slice(0, 4) !== end.slice(0, 4))} – ${date(end)}`
+}

package/dist/forms/date-time/date-math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-math.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/forms/date-time/date-math.js"],"names":[],"mappings":"AAAA,YAAY;AACZ,oFAAoF;AACpF,4BAA4B;AAC5B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnD,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACvD,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI;QAAE,OAAO,IAAI,CAAA;IACxC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAA;IACxB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;IACzC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5B,OAAO,IAAI,CAAC,cAAc,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG;QACpG,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AACD,yBAAyB;AACzB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAC/B;IACE,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9C,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;CAC3C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACb,iDAAiD;AACjD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;IACrC,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAC7B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAA;IACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAA;IACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;AACxC,CAAC,CAAA;AACD,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAC7B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAA;IACpB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;IAC7B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IAClB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,CAAA;IAC7C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IACjD,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;AACxC,CAAC,CAAA;AACD,4BAA4B;AAC5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAA;AAC9D,4BAA4B;AAC5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAC7B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAA;IACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3C,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AACvB,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACtG,kFAAkF;AAClF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;IACvC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAClC,IAAI,EAAE,KAAK,OAAO;QAAE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACzC,IAAI,EAAE,KAAK,WAAW,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QAC9B,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAChC,CAAC;IACD,IAAI,EAAE,KAAK,WAAW;QAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;IACnE,IAAI,EAAE,KAAK,WAAW,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QAChC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACtD,CAAC;IACD,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,wCAAyC,CAAC,EAAE,CAAC,CAAC,CAAA;IAChG,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAClD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACtC,CAAC,CAAA;AACD,wEAAwE;AACxE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,CACxD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAA;AAC9F,4EAA4E;AAC5E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;AAExF;+CAC+C;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IACnD,MAAM,IAAI,GAAG,CAAC,qBAAqB,CAAC,KAAK,EAAE,sBAAsB,CAAC,IAAI,GAAG,IAAI,EAAE,EAAE,CAC/E,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IACpF,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA;AAC/E,CAAC,CAAA"}

package/dist/forms/date-time/index.d.ts

@@ -1,14 +1,40 @@
 import type { TemplateResult } from '@ketvietlab/ketjs-view';
 import type { FieldProps } from '../../primitives/field/index.tsx';
 import type { FieldIssue } from '../shared.tsx';
-export declare const HOOKS: readonly ['date-range'];
-type TemporalProps = Omit<FieldProps, 'type' | 'fields' | 'control' | 'error'> & {
+export declare const HOOKS: readonly ['date-picker', 'date-range', 'date-inputs', 'date-control-row', 'date-tools', 'date-range-error', 'date-calendar', 'date-calendar-head', 'date-calendar-title', 'date-calendar-body', 'date-field-control', 'date-range-preset', 'date-boundary', 'date-calendar-months', 'date-month', 'date-month-title', 'date-grid', 'date-weekday', 'date-cell', 'date-day', 'date-calendar-footer', 'date-calendar-status'];
+export type DateRangePreset = 'today' | 'yesterday' | 'last7' | 'thisMonth' | 'lastMonth' | 'last30' | 'last90';
+export type DatePickerLabels = {
+    open: string;
+    title: string;
+    previous: string;
+    next: string;
+    apply: string;
+    cancel: string;
+    chooseStart: string;
+    chooseEnd: string;
+    chooseDate: string;
+    invalidRange: string;
+    presets: string;
+    customRange: string;
+    invalidSelection: string;
+    presetLabels: Record<DateRangePreset, string>;
+};
+type CalendarOptions = {
+    /** Native inputs retain the browser's date format. Calendar labels default to Vietnamese. */
+    locale?: 'vi' | 'en';
+    /** Business-timezone civil date; omit for the browser's local today at opening. */
+    today?: string;
+    weekStartsOn?: 0 | 1;
+    calendarLabels?: Partial<Omit<DatePickerLabels, 'presetLabels'>> & {
+        presetLabels?: Partial<DatePickerLabels['presetLabels']>;
+    };
+};
+export type TemporalProps = Omit<FieldProps, 'type' | 'fields' | 'control' | 'error'> & {
     issues?: readonly FieldIssue[];
     error?: string | null;
 };
-/** Civil dates are passed through as YYYY-MM-DD text and are never converted through UTC. */
-export declare const DatePicker: (props: TemporalProps) => TemplateResult;
-export type DateRangePickerProps = {
+export type DatePickerProps = TemporalProps & CalendarOptions;
+export type DateRangePickerProps = CalendarOptions & {
     id: string;
     label: string;
     start: Omit<TemporalProps, 'label' | 'span'>;
@@ -16,10 +42,15 @@ export type DateRangePickerProps = {
     startLabel: string;
     endLabel: string;
     span?: 'half' | 'full';
+    /** All seven presets by default; false hides quick ranges. */
+    presets?: readonly DateRangePreset[] | false;
 };
+/** Civil dates submit unchanged. Native fields also provide the no-JavaScript fallback. */
+export declare const DatePicker: (props: DatePickerProps) => TemplateResult;
+/** One visible range field; the two named civil-date boundaries remain the form contract. */
 export declare const DateRangePicker: (props: DateRangePickerProps) => TemplateResult;
 /** Local date-time text is submitted unchanged; the app adapter owns timezone interpretation. */
 export declare const DateTimePicker: (props: TemporalProps) => TemplateResult;
 export declare const TimePicker: (props: TemporalProps) => TemplateResult;
-export type { TemporalProps };
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/date-time/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/date-time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,KAAK,YAAI,YAAY,CAAU,CAAA;AAE5C,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IAC/E,MAAM,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAOD,6FAA6F;AAC7F,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,cAA4D,CAAA;AAE9G,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC,CAAA;IAC5C,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,cAM7D,CAAA;AAED,iGAAiG;AACjG,eAAO,MAAM,cAAc,UAAW,aAAa,KAAG,cAErD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,cAA4D,CAAA;AAE9G,YAAY,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/date-time/index.tsx"],"names":[],"mappings":"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"}

package/dist/forms/date-time/index.js

@@ -1,14 +1,148 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { ActionGroup, Button, IconButton } from '../../primitives/actions/index.js';
 import { Field } from '../../primitives/field/index.js';
-import { issueFor } from '../shared.js';
-export const HOOKS = ['date-range'];
+import { describedBy, FieldFrame, issueFor } from '../shared.js';
+import { NativeFieldControl } from '../../primitives/field/native-control.js';
+import { formatRange } from './date-math.js';
+export const HOOKS = [
+    'date-picker',
+    'date-range',
+    'date-inputs',
+    'date-control-row',
+    'date-tools',
+    'date-range-error',
+    'date-calendar',
+    'date-calendar-head',
+    'date-calendar-title',
+    'date-calendar-body',
+    'date-field-control',
+    'date-range-preset',
+    'date-boundary',
+    'date-calendar-months',
+    'date-month',
+    'date-month-title',
+    'date-grid',
+    'date-weekday',
+    'date-cell',
+    'date-day',
+    'date-calendar-footer',
+    'date-calendar-status',
+];
 const temporal = (props) => ({
     ...props,
     error: props.error ?? issueFor(props.issues, props.name),
 });
-/** Civil dates are passed through as YYYY-MM-DD text and are never converted through UTC. */
-export const DatePicker = (props) => _jsx(Field, { ...temporal(props), type: "date" });
-export const DateRangePicker = (props) => (_jsxs("fieldset", { "data-ui": "date-range", "data-span": props.span ?? 'full', children: [_jsx("legend", { children: props.label }), _jsx(Field, { ...temporal({ ...props.start, label: props.startLabel }), type: "date" }), _jsx(Field, { ...temporal({ ...props.end, label: props.endLabel }), type: "date" })] }));
+const presets = [
+    'today',
+    'yesterday',
+    'last7',
+    'thisMonth',
+    'lastMonth',
+    'last30',
+    'last90',
+];
+const labelsFor = (props, range) => {
+    const defaults = props.locale === 'en'
+        ? {
+            open: range ? 'Choose date range' : 'Choose date',
+            title: range ? 'Date range' : 'Choose date',
+            previous: 'Previous month',
+            next: 'Next month',
+            apply: 'Apply',
+            cancel: 'Cancel',
+            chooseStart: 'Choose a start date',
+            chooseEnd: 'Choose an end date',
+            chooseDate: 'Choose a date',
+            invalidRange: 'The end date must be on or after the start date.',
+            presets: 'Quick ranges',
+            customRange: 'Custom',
+            invalidSelection: 'Choose a valid date range.',
+            presetLabels: {
+                today: 'Today',
+                yesterday: 'Yesterday',
+                last7: 'Last 7 days',
+                thisMonth: 'This month',
+                lastMonth: 'Last month',
+                last30: 'Last 30 days',
+                last90: 'Last 90 days',
+            },
+        }
+        : {
+            open: range ? 'Chọn khoảng ngày' : 'Chọn ngày',
+            title: range ? 'Khoảng ngày' : 'Chọn ngày',
+            previous: 'Tháng trước',
+            next: 'Tháng sau',
+            apply: 'Áp dụng',
+            cancel: 'Hủy',
+            chooseStart: 'Chọn ngày bắt đầu',
+            chooseEnd: 'Chọn ngày kết thúc',
+            chooseDate: 'Chọn một ngày',
+            invalidRange: 'Ngày kết thúc phải bằng hoặc sau ngày bắt đầu.',
+            presets: 'Khoảng thời gian',
+            customRange: 'Tùy chỉnh',
+            invalidSelection: 'Vui lòng chọn khoảng ngày hợp lệ.',
+            presetLabels: {
+                today: 'Hôm nay',
+                yesterday: 'Hôm qua',
+                last7: '7 ngày qua',
+                thisMonth: 'Tháng này',
+                lastMonth: 'Tháng trước',
+                last30: '30 ngày qua',
+                last90: '90 ngày qua',
+            },
+        };
+    return {
+        ...defaults,
+        ...props.calendarLabels,
+        presetLabels: { ...defaults.presetLabels, ...props.calendarLabels?.presetLabels },
+    };
+};
+const CalendarIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "aria-hidden": "true", focusable: "false", children: [_jsx("rect", { x: "3", y: "5", width: "18", height: "16", rx: "2" }), _jsx("path", { d: "M16 3v4M8 3v4M3 11h18" })] }));
+const CalendarPanel = (props) => (_jsxs("div", { "data-ui": "date-calendar", id: `${props.id}-calendar`, popover: "auto", role: "dialog", "aria-labelledby": `${props.id}-calendar-title`, children: [_jsxs("header", { "data-ui": "date-calendar-head", children: [_jsx("h3", { "data-ui": "date-calendar-title", id: `${props.id}-calendar-title`, children: props.labels.title }), (props.presets ?? []).length > 0 && (_jsx("div", { "data-ui": "date-range-preset", children: _jsx(Field, { id: `${props.id}-preset`, name: "", label: props.labels.presets, labelHidden: true, type: "select", disabled: true, value: "custom", options: [
+                            { value: 'custom', label: props.labels.customRange },
+                            ...(props.presets ?? []).map((value) => ({ value, label: props.labels.presetLabels[value] })),
+                        ] }) })), _jsx(ActionGroup, { label: props.labels.title, actions: [
+                        _jsx(IconButton, { label: props.labels.previous, icon: "\u2039", name: "kv-date-command", value: "previous", size: "compact" }),
+                        _jsx(IconButton, { label: props.labels.next, icon: "\u203A", name: "kv-date-command", value: "next", size: "compact" }),
+                    ] })] }), _jsx("div", { "data-ui": "date-calendar-body", children: _jsx("div", { "data-ui": "date-calendar-months" }) }), _jsxs("footer", { "data-ui": "date-calendar-footer", children: [_jsx("p", { "data-ui": "date-calendar-status", role: "status", "aria-live": "polite", "aria-atomic": "true" }), _jsx(ActionGroup, { actions: [
+                        _jsx(Button, { label: props.labels.cancel, name: "kv-date-command", value: "cancel" }),
+                        _jsx(Button, { label: props.labels.apply, name: "kv-date-command", value: "apply", variant: "primary" }),
+                    ] })] })] }));
+/** Civil dates submit unchanged. Native fields also provide the no-JavaScript fallback. */
+export const DatePicker = (props) => {
+    const labels = labelsFor(props, false);
+    return (_jsxs("div", { "data-ui": "date-picker", "data-date-mode": "single", "data-span": props.span ?? 'half', "data-date-locale": props.locale ?? 'vi', "data-date-today": props.today, "data-date-week-start": props.weekStartsOn ?? 1, "data-date-labels": JSON.stringify(labels), children: [_jsx("div", { "data-ui": "date-inputs", children: _jsx(FieldFrame, { ...temporal(props), kind: "date", control: _jsx("div", { "data-ui": "date-field-control", children: _jsxs("div", { "data-ui": "date-control-row", children: [NativeFieldControl({ ...temporal(props), type: 'date', appearance: 'embedded' }, describedBy(props.id, props.help, temporal(props).error)), _jsx("div", { "data-ui": "date-tools", children: _jsx(IconButton, { label: `${labels.open}: ${props.label}`, icon: _jsx(CalendarIcon, {}), name: "kv-date-open", controls: `${props.id}-calendar`, expanded: false, disabled: props.disabled || props.readOnly }) })] }) }) }) }), _jsx(CalendarPanel, { id: props.id, labels: labels })] }));
+};
+const DateBoundary = (props) => (_jsx("input", { "data-ui": "date-boundary", type: "hidden", id: props.id, name: props.name, value: String(props.value ?? ''), min: props.min, max: props.max, step: props.step, required: props.required === true, disabled: props.disabled === true, readonly: props.readOnly === true, autocomplete: "off" }));
+/** One visible range field; the two named civil-date boundaries remain the form contract. */
+export const DateRangePicker = (props) => {
+    const labels = labelsFor(props, true);
+    const ranges = props.presets === false ? [] : [...new Set(props.presets ?? presets)];
+    const start = temporal({ ...props.start, label: props.startLabel });
+    const end = temporal({ ...props.end, label: props.endLabel });
+    const error = [
+        start.error ? `${props.startLabel}: ${start.error}` : '',
+        end.error ? `${props.endLabel}: ${end.error}` : '',
+    ]
+        .filter(Boolean)
+        .join(' · ') || null;
+    const help = [start.help, end.help].filter(Boolean).join(' · ') || null;
+    const id = `${props.id}-input`;
+    const disabled = props.start.disabled || props.end.disabled;
+    const locked = disabled || props.start.readOnly || props.end.readOnly;
+    return (_jsxs("div", { "data-ui": "date-range", id: props.id, "data-date-mode": "range", "data-span": props.span ?? 'full', "data-date-locale": props.locale ?? 'vi', "data-date-today": props.today, "data-date-week-start": props.weekStartsOn ?? 1, "data-date-labels": JSON.stringify(labels), children: [_jsx(FieldFrame, { id: id, label: props.label, kind: "date-range", required: props.start.required || props.end.required, span: props.span ?? 'full', help: help, error: error, control: _jsxs(_Fragment, { children: [_jsx("div", { "data-ui": "date-field-control", children: _jsxs("div", { "data-ui": "date-control-row", children: [NativeFieldControl({
+                                        id,
+                                        name: '',
+                                        label: props.label,
+                                        type: 'text',
+                                        appearance: 'embedded',
+                                        readOnly: true,
+                                        disabled,
+                                        value: formatRange(String(props.start.value ?? ''), String(props.end.value ?? '')),
+                                        placeholder: labels.open,
+                                        error,
+                                    }, describedBy(id, help, error)), _jsx("div", { "data-ui": "date-tools", children: _jsx(IconButton, { label: labels.open, icon: _jsx(CalendarIcon, {}), name: "kv-date-open", controls: `${props.id}-calendar`, expanded: false, disabled: locked }) })] }) }), _jsx("p", { "data-ui": "date-range-error", id: `${props.id}-range-error`, role: "alert", hidden: true, children: labels.invalidSelection })] }) }), _jsx(DateBoundary, { ...props.start, label: props.startLabel }), _jsx(DateBoundary, { ...props.end, label: props.endLabel }), _jsx(CalendarPanel, { id: props.id, labels: labels, presets: ranges })] }));
+};
 /** Local date-time text is submitted unchanged; the app adapter owns timezone interpretation. */
 export const DateTimePicker = (props) => (_jsx(Field, { ...temporal(props), type: "datetime-local" }));
 export const TimePicker = (props) => _jsx(Field, { ...temporal(props), type: "time" });

package/dist/forms/date-time/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/forms/date-time/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAkC,CAAA;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAe,CAAA;AAGxC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,YAAY,CAAU,CAAA;AAO5C,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAc,EAAE,CAAC,CAAC;IACtD,GAAG,KAAK;IACR,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;CACzD,CAAC,CAAA;AAEF,6FAA6F;AAC7F,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAkB,EAAE,CAAC,KAAC,KAAK,OAAK,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,CAAA;AAY9G,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAkB,EAAE,CAAC,CAC9E,+BAAkB,YAAY,eAAY,KAAK,CAAC,IAAI,IAAI,MAAM,aAC5D,2BAAS,KAAK,CAAC,KAAK,GAAU,EAC9B,KAAC,KAAK,OAAK,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,EAChF,KAAC,KAAK,OAAK,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,IACnE,CACZ,CAAA;AAED,iGAAiG;AACjG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAkB,EAAE,CAAC,CACtE,KAAC,KAAK,OAAK,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,gBAAgB,GAAG,CACrD,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAkB,EAAE,CAAC,KAAC,KAAK,OAAK,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/forms/date-time/index.tsx"],"names":[],"mappings":"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"}

package/dist/forms/date-time/runtime.d.ts

@@ -0,0 +1,4 @@
+/** Enhances current and subsequently inserted fields; cleanup also releases removed islands.
+ * @param {ParentNode} root */
+export declare const attachDatePickers: (root: ParentNode) => () => void;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/forms/date-time/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/date-time/runtime.js"],"names":[],"mappings":"AAmmBA;8BAC8B;AAC9B,eAAO,MAAM,iBAAiB,SADnB,UAAU,eAwBpB,CAAA"}