132 lines
4.9 KiB
TypeScript
132 lines
4.9 KiB
TypeScript
import { DateValue } from '@internationalized/date';
|
|
import { Ref } from 'vue';
|
|
import { Granularity, HourCycle } from '../shared/date';
|
|
import { Matcher, WeekDayFormat } from '../date';
|
|
import { CalendarRootProps, DateFieldRoot, DateFieldRootProps, PopoverRootProps } from '..';
|
|
import { Direction } from '../shared/types';
|
|
type DatePickerRootContext = {
|
|
id: Ref<string | undefined>;
|
|
name: Ref<string | undefined>;
|
|
minValue: Ref<DateValue | undefined>;
|
|
maxValue: Ref<DateValue | undefined>;
|
|
hourCycle: Ref<HourCycle | undefined>;
|
|
granularity: Ref<Granularity | undefined>;
|
|
hideTimeZone: Ref<boolean>;
|
|
required: Ref<boolean>;
|
|
locale: Ref<string>;
|
|
dateFieldRef: Ref<InstanceType<typeof DateFieldRoot> | undefined>;
|
|
modelValue: Ref<DateValue | undefined>;
|
|
placeholder: Ref<DateValue>;
|
|
pagedNavigation: Ref<boolean>;
|
|
preventDeselect: Ref<boolean>;
|
|
weekStartsOn: Ref<0 | 1 | 2 | 3 | 4 | 5 | 6>;
|
|
weekdayFormat: Ref<WeekDayFormat>;
|
|
fixedWeeks: Ref<boolean>;
|
|
numberOfMonths: Ref<number>;
|
|
disabled: Ref<boolean>;
|
|
readonly: Ref<boolean>;
|
|
isDateDisabled?: Matcher;
|
|
isDateUnavailable?: Matcher;
|
|
defaultOpen: Ref<boolean>;
|
|
open: Ref<boolean>;
|
|
modal: Ref<boolean>;
|
|
onDateChange: (date: DateValue | undefined) => void;
|
|
onPlaceholderChange: (date: DateValue) => void;
|
|
dir: Ref<Direction>;
|
|
};
|
|
export type DatePickerRootProps = DateFieldRootProps & PopoverRootProps & Pick<CalendarRootProps, 'isDateDisabled' | 'pagedNavigation' | 'weekStartsOn' | 'weekdayFormat' | 'fixedWeeks' | 'numberOfMonths' | 'preventDeselect'>;
|
|
export type DatePickerRootEmits = {
|
|
/** Event handler called whenever the model value changes */
|
|
'update:modelValue': [date: DateValue | undefined];
|
|
/** Event handler called whenever the placeholder value changes */
|
|
'update:placeholder': [date: DateValue];
|
|
};
|
|
export declare const injectDatePickerRootContext: <T extends DatePickerRootContext | null | undefined = DatePickerRootContext>(fallback?: T | undefined) => T extends null ? DatePickerRootContext | null : DatePickerRootContext, provideDatePickerRootContext: (contextValue: DatePickerRootContext) => DatePickerRootContext;
|
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<DatePickerRootProps>, {
|
|
defaultValue: undefined;
|
|
defaultOpen: boolean;
|
|
open: undefined;
|
|
modal: boolean;
|
|
pagedNavigation: boolean;
|
|
preventDeselect: boolean;
|
|
weekStartsOn: number;
|
|
weekdayFormat: string;
|
|
fixedWeeks: boolean;
|
|
numberOfMonths: number;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
initialFocus: boolean;
|
|
placeholder: undefined;
|
|
locale: string;
|
|
isDateDisabled: undefined;
|
|
isDateUnavailable: undefined;
|
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
"update:open": (value: boolean) => void;
|
|
"update:modelValue": (date: DateValue | undefined) => void;
|
|
"update:placeholder": (date: DateValue) => void;
|
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DatePickerRootProps>, {
|
|
defaultValue: undefined;
|
|
defaultOpen: boolean;
|
|
open: undefined;
|
|
modal: boolean;
|
|
pagedNavigation: boolean;
|
|
preventDeselect: boolean;
|
|
weekStartsOn: number;
|
|
weekdayFormat: string;
|
|
fixedWeeks: boolean;
|
|
numberOfMonths: number;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
initialFocus: boolean;
|
|
placeholder: undefined;
|
|
locale: string;
|
|
isDateDisabled: undefined;
|
|
isDateUnavailable: undefined;
|
|
}>>> & {
|
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
"onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
|
|
"onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
|
|
}, {
|
|
defaultValue: DateValue;
|
|
locale: string;
|
|
disabled: boolean;
|
|
weekStartsOn: 0 | 2 | 1 | 3 | 4 | 5 | 6;
|
|
fixedWeeks: boolean;
|
|
numberOfMonths: number;
|
|
pagedNavigation: boolean;
|
|
defaultOpen: boolean;
|
|
open: boolean;
|
|
modal: boolean;
|
|
placeholder: DateValue;
|
|
preventDeselect: boolean;
|
|
weekdayFormat: WeekDayFormat;
|
|
readonly: boolean;
|
|
isDateDisabled: Matcher;
|
|
isDateUnavailable: Matcher;
|
|
}, {}>, {
|
|
default?(_: {}): any;
|
|
}>;
|
|
export default _default;
|
|
type __VLS_WithDefaults<P, D> = {
|
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
default: D[K];
|
|
}> : P[K];
|
|
};
|
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
type __VLS_TypePropsToOption<T> = {
|
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
} : {
|
|
type: import('vue').PropType<T[K]>;
|
|
required: true;
|
|
};
|
|
};
|
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
new (): {
|
|
$slots: S;
|
|
};
|
|
};
|
|
type __VLS_PrettifyLocal<T> = {
|
|
[K in keyof T]: T[K];
|
|
} & {};
|