@soybeanjs/headless 0.18.0 → 0.19.0

package/dist/date/calendar.d.ts

@@ -1,43 +1,41 @@
-import { DateRange, DayOfWeek, Grid } from "./types.js";
-import { DateValue } from "@internationalized/date";
+import { DateGrid, DateRange, DateValue, DayOfWeek, WeekStartsOn } from "./types.js";
 
 //#region src/date/calendar.d.ts
-type WeekDayFormat = 'narrow' | 'short' | 'long';
-type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 declare const DEFAULT_DATE_LOCALE = "en-US";
-interface CreateSelectProps {
+interface CreateSelectOptions {
   dateObj: DateValue;
 }
-interface CreateMonthProps {
+declare function getDaysBetween(start: DateValue, end: DateValue): DateValue[];
+interface CreateMonthOptions {
   dateObj: DateValue;
   weekStartsOn: WeekStartsOn;
   fixedWeeks: boolean;
   locale: string;
 }
-declare function getDaysBetween(start: DateValue, end: DateValue): DateValue[];
-declare function createMonth(props: CreateMonthProps): Grid<DateValue>;
-interface SetMonthProps extends CreateMonthProps {
-  numberOfMonths: number | undefined;
-  currentMonths?: Grid<DateValue>[];
+declare function createMonth(options: CreateMonthOptions): DateGrid<DateValue>;
+declare function startOfDecade(dateObj: DateValue): DateValue;
+declare function endOfDecade(dateObj: DateValue): DateValue;
+interface CreateDecadeOptions extends CreateSelectOptions {
+  startIndex?: number;
+  endIndex: number;
 }
-interface SetYearProps extends CreateSelectProps {
+declare function createDecade(props: CreateDecadeOptions): DateValue[];
+interface CreateYearOptions extends CreateSelectOptions {
   numberOfMonths?: number;
   pagedNavigation?: boolean;
 }
-interface SetDecadeProps extends CreateSelectProps {
-  startIndex?: number;
-  endIndex: number;
+declare function createYear(props: CreateYearOptions): DateValue[];
+interface CreateMonthsOptions extends CreateMonthOptions {
+  numberOfMonths: number | undefined;
+  currentMonths?: DateGrid<DateValue>[];
 }
-declare function startOfDecade(dateObj: DateValue): DateValue;
-declare function endOfDecade(dateObj: DateValue): DateValue;
-declare function createDecade(props: SetDecadeProps): DateValue[];
-declare function createYear(props: SetYearProps): DateValue[];
-declare function createMonths(props: SetMonthProps): Grid<DateValue>[];
-declare function createMonthGrid(props: CreateSelectProps): Grid<DateValue>;
-declare function createYearGrid(props: CreateSelectProps & {
+declare function createMonths(options: CreateMonthsOptions): DateGrid<DateValue>[];
+declare function createMonthGrid(options: CreateSelectOptions): DateGrid<DateValue>;
+interface CreateYearGridOptions extends CreateSelectOptions {
   yearsPerPage?: number;
   decadeAligned?: boolean;
-}): Grid<DateValue>;
+}
+declare function createYearGrid(options: CreateYearGridOptions): DateGrid<DateValue>;
 declare function createYearRange({
   start,
   end
@@ -49,4 +47,4 @@ declare function createDateRange({
 declare function getWeekStartsOn(locale: string): WeekStartsOn;
 declare function getWeekNumber(date: DateValue, locale?: string, firstDayOfWeek?: DayOfWeek): number;
 //#endregion
-export { CreateMonthProps, CreateSelectProps, DEFAULT_DATE_LOCALE, WeekDayFormat, WeekStartsOn, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade };
+export { CreateMonthOptions, CreateSelectOptions, CreateYearGridOptions, DEFAULT_DATE_LOCALE, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade };

package/dist/date/calendar.js

@@ -1 +1 @@
-import{getDaysInMonth as e,getLastFirstDayOfWeek as t,getNextLastDayOfWeek as n}from"./comparators.js";import{chunk as r}from"./utils.js";import{CalendarDate as i,endOfMonth as a,endOfYear as o,getDayOfWeek as s,startOfMonth as c,startOfWeek as l,startOfYear as u}from"@internationalized/date";const d=`en-US`;function f(e,t){let n=[],r=e.add({days:1});for(;r.compare(t)<0;)n.push(r),r=r.add({days:1});return n}function p(i){let{dateObj:o,weekStartsOn:s,fixedWeeks:l,locale:u}=i,d=e(o),p=Array.from({length:d},(e,t)=>o.set({day:t+1})),m=c(o),h=a(o),g=t(m,s,u),_=n(h,s,u),v=f(g.subtract({days:1}),m),y=f(h,_.add({days:1})),b=v.length+p.length+y.length;if(l&&b<42){let e=42-b,t=y.at(-1)??a(o),n=Array.from({length:e},(e,n)=>t.add({days:n+1}));y.push(...n)}let x=v.concat(p,y);return{value:o,cells:x,rows:r(x,7)}}function m(e){return u(e.subtract({years:e.year-Math.floor(e.year/10)*10}).set({day:1,month:1}))}function h(e){return o(m(e).add({years:9}))}function g(e){let{dateObj:t,startIndex:n=0,endIndex:r}=e,i=r-n+1;return i<=0?[]:Array.from({length:i},(e,r)=>t.add({years:n+r}).set({day:1,month:1}))}function _(e){let{dateObj:t,numberOfMonths:n=1,pagedNavigation:r=!1}=e;if(n&&r){let e=[];for(let r=1;r<=12;r+=n)e.push(c(t.set({month:r})));return e}return Array.from({length:12},(e,n)=>c(t.set({month:n+1})))}function v(e){let{numberOfMonths:t,dateObj:n,...r}=e;if(!t||t===1)return[p({...r,dateObj:n})];let i=[p({...r,dateObj:n})];for(let e=1;e<t;e+=1)i.push(p({...r,dateObj:n.add({months:e})}));return i}function y(e){let{dateObj:t}=e,n=_({dateObj:t});return{value:t,cells:n,rows:r(n,4)}}function b(e){let{dateObj:t,yearsPerPage:n=12,decadeAligned:i=!0}=e,a=i?m(t).year:t.year,o=Array.from({length:n},(e,n)=>u(t.set({year:a+n})));return{value:o[0],cells:o,rows:r(o,4)}}function x({start:e,end:t}){let n=[];if(!e||!t)return n;let r=u(e);for(;r.compare(t)<=0;)n.push(r),r=u(r.add({years:1}));return n}function S({start:e,end:t}){let n=[];if(!e||!t)return n;let r=e;for(;r.compare(t)<=0;)n.push(r),r=r.add({days:1});return n}function C(e){return(1-s(new i(2025,1,6),e)+7)%7}function w(e,t=d,n){let r=new i(e.year,1,1),a=r.toDate(`UTC`).getUTCDay()!==s(r,t),o=n??(a?`mon`:`sun`),c=a?4:1,u=s(e,t,o),f=e.add({days:7-c-u}).year,p=l(new i(f,1,c),t,o),m=l(e,t,o);return Math.round((m.toDate(`UTC`).getTime()-p.toDate(`UTC`).getTime())/(10080*60*1e3))+1}export{d as DEFAULT_DATE_LOCALE,S as createDateRange,g as createDecade,p as createMonth,y as createMonthGrid,v as createMonths,_ as createYear,b as createYearGrid,x as createYearRange,h as endOfDecade,f as getDaysBetween,w as getWeekNumber,C as getWeekStartsOn,m as startOfDecade};
+import{chunk as e}from"../shared/object.js";import{getDaysInMonth as t,getLastFirstDayOfWeek as n,getNextLastDayOfWeek as r}from"./comparators.js";import"../shared/index.js";import{CalendarDate as i,endOfMonth as a,endOfYear as o,getDayOfWeek as s,startOfMonth as c,startOfWeek as l,startOfYear as u}from"@internationalized/date";const d=`en-US`;function f(e,t){let n=[],r=e.add({days:1});for(;r.compare(t)<0;)n.push(r),r=r.add({days:1});return n}function p(i){let{dateObj:o,weekStartsOn:s,fixedWeeks:l,locale:u}=i,d=t(o),p=Array.from({length:d},(e,t)=>o.set({day:t+1})),m=c(o),h=a(o),g=n(m,s,u),_=r(h,s,u),v=f(g.subtract({days:1}),m),y=f(h,_.add({days:1})),b=v.length+p.length+y.length;if(l&&b<42){let e=42-b,t=y.at(-1)??a(o),n=Array.from({length:e},(e,n)=>t.add({days:n+1}));y.push(...n)}let x=v.concat(p,y);return{value:o,cells:x,rows:e(x,7)}}function m(e){return u(e.subtract({years:e.year-Math.floor(e.year/10)*10}).set({day:1,month:1}))}function h(e){return o(m(e).add({years:9}))}function g(e){let{dateObj:t,startIndex:n=0,endIndex:r}=e,i=r-n+1;return i<=0?[]:Array.from({length:i},(e,r)=>t.add({years:n+r}).set({day:1,month:1}))}function _(e){let{dateObj:t,numberOfMonths:n=1,pagedNavigation:r=!1}=e;if(n&&r){let e=[];for(let r=1;r<=12;r+=n)e.push(c(t.set({month:r})));return e}return Array.from({length:12},(e,n)=>c(t.set({month:n+1})))}function v(e){let{numberOfMonths:t,dateObj:n,...r}=e;if(!t||t===1)return[p({...r,dateObj:n})];let i=[p({...r,dateObj:n})];for(let e=1;e<t;e+=1)i.push(p({...r,dateObj:n.add({months:e})}));return i}function y(t){let{dateObj:n}=t,r=_({dateObj:n});return{value:n,cells:r,rows:e(r,4)}}function b(t){let{dateObj:n,yearsPerPage:r=12,decadeAligned:i=!0}=t,a=i?m(n).year:n.year,o=Array.from({length:r},(e,t)=>u(n.set({year:a+t})));return{value:o[0],cells:o,rows:e(o,4)}}function x({start:e,end:t}){let n=[];if(!e||!t)return n;let r=u(e);for(;r.compare(t)<=0;)n.push(r),r=u(r.add({years:1}));return n}function S({start:e,end:t}){let n=[];if(!e||!t)return n;let r=e;for(;r.compare(t)<=0;)n.push(r),r=r.add({days:1});return n}function C(e){return(1-s(new i(2025,1,6),e)+7)%7}function w(e,t=d,n){let r=new i(e.year,1,1),a=r.toDate(`UTC`).getUTCDay()!==s(r,t),o=n??(a?`mon`:`sun`),c=a?4:1,u=s(e,t,o),f=e.add({days:7-c-u}).year,p=l(new i(f,1,c),t,o),m=l(e,t,o);return Math.round((m.toDate(`UTC`).getTime()-p.toDate(`UTC`).getTime())/(10080*60*1e3))+1}export{d as DEFAULT_DATE_LOCALE,S as createDateRange,g as createDecade,p as createMonth,y as createMonthGrid,v as createMonths,_ as createYear,b as createYearGrid,x as createYearRange,h as endOfDecade,f as getDaysBetween,w as getWeekNumber,C as getWeekStartsOn,m as startOfDecade};

package/dist/date/comparators.d.ts

@@ -1,40 +1,39 @@
-import { Granularity, Matcher } from "./types.js";
-import { CalendarDateTime, DateValue, Time, ZonedDateTime } from "@internationalized/date";
+import { DateMatcher, DateValue as DateValue$1, Granularity, TimeValue } from "./types.js";
+import { CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
 
 //#region src/date/comparators.d.ts
-type TimeValue = Time | CalendarDateTime | ZonedDateTime;
-declare function parseStringToDateValue(dateStr: string, referenceValue: DateValue): DateValue;
-declare function isTime(dateValue: DateValue | TimeValue): dateValue is Time;
-declare function toDate(dateValue: DateValue | TimeValue, tz?: string): Date;
-declare function isCalendarDateTime(dateValue: DateValue | TimeValue): dateValue is CalendarDateTime;
-declare function isZonedDateTime(dateValue: DateValue | TimeValue): dateValue is ZonedDateTime;
-declare function hasTime(dateValue: DateValue | TimeValue): dateValue is CalendarDateTime | ZonedDateTime | Time;
-declare function getDaysInMonth(date: Date | DateValue): number;
+declare function parseStringToDateValue(dateStr: string, referenceValue: DateValue$1): DateValue$1;
+declare function isTime(dateValue: DateValue$1 | TimeValue): dateValue is Time;
+declare function toDate(dateValue: DateValue$1 | TimeValue, tz?: string): Date;
+declare function isCalendarDateTime(dateValue: DateValue$1 | TimeValue): dateValue is CalendarDateTime;
+declare function isZonedDateTime(dateValue: DateValue$1 | TimeValue): dateValue is ZonedDateTime;
+declare function hasTime(dateValue: DateValue$1 | TimeValue): dateValue is CalendarDateTime | ZonedDateTime | Time;
+declare function getDaysInMonth(date: Date | DateValue$1): number;
 declare function getDefaultDate(props: {
-  defaultValue?: DateValue | DateValue[];
-  defaultPlaceholder?: DateValue;
+  defaultValue?: DateValue$1 | DateValue$1[];
+  defaultPlaceholder?: DateValue$1;
   granularity?: Granularity;
   locale?: string;
-}): DateValue;
+}): DateValue$1;
 declare function getDefaultTime(props: {
   defaultValue?: TimeValue;
   defaultPlaceholder?: TimeValue;
 }): TimeValue;
-declare function isBefore(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
-declare function isAfter(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
-declare function isBeforeOrSame(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
-declare function isAfterOrSame(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
-declare function isEqualValue(a: DateValue | TimeValue, b: DateValue | TimeValue): boolean;
-declare function isBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
-declare function isBetween(date: DateValue, start: DateValue, end: DateValue): boolean;
-declare function getLastFirstDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
-declare function getNextLastDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
-declare function isSameYearMonth(a: DateValue, b: DateValue): boolean;
-declare function isSameYear(a: DateValue, b: DateValue): boolean;
-declare function areAllDaysBetweenValid(start: DateValue, end: DateValue, isUnavailable: Matcher | undefined, isDisabled: Matcher | undefined, isHighlightable?: Matcher | undefined): boolean;
-declare function compareYearMonth(a: DateValue, b: DateValue): number;
-declare function isMonthBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
-declare function isYearBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
-declare function getMonthsBetween(start: DateValue, end: DateValue): number;
+declare function isBefore(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isAfter(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isBeforeOrSame(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isAfterOrSame(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isEqualValue(a: DateValue$1 | TimeValue, b: DateValue$1 | TimeValue): boolean;
+declare function isBetweenInclusive(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function isBetween(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function getLastFirstDayOfWeek<T extends DateValue$1 = DateValue$1>(date: T, firstDayOfWeek: number, locale: string): T;
+declare function getNextLastDayOfWeek<T extends DateValue$1 = DateValue$1>(date: T, firstDayOfWeek: number, locale: string): T;
+declare function isSameYearMonth(a: DateValue$1, b: DateValue$1): boolean;
+declare function isSameYear(a: DateValue$1, b: DateValue$1): boolean;
+declare function areAllDaysBetweenValid(start: DateValue$1, end: DateValue$1, isUnavailable: DateMatcher | undefined, isDisabled: DateMatcher | undefined, isHighlightable?: DateMatcher | undefined): boolean;
+declare function compareYearMonth(a: DateValue$1, b: DateValue$1): number;
+declare function isMonthBetweenInclusive(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function isYearBetweenInclusive(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function getMonthsBetween(start: DateValue$1, end: DateValue$1): number;
 //#endregion
-export { TimeValue, areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate };
+export { areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate };

package/dist/date/formatter.d.ts

@@ -1,4 +1,4 @@
-import { TimeValue } from "./comparators.js";
+import { TimeValue } from "./types.js";
 import { DateValue } from "@internationalized/date";
 
 //#region src/date/formatter.d.ts

package/dist/date/index.d.ts

@@ -1,11 +1,11 @@
-import { TimeValue, areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate } from "./comparators.js";
-import { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isAnySegmentPart, isDateSegmentPart, isSegmentPart, isTimeSegmentPart } from "./parts.js";
-import { AnyExceptLiteral, DateAndTimeSegmentObj, DateInputType, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, Grid, HourCycle, Matcher, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart } from "./types.js";
-import { CreateMonthProps, CreateSelectProps, DEFAULT_DATE_LOCALE, WeekDayFormat, WeekStartsOn, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade } from "./calendar.js";
+import { AnyExceptLiteral, CalendarIdentifier, DateAndTimeSegmentObj, DateGrid, DateInputType, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, HourCycle, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, WeekDayFormat, WeekStartsOn } from "./types.js";
+import { CreateMonthOptions, CreateSelectOptions, CreateYearGridOptions, DEFAULT_DATE_LOCALE, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade } from "./calendar.js";
+import { areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate } from "./comparators.js";
 import { DateFormatterOptions, Formatter, useDateFormatter } from "./formatter.js";
 import { createContent, initializeSegmentValues, syncSegmentValues, syncTimeSegmentValues } from "./parser.js";
-import { SupportedLocale, getPlaceholder } from "./placeholders.js";
+import { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isAnySegmentPart, isDateSegmentPart, isSegmentPart, isTimeSegmentPart } from "./parts.js";
+import { getPlaceholder } from "./placeholders.js";
 import { getSegmentElements, isAcceptableSegmentKey, isNumberString, isSegmentNavigationKey } from "./segment.js";
-import { UseDateFieldProps, useDateField } from "./use-date-field.js";
-import { chunk, getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue } from "./utils.js";
-export { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, AnyExceptLiteral, CreateMonthProps, CreateSelectProps, DATE_SEGMENT_PARTS, DEFAULT_DATE_LOCALE, DateAndTimeSegmentObj, DateFormatterOptions, DateInputType, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EDITABLE_SEGMENT_PARTS, EditableSegmentPart, Formatter, Granularity, Grid, HourCycle, Matcher, NON_EDITABLE_SEGMENT_PARTS, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, SupportedLocale, TIME_SEGMENT_PARTS, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, UseDateFieldProps, WeekDayFormat, WeekStartsOn, areAllDaysBetweenValid, chunk, compareYearMonth, createContent, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getInputType, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getTimeInputType, getWeekNumber, getWeekStartsOn, handleCalendarInitialFocus, hasTime, initializeSegmentValues, isAcceptableSegmentKey, isAfter, isAfterOrSame, isAnySegmentPart, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isDateSegmentPart, isEqualValue, isMonthBetweenInclusive, isNumberString, isSameYear, isSameYearMonth, isSegmentNavigationKey, isSegmentPart, isTime, isTimeSegmentPart, isYearBetweenInclusive, isZonedDateTime, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue, parseStringToDateValue, startOfDecade, syncSegmentValues, syncTimeSegmentValues, toDate, useDateField, useDateFormatter };
+import { UseDateFieldOptions, useDateField } from "./use-date-field.js";
+import { getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue } from "./utils.js";
+export { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, AnyExceptLiteral, CalendarIdentifier, CreateMonthOptions, CreateSelectOptions, CreateYearGridOptions, DATE_SEGMENT_PARTS, DEFAULT_DATE_LOCALE, DateAndTimeSegmentObj, DateFormatterOptions, DateGrid, DateInputType, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EDITABLE_SEGMENT_PARTS, EditableSegmentPart, Formatter, Granularity, HourCycle, NON_EDITABLE_SEGMENT_PARTS, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TIME_SEGMENT_PARTS, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, UseDateFieldOptions, WeekDayFormat, WeekStartsOn, areAllDaysBetweenValid, compareYearMonth, createContent, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getInputType, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getTimeInputType, getWeekNumber, getWeekStartsOn, handleCalendarInitialFocus, hasTime, initializeSegmentValues, isAcceptableSegmentKey, isAfter, isAfterOrSame, isAnySegmentPart, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isDateSegmentPart, isEqualValue, isMonthBetweenInclusive, isNumberString, isSameYear, isSameYearMonth, isSegmentNavigationKey, isSegmentPart, isTime, isTimeSegmentPart, isYearBetweenInclusive, isZonedDateTime, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue, parseStringToDateValue, startOfDecade, syncSegmentValues, syncTimeSegmentValues, toDate, useDateField, useDateFormatter };

package/dist/date/index.js

@@ -1 +1 @@
-import{areAllDaysBetweenValid as e,compareYearMonth as t,getDaysInMonth as n,getDefaultDate as r,getDefaultTime as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,hasTime as c,isAfter as l,isAfterOrSame as u,isBefore as d,isBeforeOrSame as f,isBetween as p,isBetweenInclusive as m,isCalendarDateTime as h,isEqualValue as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isTime as b,isYearBetweenInclusive as x,isZonedDateTime as S,parseStringToDateValue as C,toDate as w}from"./comparators.js";import{chunk as T,getInputType as E,getOptsByGranularity as D,getTimeInputType as O,handleCalendarInitialFocus as k,normalizeDateStep as A,normalizeHour12 as j,normalizeHourCycle as M,normalizeInputValue as N,normalizeTimeInputValue as P}from"./utils.js";import{DEFAULT_DATE_LOCALE as F,createDateRange as I,createDecade as L,createMonth as R,createMonthGrid as z,createMonths as B,createYear as V,createYearGrid as H,createYearRange as U,endOfDecade as W,getDaysBetween as G,getWeekNumber as K,getWeekStartsOn as q,startOfDecade as J}from"./calendar.js";import{useDateFormatter as Y}from"./formatter.js";import{ALL_EXCEPT_LITERAL_PARTS as X,ALL_SEGMENT_PARTS as Z,DATE_SEGMENT_PARTS as Q,EDITABLE_SEGMENT_PARTS as $,NON_EDITABLE_SEGMENT_PARTS as ee,TIME_SEGMENT_PARTS as te,isAnySegmentPart as ne,isDateSegmentPart as re,isSegmentPart as ie,isTimeSegmentPart as ae}from"./parts.js";import{getPlaceholder as oe}from"./placeholders.js";import{createContent as se,initializeSegmentValues as ce,syncSegmentValues as le,syncTimeSegmentValues as ue}from"./parser.js";import{getSegmentElements as de,isAcceptableSegmentKey as fe,isNumberString as pe,isSegmentNavigationKey as me}from"./segment.js";import{useDateField as he}from"./use-date-field.js";export{X as ALL_EXCEPT_LITERAL_PARTS,Z as ALL_SEGMENT_PARTS,Q as DATE_SEGMENT_PARTS,F as DEFAULT_DATE_LOCALE,$ as EDITABLE_SEGMENT_PARTS,ee as NON_EDITABLE_SEGMENT_PARTS,te as TIME_SEGMENT_PARTS,e as areAllDaysBetweenValid,T as chunk,t as compareYearMonth,se as createContent,I as createDateRange,L as createDecade,R as createMonth,z as createMonthGrid,B as createMonths,V as createYear,H as createYearGrid,U as createYearRange,W as endOfDecade,G as getDaysBetween,n as getDaysInMonth,r as getDefaultDate,i as getDefaultTime,E as getInputType,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,D as getOptsByGranularity,oe as getPlaceholder,de as getSegmentElements,O as getTimeInputType,K as getWeekNumber,q as getWeekStartsOn,k as handleCalendarInitialFocus,c as hasTime,ce as initializeSegmentValues,fe as isAcceptableSegmentKey,l as isAfter,u as isAfterOrSame,ne as isAnySegmentPart,d as isBefore,f as isBeforeOrSame,p as isBetween,m as isBetweenInclusive,h as isCalendarDateTime,re as isDateSegmentPart,g as isEqualValue,_ as isMonthBetweenInclusive,pe as isNumberString,v as isSameYear,y as isSameYearMonth,me as isSegmentNavigationKey,ie as isSegmentPart,b as isTime,ae as isTimeSegmentPart,x as isYearBetweenInclusive,S as isZonedDateTime,A as normalizeDateStep,j as normalizeHour12,M as normalizeHourCycle,N as normalizeInputValue,P as normalizeTimeInputValue,C as parseStringToDateValue,J as startOfDecade,le as syncSegmentValues,ue as syncTimeSegmentValues,w as toDate,he as useDateField,Y as useDateFormatter};
+import{areAllDaysBetweenValid as e,compareYearMonth as t,getDaysInMonth as n,getDefaultDate as r,getDefaultTime as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,hasTime as c,isAfter as l,isAfterOrSame as u,isBefore as d,isBeforeOrSame as f,isBetween as p,isBetweenInclusive as m,isCalendarDateTime as h,isEqualValue as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isTime as b,isYearBetweenInclusive as x,isZonedDateTime as S,parseStringToDateValue as C,toDate as w}from"./comparators.js";import{DEFAULT_DATE_LOCALE as T,createDateRange as E,createDecade as D,createMonth as O,createMonthGrid as k,createMonths as A,createYear as j,createYearGrid as M,createYearRange as N,endOfDecade as P,getDaysBetween as F,getWeekNumber as I,getWeekStartsOn as L,startOfDecade as R}from"./calendar.js";import{useDateFormatter as z}from"./formatter.js";import{ALL_EXCEPT_LITERAL_PARTS as B,ALL_SEGMENT_PARTS as V,DATE_SEGMENT_PARTS as H,EDITABLE_SEGMENT_PARTS as U,NON_EDITABLE_SEGMENT_PARTS as W,TIME_SEGMENT_PARTS as G,isAnySegmentPart as K,isDateSegmentPart as q,isSegmentPart as J,isTimeSegmentPart as Y}from"./parts.js";import{getPlaceholder as X}from"./placeholders.js";import{getInputType as Z,getOptsByGranularity as Q,getTimeInputType as $,handleCalendarInitialFocus as ee,normalizeDateStep as te,normalizeHour12 as ne,normalizeHourCycle as re,normalizeInputValue as ie,normalizeTimeInputValue as ae}from"./utils.js";import{createContent as oe,initializeSegmentValues as se,syncSegmentValues as ce,syncTimeSegmentValues as le}from"./parser.js";import{getSegmentElements as ue,isAcceptableSegmentKey as de,isNumberString as fe,isSegmentNavigationKey as pe}from"./segment.js";import{useDateField as me}from"./use-date-field.js";export{B as ALL_EXCEPT_LITERAL_PARTS,V as ALL_SEGMENT_PARTS,H as DATE_SEGMENT_PARTS,T as DEFAULT_DATE_LOCALE,U as EDITABLE_SEGMENT_PARTS,W as NON_EDITABLE_SEGMENT_PARTS,G as TIME_SEGMENT_PARTS,e as areAllDaysBetweenValid,t as compareYearMonth,oe as createContent,E as createDateRange,D as createDecade,O as createMonth,k as createMonthGrid,A as createMonths,j as createYear,M as createYearGrid,N as createYearRange,P as endOfDecade,F as getDaysBetween,n as getDaysInMonth,r as getDefaultDate,i as getDefaultTime,Z as getInputType,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,Q as getOptsByGranularity,X as getPlaceholder,ue as getSegmentElements,$ as getTimeInputType,I as getWeekNumber,L as getWeekStartsOn,ee as handleCalendarInitialFocus,c as hasTime,se as initializeSegmentValues,de as isAcceptableSegmentKey,l as isAfter,u as isAfterOrSame,K as isAnySegmentPart,d as isBefore,f as isBeforeOrSame,p as isBetween,m as isBetweenInclusive,h as isCalendarDateTime,q as isDateSegmentPart,g as isEqualValue,_ as isMonthBetweenInclusive,fe as isNumberString,v as isSameYear,y as isSameYearMonth,pe as isSegmentNavigationKey,J as isSegmentPart,b as isTime,Y as isTimeSegmentPart,x as isYearBetweenInclusive,S as isZonedDateTime,te as normalizeDateStep,ne as normalizeHour12,re as normalizeHourCycle,ie as normalizeInputValue,ae as normalizeTimeInputValue,C as parseStringToDateValue,R as startOfDecade,ce as syncSegmentValues,le as syncTimeSegmentValues,w as toDate,me as useDateField,z as useDateFormatter};

package/dist/date/parser.d.ts

@@ -1,19 +1,9 @@
-import { TimeValue } from "./comparators.js";
-import { DateValue, Granularity, HourCycle, SegmentContentObj, SegmentPart, SegmentValueObj } from "./types.js";
+import { DateValue, Granularity, HourCycle, SegmentContentObj, SegmentPart, SegmentValueObj, TimeValue } from "./types.js";
 import { Formatter } from "./formatter.js";
+import { LocaleDateMessages } from "../locale/types.js";
 import { Ref } from "vue";
 
 //#region src/date/parser.d.ts
-type CreateContentProps = {
-  granularity: Granularity;
-  dateRef: DateValue | TimeValue;
-  formatter: Formatter;
-  hideTimeZone: boolean;
-  hourCycle: HourCycle;
-  segmentValues: SegmentValueObj;
-  locale: Ref<string>;
-  isTimeValue?: boolean;
-};
 declare function syncTimeSegmentValues(props: {
   value: DateValue | TimeValue;
   formatter: Formatter;
@@ -23,7 +13,18 @@ declare function syncSegmentValues(props: {
   formatter: Formatter;
 }): SegmentValueObj;
 declare function initializeSegmentValues(granularity: Granularity): SegmentValueObj;
-declare function createContent(props: CreateContentProps): {
+type CreateContentOptions = {
+  granularity: Granularity;
+  dateRef: DateValue | TimeValue;
+  formatter: Formatter;
+  hideTimeZone: boolean;
+  hourCycle: HourCycle;
+  segmentValues: SegmentValueObj;
+  locale: Ref<string>;
+  isTimeValue?: boolean;
+  dateMessages?: LocaleDateMessages;
+};
+declare function createContent(options: CreateContentOptions): {
   obj: SegmentContentObj;
   arr: {
     part: SegmentPart;

package/dist/date/parser.js

@@ -1 +1 @@
-import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{getOptsByGranularity as r,normalizeHourCycle as i}from"./utils.js";import{DATE_SEGMENT_PARTS as a,EDITABLE_SEGMENT_PARTS as o,TIME_SEGMENT_PARTS as s,isDateSegmentPart as c,isSegmentPart as l}from"./parts.js";import{getPlaceholder as u}from"./placeholders.js";function d(e){return Object.fromEntries(s.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=a.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=o.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e===`day`?!t.includes(n)&&n!==`dayPeriod`:!0);return Object.fromEntries(n)}function m(e){let t=e.segmentValues,n=n=>{if(`hour`in e.segmentValues){let r=t[n];return r===null?u(n,``,e.locale.value):n===`day`?e.formatter.part(e.dateRef.set({[n]:r,month:`month`in e.segmentValues?e.segmentValues.month??1:1}),n,{hourCycle:i(e.hourCycle)}):e.formatter.part(e.dateRef.set({[n]:r}),n,{hourCycle:i(e.hourCycle)})}if(c(n)){let r=t[n];return r===null?u(n,``,e.locale.value):n===`day`?e.formatter.part(e.dateRef.set({[n]:r,month:e.segmentValues.month??1}),n):e.formatter.part(e.dateRef.set({[n]:r}),n)}return``};return Object.keys(e.segmentValues).reduce((t,r)=>l(r)?`hour`in e.segmentValues&&r===`dayPeriod`?(t[r]=e.segmentValues[r]??u(r,`AM`,e.locale.value),t):(t[r]=h(r,n),t):t,{})}function h(e,t){return t(e)}function g(n){let i=m(n);return{obj:i,arr:n.formatter.toParts(n.dateRef,r(n.granularity,n.hourCycle,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!l(e.type)?{part:e.type,value:e.value}:{part:e.type,value:i[e.type]}).filter(r=>!(r.part===null||r.value===null||r.part===`timeZoneName`&&(e(n.dateRef)||!t(n.dateRef))||r.part===`timeZoneName`&&n.hideTimeZone))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};
+import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{DATE_SEGMENT_PARTS as r,EDITABLE_SEGMENT_PARTS as i,TIME_SEGMENT_PARTS as a,isDateSegmentPart as o,isSegmentPart as s}from"./parts.js";import{getPlaceholder as c}from"./placeholders.js";import{getOptsByGranularity as l,normalizeHourCycle as u}from"./utils.js";function d(e){return Object.fromEntries(a.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=r.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=i.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e===`day`?!t.includes(n)&&n!==`dayPeriod`:!0);return Object.fromEntries(n)}function m(e){let{segmentValues:t,dateRef:n,formatter:r,hourCycle:i,locale:a}=e,l=t=>{let n=e.dateMessages;return n?t===`year`?n.placeholder.year:t===`month`?n.placeholder.month:t===`day`?n.placeholder.day:n.placeholder.time:c(t,``,a.value)},d=t,f=e=>{if(`hour`in t){let a=d[e];return a===null?l(e):e===`day`?r.part(n.set({[e]:a,month:`month`in t?t.month??1:1}),e,{hourCycle:u(i)}):r.part(n.set({[e]:a}),e,{hourCycle:u(i)})}if(o(e)){let i=d[e];return i===null?l(e):e===`day`?r.part(n.set({[e]:i,month:t.month??1}),e):r.part(n.set({[e]:i}),e)}return``};return Object.keys(t).reduce((e,n)=>s(n)?`hour`in t&&n===`dayPeriod`?(e[n]=t[n]??c(n,`AM`,a.value),e):(e[n]=h(n,f),e):e,{})}function h(e,t){return t(e)}function g(n){let{formatter:r,dateRef:i,hourCycle:a,hideTimeZone:o}=n,c=m(n);return{obj:c,arr:r.toParts(i,l(n.granularity,a,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!s(e.type)?{part:e.type,value:e.value}:{part:e.type,value:c[e.type]}).filter(n=>!(n.part===null||n.value===null||n.part===`timeZoneName`&&(e(i)||!t(i))||n.part===`timeZoneName`&&o))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};

package/dist/date/parts.d.ts

@@ -1,12 +1,12 @@
 import { DateSegmentPart, EditableSegmentPart, SegmentPart, TimeSegmentPart } from "./types.js";
 
 //#region src/date/parts.d.ts
-declare const DATE_SEGMENT_PARTS: readonly ["day", "month", "year"];
-declare const TIME_SEGMENT_PARTS: readonly ["hour", "minute", "second", "dayPeriod"];
-declare const NON_EDITABLE_SEGMENT_PARTS: readonly ["literal", "timeZoneName"];
-declare const EDITABLE_SEGMENT_PARTS: readonly ["day", "month", "year", "hour", "minute", "second", "dayPeriod"];
-declare const ALL_SEGMENT_PARTS: readonly ["day", "month", "year", "hour", "minute", "second", "dayPeriod", "literal", "timeZoneName"];
-declare const ALL_EXCEPT_LITERAL_PARTS: ("day" | "month" | "year" | "hour" | "minute" | "second" | "dayPeriod" | "timeZoneName")[];
+declare const DATE_SEGMENT_PARTS: readonly DateSegmentPart[];
+declare const TIME_SEGMENT_PARTS: readonly TimeSegmentPart[];
+declare const NON_EDITABLE_SEGMENT_PARTS: readonly SegmentPart[];
+declare const EDITABLE_SEGMENT_PARTS: readonly EditableSegmentPart[];
+declare const ALL_SEGMENT_PARTS: readonly SegmentPart[];
+declare const ALL_EXCEPT_LITERAL_PARTS: readonly SegmentPart[];
 declare function isDateSegmentPart(part: unknown): part is DateSegmentPart;
 declare function isTimeSegmentPart(part: unknown): part is TimeSegmentPart;
 declare function isSegmentPart(part: string): part is EditableSegmentPart;

package/dist/date/placeholders.d.ts

@@ -1,23 +1,4 @@
 //#region src/date/placeholders.d.ts
-declare const placeholders: {
-  readonly en: {
-    readonly year: "yyyy";
-    readonly month: "mm";
-    readonly day: "dd";
-  };
-  readonly 'zh-CN': {
-    readonly year: "年";
-    readonly month: "月";
-    readonly day: "日";
-  };
-  readonly 'zh-TW': {
-    readonly year: "年";
-    readonly month: "月";
-    readonly day: "日";
-  };
-};
-type PlaceholderField = 'year' | 'month' | 'day';
-type SupportedLocale = keyof typeof placeholders;
-declare function getPlaceholder(field: PlaceholderField | 'era' | 'hour' | 'minute' | 'second' | 'dayPeriod', value: string, locale: string): string;
+declare function getPlaceholder(field: 'year' | 'month' | 'day' | 'era' | 'hour' | 'minute' | 'second' | 'dayPeriod', value: string, locale: string): string;
 //#endregion
-export { SupportedLocale, getPlaceholder };
+export { getPlaceholder };

package/dist/date/placeholders.js

@@ -1 +1 @@
-const e={en:{year:`yyyy`,month:`mm`,day:`dd`},"zh-CN":{year:`年`,month:`月`,day:`日`},"zh-TW":{year:`年`,month:`月`,day:`日`}};function t(t){if(t in e)return t;let n=t.split(`-`)[0];return n in e?n:`en`}function n(n,r,i){return n===`year`||n===`month`||n===`day`?e[t(i)][n]:n===`era`||n===`dayPeriod`?r:`––`}export{n as getPlaceholder};
+import{resolveLocale as e}from"../locale/locales.js";function t(t,n,r){if(t===`year`||t===`month`||t===`day`){let n=e(r).date.placeholder;if(n)return n[t]}return t===`era`||t===`dayPeriod`?n:`––`}export{t as getPlaceholder};

package/dist/date/types.d.ts

@@ -1,10 +1,9 @@
-import { TimeValue } from "./comparators.js";
-import { DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS } from "./parts.js";
-import { DateValue as DateValue$1 } from "@internationalized/date";
+import { CalendarDateTime, CalendarIdentifier, DateValue as DateValue$1, Time, ZonedDateTime } from "@internationalized/date";
 
 //#region src/date/types.d.ts
+type TimeValue = Time | CalendarDateTime | ZonedDateTime;
 type DayOfWeek = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
-type Matcher = (date: DateValue$1) => boolean;
+type DateMatcher = (date: DateValue$1) => boolean;
 type TimeMatcher = (time: TimeValue) => boolean;
 interface DateRange {
   start?: DateValue$1;
@@ -14,7 +13,7 @@ interface TimeRange {
   start?: TimeValue;
   end?: TimeValue;
 }
-interface Grid<T> {
+interface DateGrid<T> {
   value: DateValue$1;
   rows: T[][];
   cells: T[];
@@ -29,13 +28,15 @@ interface DateStep {
   millisecond?: number;
 }
 type HourCycle = 12 | 24 | undefined;
-type DateSegmentPart = (typeof DATE_SEGMENT_PARTS)[number];
-type TimeSegmentPart = (typeof TIME_SEGMENT_PARTS)[number];
-type EditableSegmentPart = (typeof EDITABLE_SEGMENT_PARTS)[number];
-type NonEditableSegmentPart = (typeof NON_EDITABLE_SEGMENT_PARTS)[number];
+type DateSegmentPart = 'day' | 'month' | 'year';
+type TimeSegmentPart = 'hour' | 'minute' | 'second' | 'dayPeriod';
+type EditableSegmentPart = DateSegmentPart | TimeSegmentPart;
+type NonEditableSegmentPart = 'literal' | 'timeZoneName';
 type SegmentPart = EditableSegmentPart | NonEditableSegmentPart;
 type AnyExceptLiteral = Exclude<SegmentPart, 'literal'>;
 type DayPeriod = 'AM' | 'PM' | null;
+type WeekDayFormat = 'narrow' | 'short' | 'long';
+type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 type DateSegmentObj = { [K in DateSegmentPart]: number | null };
 type TimeSegmentObj = { [K in TimeSegmentPart]: K extends 'dayPeriod' ? DayPeriod : number | null };
 type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
@@ -43,7 +44,7 @@ type SegmentValueObj = DateSegmentObj | DateAndTimeSegmentObj;
 type SegmentContentObj = Record<EditableSegmentPart, string>;
 type DateInputType = 'date' | 'datetime-local';
 type TimeInputType = 'time';
-type Granularity = 'day' | 'hour' | 'minute' | 'second';
 type TimeGranularity = 'hour' | 'minute' | 'second';
+type Granularity = 'day' | TimeGranularity;
 //#endregion
-export { AnyExceptLiteral, DateAndTimeSegmentObj, DateInputType, DateRange, DateSegmentObj, DateSegmentPart, DateStep, type DateValue$1 as DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, Grid, HourCycle, Matcher, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart };
+export { AnyExceptLiteral, type CalendarIdentifier, DateAndTimeSegmentObj, DateGrid, DateInputType, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, type DateValue$1 as DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, HourCycle, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, WeekDayFormat, WeekStartsOn };

package/dist/date/use-date-field.d.ts

@@ -1,12 +1,10 @@
-import { TimeValue } from "./comparators.js";
-import { DateStep, HourCycle, SegmentPart, SegmentValueObj } from "./types.js";
+import { DateStep, DateValue, HourCycle, SegmentPart, SegmentValueObj, TimeValue } from "./types.js";
 import { Formatter } from "./formatter.js";
 import * as _$vue from "vue";
 import { Ref } from "vue";
-import { DateValue } from "@internationalized/date";
 
 //#region src/date/use-date-field.d.ts
-type UseDateFieldProps = {
+type UseDateFieldOptions = {
   hasLeftFocus: Ref<boolean>;
   lastKeyZero: Ref<boolean>;
   placeholder: Ref<DateValue | TimeValue>;
@@ -14,13 +12,13 @@ type UseDateFieldProps = {
   step: Ref<DateStep>;
   formatter: Formatter;
   segmentValues: Ref<SegmentValueObj>;
-  disabled: Ref<boolean>;
-  readonly: Ref<boolean>;
+  disabled: Ref<boolean | undefined>;
+  readonly: Ref<boolean | undefined>;
   part: SegmentPart;
   modelValue: Ref<DateValue | TimeValue | undefined>;
   focusNext: () => void;
 };
-declare function useDateField(props: UseDateFieldProps): {
+declare function useDateField(props: UseDateFieldOptions): {
   attributes: _$vue.ComputedRef<{
     inputmode: string;
     'aria-label': string;
@@ -47,4 +45,4 @@ declare function useDateField(props: UseDateFieldProps): {
   handleSegmentKeydown: (event: KeyboardEvent) => void;
 };
 //#endregion
-export { UseDateFieldProps, useDateField };
+export { UseDateFieldOptions, useDateField };

package/dist/date/use-date-field.js

@@ -1 +1 @@
-import{getDaysInMonth as e}from"./comparators.js";import{isAcceptableSegmentKey as t,isNumberString as n,isSegmentNavigationKey as r}from"./segment.js";import{computed as i}from"vue";import{DateFormatter as a}from"@internationalized/date";const o=e=>({role:`spinbutton`,contenteditable:!0,tabindex:e.disabled?void 0:0,spellcheck:!1,inputmode:`numeric`,autocorrect:`off`,enterkeyhint:`next`,style:`caret-color: transparent;`}),s=(e,t)=>{if(e!==void 0)return e===12;let n=new a(t,{hour:`numeric`}).resolvedOptions().hourCycle;return n===`h11`||n===`h12`},c=e=>{let t=`hour`in e.placeholder?e.placeholder.hour:0;return s(e.hourCycle,e.formatter.getLocale())?t%12||12:t},l={day:{attrs:t=>({...o(t),"aria-label":`day,`,"aria-valuemin":1,"aria-valuemax":e(t.placeholder),"aria-valuenow":t.placeholder.day,"aria-valuetext":t.segmentValues.day===null?`Empty`:`${t.placeholder.day}`,"data-placeholder":t.segmentValues.day===null?``:void 0})},month:{attrs:e=>({...o(e),"aria-label":`month, `,"aria-valuemin":1,"aria-valuemax":12,"aria-valuenow":e.placeholder.month,"aria-valuetext":e.segmentValues.month===null?`Empty`:`${e.placeholder.month} - ${e.formatter.fullMonth(e.placeholder.toDate(`UTC`))}`,"data-placeholder":e.segmentValues.month===null?``:void 0})},year:{attrs:e=>({...o(e),"aria-label":`year, `,"aria-valuemin":1,"aria-valuemax":9999,"aria-valuenow":e.placeholder.year,"aria-valuetext":e.segmentValues.year===null?`Empty`:`${e.placeholder.year}`,"data-placeholder":e.segmentValues.year===null?``:void 0})},hour:{attrs:e=>({...o(e),"aria-label":`hour, `,"aria-valuemin":+!!s(e.hourCycle,e.formatter.getLocale()),"aria-valuemax":s(e.hourCycle,e.formatter.getLocale())?12:23,"aria-valuenow":c(e),"aria-valuetext":`hour`in e.segmentValues&&e.segmentValues.hour===null?`Empty`:`${c(e)}`,"data-placeholder":`hour`in e.segmentValues&&e.segmentValues.hour===null?``:void 0})},minute:{attrs:e=>({...o(e),"aria-label":`minute, `,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`minute`in e.placeholder?e.placeholder.minute:0,"aria-valuetext":`minute`in e.segmentValues&&e.segmentValues.minute===null?`Empty`:`${`minute`in e.placeholder?e.placeholder.minute:0}`,"data-placeholder":`minute`in e.segmentValues&&e.segmentValues.minute===null?``:void 0})},second:{attrs:e=>({...o(e),"aria-label":`second, `,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`second`in e.placeholder?e.placeholder.second:0,"aria-valuetext":`second`in e.segmentValues&&e.segmentValues.second===null?`Empty`:`${`second`in e.placeholder?e.placeholder.second:0}`,"data-placeholder":`second`in e.segmentValues&&e.segmentValues.second===null?``:void 0})},dayPeriod:{attrs:e=>({...o(e),inputmode:`text`,"aria-label":`AM/PM, `,"aria-valuetext":`dayPeriod`in e.segmentValues&&e.segmentValues.dayPeriod===null?`Empty`:`dayPeriod`in e.segmentValues?e.segmentValues.dayPeriod:void 0})},literal:{attrs:()=>({"aria-hidden":!0,"data-segment":`literal`})},timeZoneName:{attrs:e=>({role:`textbox`,tabindex:e.disabled?void 0:0,"aria-label":`time zone, `,"data-readonly":!0,style:`caret-color: transparent;`})}};function u(a){let o=i(()=>l[a.part]?.attrs({disabled:a.disabled.value,placeholder:a.placeholder.value,hourCycle:a.hourCycle,segmentValues:a.segmentValues.value,formatter:a.formatter})??{}),c=e=>{if(a.hasLeftFocus.value=!1,e===null)return e;let t=e.toString();return t.length===1?(a.modelValue.value=void 0,null):Number.parseInt(t.slice(0,-1))},u=(e,t,n,r)=>{let i=a.step.value[t]??1,o=e.key===`ArrowUp`?i:-i;return r===null?o>0?0:59:n.set({[t]:r}).cycle(t,o)[t]},d=(e,t,n,r)=>{let i=a.step.value[t]??1,o=e.key===`ArrowUp`?i:-i;if(r===null){if(t===`hour`&&`hour`in n)return n.hour;let e=n;return t===`day`?e.day:t===`month`?e.month:e.year}if(t===`hour`&&`hour`in n)return n.set({[t]:r}).cycle(t,o)[t];let s=n;return t===`day`?s.set({[t]:r,month:a.segmentValues.value.month??1}).cycle(t,o)[t]:t===`month`?s.set({month:r}).cycle(`month`,o).month:s.set({year:r}).cycle(`year`,o).year},f=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(a.hasLeftFocus.value&&(a.hasLeftFocus.value=!1,a.lastKeyZero.value=!1,n=null),n===null)return t===0?(a.lastKeyZero.value=!0,{moveToNext:r,value:null}):((a.lastKeyZero.value||t>i)&&(r=!0),a.lastKeyZero.value=!1,{moveToNext:r,value:t});let o=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return o===2||s>e?((t>i||s>e)&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},p=(e,t)=>{let n=!1;if(a.hasLeftFocus.value&&(a.hasLeftFocus.value=!1,a.lastKeyZero.value=!1,t=null),t===null)return e===0?(a.lastKeyZero.value=!0,{moveToNext:n,value:0}):((a.lastKeyZero.value||e>5)&&(n=!0),a.lastKeyZero.value=!1,{moveToNext:n,value:e});let r=t.toString().length,i=Number.parseInt(t.toString()+e.toString());return r===2||i>59?(e>5&&(n=!0),{moveToNext:n,value:e}):(n=!0,{moveToNext:n,value:i})},m=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(a.hasLeftFocus.value&&(a.hasLeftFocus.value=!1,a.lastKeyZero.value=!1,n=null),n===null)return t===0?(a.lastKeyZero.value=!0,{moveToNext:r,value:0}):((a.lastKeyZero.value||t>i)&&(r=!0),a.lastKeyZero.value=!1,{moveToNext:r,value:t});let o=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return o===2||s>e?(t>i&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},h=(e,t)=>{let n=!1;if(a.hasLeftFocus.value&&(a.hasLeftFocus.value=!1,t=null),t===null)return{moveToNext:n,value:e===0?1:e};let r=t.toString()+e.toString();return r.length>4?{moveToNext:n,value:e===0?1:e}:(r.length===4&&(n=!0),{moveToNext:n,value:Number.parseInt(r)})},g=i=>{if(!t(i.key)||r(i.key))return;let o=a.segmentValues.value.day;if(i.key===`ArrowDown`||i.key===`ArrowUp`){a.segmentValues.value.day=d(i,`day`,a.placeholder.value,o);return}if(n(i.key)){let t=Number.parseInt(i.key),n=a.segmentValues.value.month,{moveToNext:r,value:s}=f(n?e(a.placeholder.value.set({month:n})):31,t,o);a.segmentValues.value.day=s,r&&a.focusNext()}i.key===`Backspace`&&(a.segmentValues.value.day=c(o))},_=e=>{if(!t(e.key)||r(e.key))return;let i=a.segmentValues.value.month;if(e.key===`ArrowDown`||e.key===`ArrowUp`){a.segmentValues.value.month=d(e,`month`,a.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=f(12,Number.parseInt(e.key),i);a.segmentValues.value.month=n,t&&a.focusNext()}e.key===`Backspace`&&(a.segmentValues.value.month=c(i))},v=e=>{if(!t(e.key)||r(e.key))return;let i=a.segmentValues.value.year;if(e.key===`ArrowDown`||e.key===`ArrowUp`){a.segmentValues.value.year=d(e,`year`,a.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);a.segmentValues.value.year=n,t&&a.focusNext()}e.key===`Backspace`&&(a.segmentValues.value.year=c(i))},y=e=>{if(!t(e.key)||r(e.key)||!(`hour`in a.placeholder.value)||!(`hour`in a.segmentValues.value))return;let i=a.segmentValues.value.hour;if(e.key===`ArrowDown`||e.key===`ArrowUp`){let t=d(e,`hour`,a.placeholder.value,i);a.segmentValues.value.hour=t,`dayPeriod`in a.segmentValues.value&&t!==null&&(a.segmentValues.value.dayPeriod=t>=12?`PM`:`AM`);return}if(n(e.key)){let t=Number.parseInt(e.key),n=s(a.hourCycle,a.formatter.getLocale()),r=n?12:24,o=i;n&&i!==null&&(o=i%12==0?0:i>12?i-12:i);let{moveToNext:c,value:l}=m(r,t,o),u=l;if(n&&l!==null&&`dayPeriod`in a.segmentValues.value){let e=a.segmentValues.value.dayPeriod||`AM`;u=l===12?e===`AM`?0:12:e===`PM`?l+12:l}a.segmentValues.value.hour=u,c&&a.focusNext()}e.key===`Backspace`&&(a.segmentValues.value.hour=c(i))},b=e=>{if(!t(e.key)||r(e.key)||!(`minute`in a.placeholder.value)||!(`minute`in a.segmentValues.value))return;let i=a.segmentValues.value.minute;if(e.key===`ArrowDown`||e.key===`ArrowUp`){a.segmentValues.value.minute=u(e,`minute`,a.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=p(Number.parseInt(e.key),i);a.segmentValues.value.minute=n,t&&a.focusNext()}e.key===`Backspace`&&(a.segmentValues.value.minute=c(i))},x=e=>{if(!t(e.key)||r(e.key)||!(`second`in a.placeholder.value)||!(`second`in a.segmentValues.value))return;let i=a.segmentValues.value.second;if(e.key===`ArrowDown`||e.key===`ArrowUp`){a.segmentValues.value.second=u(e,`second`,a.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=p(Number.parseInt(e.key),i);a.segmentValues.value.second=n,t&&a.focusNext()}e.key===`Backspace`&&(a.segmentValues.value.second=c(i))},S=e=>{if(!((!t(e.key)||r(e.key))&&![`a`,`A`,`p`,`P`].includes(e.key)||!(`hour`in a.placeholder.value)||!(`dayPeriod`in a.segmentValues.value))){if(e.key===`ArrowDown`||e.key===`ArrowUp`){if(a.segmentValues.value.dayPeriod===`AM`){a.segmentValues.value.dayPeriod=`PM`,a.segmentValues.value.hour=(a.segmentValues.value.hour??0)+12;return}a.segmentValues.value.dayPeriod=`AM`,a.segmentValues.value.hour=(a.segmentValues.value.hour??12)-12;return}if([`a`,`A`].includes(e.key)&&a.segmentValues.value.dayPeriod!==`AM`){a.segmentValues.value.dayPeriod=`AM`,a.segmentValues.value.hour=(a.segmentValues.value.hour??12)-12;return}[`p`,`P`].includes(e.key)&&a.segmentValues.value.dayPeriod!==`PM`&&(a.segmentValues.value.dayPeriod=`PM`,a.segmentValues.value.hour=(a.segmentValues.value.hour??0)+12)}};return{attributes:o,handleSegmentClick:e=>{a.disabled.value&&e.preventDefault()},handleSegmentFocusOut:()=>{if(!Object.values(a.segmentValues.value).every(e=>e!==null))return;let e=a.placeholder.value.set({...a.segmentValues.value});a.modelValue.value=e.copy()},handleSegmentKeydown:e=>{if(a.disabled.value||a.readonly.value)return;e.key!==`Tab`&&e.preventDefault();let n={day:g,dayPeriod:S,hour:y,minute:b,month:_,second:x,timeZoneName:()=>void 0,year:v};a.part!==`literal`&&(n[a.part](e),![`ArrowLeft`,`ArrowRight`,`Shift`,`Tab`].includes(e.key)&&t(e.key)&&Object.values(a.segmentValues.value).every(e=>e!==null)&&(a.modelValue.value=a.placeholder.value.set({...a.segmentValues.value}).copy()))}}}export{u as useDateField};
+import{getDaysInMonth as e}from"./comparators.js";import{isAcceptableSegmentKey as t,isNumberString as n,isSegmentNavigationKey as r}from"./segment.js";import{useLocaleMessages as i}from"../locale/hooks.js";import"../locale/index.js";import{computed as a}from"vue";import{DateFormatter as o}from"@internationalized/date";const s=e=>({role:`spinbutton`,contenteditable:!0,tabindex:e?void 0:0,spellcheck:!1,inputmode:`numeric`,autocorrect:`off`,enterkeyhint:`next`,style:`caret-color: transparent;`}),c=(e,t)=>{if(e!==void 0)return e===12;let n=new o(t,{hour:`numeric`}).resolvedOptions().hourCycle;return n===`h11`||n===`h12`},l=e=>{let t=`hour`in e.placeholder?e.placeholder.hour:0;return c(e.hourCycle,e.formatter.getLocale())?t%12||12:t},u={day:{attrs:t=>({...s(t.disabled),"aria-label":t.messages.daySegment,"aria-valuemin":1,"aria-valuemax":e(t.placeholder),"aria-valuenow":t.placeholder.day,"aria-valuetext":t.segmentValues.day===null?t.messages.empty:`${t.placeholder.day}`,"data-placeholder":t.segmentValues.day===null?``:void 0})},month:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.monthSegment,"aria-valuemin":1,"aria-valuemax":12,"aria-valuenow":e.placeholder.month,"aria-valuetext":e.segmentValues.month===null?e.messages.empty:`${e.placeholder.month} - ${e.formatter.fullMonth(e.placeholder.toDate(`UTC`))}`,"data-placeholder":e.segmentValues.month===null?``:void 0})},year:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.yearSegment,"aria-valuemin":1,"aria-valuemax":9999,"aria-valuenow":e.placeholder.year,"aria-valuetext":e.segmentValues.year===null?e.messages.empty:`${e.placeholder.year}`,"data-placeholder":e.segmentValues.year===null?``:void 0})},hour:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.hourSegment,"aria-valuemin":+!!c(e.hourCycle,e.formatter.getLocale()),"aria-valuemax":c(e.hourCycle,e.formatter.getLocale())?12:23,"aria-valuenow":l(e),"aria-valuetext":`hour`in e.segmentValues&&e.segmentValues.hour===null?e.messages.empty:`${l(e)}`,"data-placeholder":`hour`in e.segmentValues&&e.segmentValues.hour===null?``:void 0})},minute:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.minuteSegment,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`minute`in e.placeholder?e.placeholder.minute:0,"aria-valuetext":`minute`in e.segmentValues&&e.segmentValues.minute===null?e.messages.empty:`${`minute`in e.placeholder?e.placeholder.minute:0}`,"data-placeholder":`minute`in e.segmentValues&&e.segmentValues.minute===null?``:void 0})},second:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.secondSegment,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`second`in e.placeholder?e.placeholder.second:0,"aria-valuetext":`second`in e.segmentValues&&e.segmentValues.second===null?e.messages.empty:`${`second`in e.placeholder?e.placeholder.second:0}`,"data-placeholder":`second`in e.segmentValues&&e.segmentValues.second===null?``:void 0})},dayPeriod:{attrs:e=>({...s(e.disabled),inputmode:`text`,"aria-label":e.messages.dayPeriodSegment,"aria-valuetext":`dayPeriod`in e.segmentValues&&e.segmentValues.dayPeriod===null?e.messages.empty:`dayPeriod`in e.segmentValues?e.segmentValues.dayPeriod:void 0})},literal:{attrs:()=>({"aria-hidden":!0,"data-segment":`literal`})},timeZoneName:{attrs:e=>({role:`textbox`,tabindex:e.disabled?void 0:0,"aria-label":e.messages.timeZoneSegment,"data-readonly":!0,style:`caret-color: transparent;`})}};function d(o){let s=i(),l=a(()=>u[o.part]?.attrs({disabled:o.disabled.value,placeholder:o.placeholder.value,hourCycle:o.hourCycle,segmentValues:o.segmentValues.value,formatter:o.formatter,messages:s.value.date})??{}),d=e=>{if(o.hasLeftFocus.value=!1,e===null)return e;let t=e.toString();return t.length===1?(o.modelValue.value=void 0,null):Number.parseInt(t.slice(0,-1))},f=(e,t,n,r)=>{let i=o.step.value[t]??1,a=e.key===`ArrowUp`?i:-i;return r===null?a>0?0:59:n.set({[t]:r}).cycle(t,a)[t]},p=(e,t,n,r)=>{let i=o.step.value[t]??1,a=e.key===`ArrowUp`?i:-i;if(r===null){if(t===`hour`&&`hour`in n)return n.hour;let e=n;return t===`day`?e.day:t===`month`?e.month:e.year}if(t===`hour`&&`hour`in n)return n.set({[t]:r}).cycle(t,a)[t];let s=n;return t===`day`?s.set({[t]:r,month:o.segmentValues.value.month??1}).cycle(t,a)[t]:t===`month`?s.set({month:r}).cycle(`month`,a).month:s.set({year:r}).cycle(`year`,a).year},m=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,n=null),n===null)return t===0?(o.lastKeyZero.value=!0,{moveToNext:r,value:null}):((o.lastKeyZero.value||t>i)&&(r=!0),o.lastKeyZero.value=!1,{moveToNext:r,value:t});let a=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return a===2||s>e?((t>i||s>e)&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},h=(e,t)=>{let n=!1;if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,t=null),t===null)return e===0?(o.lastKeyZero.value=!0,{moveToNext:n,value:0}):((o.lastKeyZero.value||e>5)&&(n=!0),o.lastKeyZero.value=!1,{moveToNext:n,value:e});let r=t.toString().length,i=Number.parseInt(t.toString()+e.toString());return r===2||i>59?(e>5&&(n=!0),{moveToNext:n,value:e}):(n=!0,{moveToNext:n,value:i})},g=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,n=null),n===null)return t===0?(o.lastKeyZero.value=!0,{moveToNext:r,value:0}):((o.lastKeyZero.value||t>i)&&(r=!0),o.lastKeyZero.value=!1,{moveToNext:r,value:t});let a=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return a===2||s>e?(t>i&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},_=(e,t)=>{let n=!1;if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,t=null),t===null)return{moveToNext:n,value:e===0?1:e};let r=t.toString()+e.toString();return r.length>4?{moveToNext:n,value:e===0?1:e}:(r.length===4&&(n=!0),{moveToNext:n,value:Number.parseInt(r)})},v=i=>{if(!t(i.key)||r(i.key))return;let a=o.segmentValues.value.day;if(i.key===`ArrowDown`||i.key===`ArrowUp`){o.segmentValues.value.day=p(i,`day`,o.placeholder.value,a);return}if(n(i.key)){let t=Number.parseInt(i.key),n=o.segmentValues.value.month,{moveToNext:r,value:s}=m(n?e(o.placeholder.value.set({month:n})):31,t,a);o.segmentValues.value.day=s,r&&o.focusNext()}i.key===`Backspace`&&(o.segmentValues.value.day=d(a))},y=e=>{if(!t(e.key)||r(e.key))return;let i=o.segmentValues.value.month;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.month=p(e,`month`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=m(12,Number.parseInt(e.key),i);o.segmentValues.value.month=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.month=d(i))},b=e=>{if(!t(e.key)||r(e.key))return;let i=o.segmentValues.value.year;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.year=p(e,`year`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=_(Number.parseInt(e.key),i);o.segmentValues.value.year=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.year=d(i))},x=e=>{if(!t(e.key)||r(e.key)||!(`hour`in o.placeholder.value)||!(`hour`in o.segmentValues.value))return;let i=o.segmentValues.value.hour;if(e.key===`ArrowDown`||e.key===`ArrowUp`){let t=p(e,`hour`,o.placeholder.value,i);o.segmentValues.value.hour=t,`dayPeriod`in o.segmentValues.value&&t!==null&&(o.segmentValues.value.dayPeriod=t>=12?`PM`:`AM`);return}if(n(e.key)){let t=Number.parseInt(e.key),n=c(o.hourCycle,o.formatter.getLocale()),r=n?12:24,a=i;n&&i!==null&&(a=i%12==0?0:i>12?i-12:i);let{moveToNext:s,value:l}=g(r,t,a),u=l;if(n&&l!==null&&`dayPeriod`in o.segmentValues.value){let e=o.segmentValues.value.dayPeriod||`AM`;u=l===12?e===`AM`?0:12:e===`PM`?l+12:l}o.segmentValues.value.hour=u,s&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.hour=d(i))},S=e=>{if(!t(e.key)||r(e.key)||!(`minute`in o.placeholder.value)||!(`minute`in o.segmentValues.value))return;let i=o.segmentValues.value.minute;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.minute=f(e,`minute`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);o.segmentValues.value.minute=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.minute=d(i))},C=e=>{if(!t(e.key)||r(e.key)||!(`second`in o.placeholder.value)||!(`second`in o.segmentValues.value))return;let i=o.segmentValues.value.second;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.second=f(e,`second`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);o.segmentValues.value.second=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.second=d(i))},w=e=>{if(!((!t(e.key)||r(e.key))&&![`a`,`A`,`p`,`P`].includes(e.key)||!(`hour`in o.placeholder.value)||!(`dayPeriod`in o.segmentValues.value))){if(e.key===`ArrowDown`||e.key===`ArrowUp`){if(o.segmentValues.value.dayPeriod===`AM`){o.segmentValues.value.dayPeriod=`PM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??0)+12;return}o.segmentValues.value.dayPeriod=`AM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??12)-12;return}if([`a`,`A`].includes(e.key)&&o.segmentValues.value.dayPeriod!==`AM`){o.segmentValues.value.dayPeriod=`AM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??12)-12;return}[`p`,`P`].includes(e.key)&&o.segmentValues.value.dayPeriod!==`PM`&&(o.segmentValues.value.dayPeriod=`PM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??0)+12)}};return{attributes:l,handleSegmentClick:e=>{o.disabled.value&&e.preventDefault()},handleSegmentFocusOut:()=>{if(!Object.values(o.segmentValues.value).every(e=>e!==null))return;let e=o.placeholder.value.set({...o.segmentValues.value});o.modelValue.value=e.copy()},handleSegmentKeydown:e=>{if(o.disabled.value||o.readonly.value)return;e.key!==`Tab`&&e.preventDefault();let n={day:v,dayPeriod:w,hour:x,minute:S,month:y,second:C,timeZoneName:()=>void 0,year:b};o.part!==`literal`&&(n[o.part](e),![`ArrowLeft`,`ArrowRight`,`Shift`,`Tab`].includes(e.key)&&t(e.key)&&Object.values(o.segmentValues.value).every(e=>e!==null)&&(o.modelValue.value=o.placeholder.value.set({...o.segmentValues.value}).copy()))}}}export{d as useDateField};

package/dist/date/utils.d.ts

@@ -1,12 +1,8 @@
-import { TimeValue } from "./comparators.js";
-import { DateStep, DateValue, Granularity, HourCycle, TimeGranularity, TimeInputType } from "./types.js";
+import { DateStep, DateValue, Granularity, HourCycle, TimeGranularity, TimeInputType, TimeValue } from "./types.js";
 
 //#region src/date/utils.d.ts
-declare function chunk<T>(array: T[], size: number): T[][];
 declare function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue?: boolean): Intl.DateTimeFormatOptions;
-declare function normalizeDateStep(props?: {
-  step?: DateStep;
-}): DateStep;
+declare function normalizeDateStep(step?: DateStep): DateStep;
 declare function handleCalendarInitialFocus(calendar: HTMLElement): void;
 declare function normalizeHourCycle(hourCycle: HourCycle): "h23" | "h11" | undefined;
 declare function normalizeHour12(hourCycle: HourCycle): boolean | undefined;
@@ -15,4 +11,4 @@ declare function normalizeInputValue(date: DateValue | undefined, granularity: G
 declare function getTimeInputType(_granularity: TimeGranularity): TimeInputType;
 declare function normalizeTimeInputValue(time: TimeValue | undefined, granularity: TimeGranularity): string;
 //#endregion
-export { chunk, getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue };
+export { getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue };

package/dist/date/utils.js

@@ -1 +1 @@
-function e(e,t){if(t<=0)throw RangeError(`chunk size must be greater than 0`);let n=[];for(let r=0;r<e.length;r+=t)n.push(e.slice(r,r+t));return n}function t(e,t,n=!1){let r={year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,timeZoneName:`short`,hourCycle:i(t),hour12:a(t)};return n&&(delete r.year,delete r.month,delete r.day),e===`day`&&(delete r.hour,delete r.minute,delete r.second,delete r.timeZoneName),e===`hour`&&(delete r.minute,delete r.second),e===`minute`&&delete r.second,r}function n(e){return{year:e?.step?.year??1,month:e?.step?.month??1,day:e?.step?.day??1,hour:e?.step?.hour??1,minute:e?.step?.minute??1,second:e?.step?.second??1,millisecond:e?.step?.millisecond??1}}function r(e){let t=e.querySelector(`[data-selected]`);if(t){t.focus();return}let n=e.querySelector(`[data-today]`);if(n){n.focus();return}e.querySelector(`[data-slot="cell-trigger"]:not([data-disabled]):not([data-unavailable])`)?.focus()}function i(e){if(e===24)return`h23`;if(e===12)return`h11`}function a(e){if(e===24)return!1;if(e===12)return!0}function o(e){return e===`day`?`date`:`datetime-local`}function s(e,t){if(!e)return``;let n=o(t),r=String(e.year).padStart(4,`0`),i=String(e.month).padStart(2,`0`),a=String(e.day).padStart(2,`0`);if(n===`date`)return`${r}-${i}-${a}`;let s=String(`hour`in e?e.hour:0).padStart(2,`0`),c=String(`minute`in e?e.minute:0).padStart(2,`0`);return t===`second`?`${r}-${i}-${a}T${s}:${c}:${String(`second`in e?e.second:0).padStart(2,`0`)}`:`${r}-${i}-${a}T${s}:${c}`}function c(e){return`time`}function l(e,t){if(!e)return``;let n=String(e.hour).padStart(2,`0`),r=String(e.minute).padStart(2,`0`);return t===`second`?`${n}:${r}:${String(e.second).padStart(2,`0`)}`:`${n}:${r}`}export{e as chunk,o as getInputType,t as getOptsByGranularity,c as getTimeInputType,r as handleCalendarInitialFocus,n as normalizeDateStep,a as normalizeHour12,i as normalizeHourCycle,s as normalizeInputValue,l as normalizeTimeInputValue};
+import{defu as e}from"defu";function t(e,t,n=!1){let r={year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,timeZoneName:`short`,hourCycle:i(t),hour12:a(t)};return n&&(delete r.year,delete r.month,delete r.day),e===`day`&&(delete r.hour,delete r.minute,delete r.second,delete r.timeZoneName),e===`hour`&&(delete r.minute,delete r.second),e===`minute`&&delete r.second,r}function n(t){return e(t,{year:1,month:1,day:1,hour:1,minute:1,second:1,millisecond:1})}function r(e){let t=e.querySelector(`[data-selected]`);if(t){t.focus();return}let n=e.querySelector(`[data-today]`);if(n){n.focus();return}e.querySelector(`[data-soybean-calendar-cell-trigger]:not([data-disabled]):not([data-unavailable])`)?.focus()}function i(e){if(e===24)return`h23`;if(e===12)return`h11`}function a(e){if(e===24)return!1;if(e===12)return!0}function o(e){return e===`day`?`date`:`datetime-local`}function s(e,t){if(!e)return``;let n=o(t),r=String(e.year).padStart(4,`0`),i=String(e.month).padStart(2,`0`),a=String(e.day).padStart(2,`0`);if(n===`date`)return`${r}-${i}-${a}`;let s=String(`hour`in e?e.hour:0).padStart(2,`0`),c=String(`minute`in e?e.minute:0).padStart(2,`0`);return t===`second`?`${r}-${i}-${a}T${s}:${c}:${String(`second`in e?e.second:0).padStart(2,`0`)}`:`${r}-${i}-${a}T${s}:${c}`}function c(e){return`time`}function l(e,t){if(!e)return``;let n=String(e.hour).padStart(2,`0`),r=String(e.minute).padStart(2,`0`);return t===`second`?`${n}:${r}:${String(e.second).padStart(2,`0`)}`:`${n}:${r}`}export{o as getInputType,t as getOptsByGranularity,c as getTimeInputType,r as handleCalendarInitialFocus,n as normalizeDateStep,a as normalizeHour12,i as normalizeHourCycle,s as normalizeInputValue,l as normalizeTimeInputValue};