@nextcloud/vue
Version:
Nextcloud vue components
742 lines • 83.1 kB
TypeScript
import { ModelValue as LibraryModelValue, TimeObj as LibraryTimeObject, VueDatePickerProps } from '@vuepic/vue-datepicker';
type __VLS_Props = {
/**
* If set to true the menu will be placed on the `<body>`
* instead of default placement on the picker.
*/
appendToBody?: boolean;
/**
* Aria label for the input box.
*
* @default 'Datepicker input'
*/
ariaLabel?: string;
/**
* Aria label for the date picker menu.
*
* @default 'Datepicker menu'
*/
ariaLabelMenu?: string;
/**
* Allow to clear the input.
*
* @default false
*/
clearable?: boolean;
/**
* Do not auto-apply the date but require clicking the confirmation button.
*
* @default false
*/
confirm?: boolean;
/**
* Preview format for the picker input field.
* Can either be a string of Unicode tokens or a function that takes a Date object
* or for range picker an array of two dates, and returns the formatted date as string.
*
* @default Intl.DateTimeFormat is used to format dates and times
* @see https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
*/
format?: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
/**
* The locale to use for formatting the shown dates.
* By default the users current Nextcloud locale is used.
*/
locale?: string;
/**
* Default increment step for minutes in the time picker.
*
* @default 10
*/
minuteStep?: number;
/**
* The value to initialize, but also two-way bind the selected date. The date is – like the `Date` object in
* JavaScript – tied to UTC. The selected time zone does not have an influence of the selected time and date
* value. You have to translate the time yourself when you want to factor in time zones.
*
* When using the range picker then an array containing the start and end date needs to be passed.
*/
modelValue?: Date | [Date, Date] | null;
/**
* Optional custom placeholder for the input box.
*/
placeholder?: string;
/**
* Include a timezone picker within the menu.
* Please note that the dates are still bound to the locale timezone
* and any conversion needs to be done by the app itself.
*
* @default false
*/
showTimezoneSelect?: boolean;
/**
* Show the ISO week numbers within the calendar.
*
* @default false
*/
showWeekNumber?: boolean;
/**
* Type of the picker.
* There is some special handling for ranges as those types require a `[Date, Date]` model value.
* - The 'date-range' type will enable a range picker for dates
* - The 'time-range' allows picking a time range.
* - The 'datetime-range' allows picking dates with times assigned.
*
* @default 'date'
*/
type?: 'date' | 'datetime' | 'time' | 'week' | 'month' | 'year' | 'date-range' | 'time-range' | 'datetime-range';
};
type __VLS_PublicProps = {
'timezoneId'?: string;
} & __VLS_Props;
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (args_0: Date | [Date, Date] | null) => any;
"update:timezoneId": (...args: unknown[]) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
"onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | null) => any) | undefined;
"onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
}>, {
type: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
placeholder: string;
modelValue: Date | [Date, Date] | null;
ariaLabel: string;
locale: string;
format: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
timezoneId: string;
ariaLabelMenu: string;
minuteStep: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
picker: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
[x: number]: string;
} | {}> & Omit<({
readonly [x: number]: string;
readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
readonly [Symbol.unscopables]?: {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
at?: boolean | undefined;
findLast?: boolean | undefined;
findLastIndex?: boolean | undefined;
toReversed?: boolean | undefined;
toSorted?: boolean | undefined;
toSpliced?: boolean | undefined;
with?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
} | undefined;
readonly length?: number | undefined;
readonly pop?: string | undefined;
readonly push?: number | undefined;
readonly concat?: string[] | undefined;
readonly join?: string | undefined;
readonly reverse?: string[] | undefined;
readonly shift?: string | undefined;
readonly slice?: string[] | undefined;
readonly sort?: string[] | undefined;
readonly splice?: {
(start: number, deleteCount?: number): string[];
(start: number, deleteCount: number, ...items: string[]): string[];
} | undefined;
readonly unshift?: number | undefined;
readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly every?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
} | undefined;
readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
readonly filter?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
} | undefined;
readonly reduce?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly reduceRight?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly find?: {
<S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
readonly entries?: ArrayIterator<[number, string]> | undefined;
readonly keys?: ArrayIterator<number> | undefined;
readonly values?: ArrayIterator<string> | undefined;
readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
readonly flat?: unknown[] | undefined;
readonly at?: ((index: number) => string | undefined) | undefined;
readonly findLast?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly toReversed?: string[] | undefined;
readonly toSorted?: string[] | undefined;
readonly toSpliced?: {
(start: number, deleteCount: number, ...items: string[]): string[];
(start: number, deleteCount?: number): string[];
} | undefined;
readonly with?: ((index: number, value: string) => string[]) | undefined;
readonly toString?: string | undefined;
readonly toLocaleString?: string | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
} | {
readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly filters?: import('vue').Prop<{
months?: number[];
years?: number[];
times?: {
hours?: number[];
minutes?: number[];
seconds?: number[];
};
} | undefined, {
months?: number[];
years?: number[];
times?: {
hours?: number[];
minutes?: number[];
seconds?: number[];
};
} | undefined> | null | undefined;
readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
month: number;
year: number;
}) => boolean) | ((year: number) => boolean) | ((quarter: {
quarter: number;
year: number;
}) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
month: number;
year: number;
}) => boolean) | ((year: number) => boolean) | ((quarter: {
quarter: number;
year: number;
}) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly modelValue?: import('vue').Prop<LibraryModelValue | undefined, LibraryModelValue | undefined> | null | undefined;
readonly inline?: import('vue').Prop<boolean | {
input?: boolean;
} | undefined, boolean | {
input?: boolean;
} | undefined> | null | undefined;
readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker').GeneralConfig | undefined, import('@vuepic/vue-datepicker').GeneralConfig | undefined> | null | undefined;
readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined> | null | undefined;
readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
static: boolean;
solo: boolean;
count: number | string;
}> | undefined, import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
static: boolean;
solo: boolean;
count: number | string;
}> | undefined> | null | undefined;
readonly position?: import('vue').Prop<"center" | "right" | "left" | undefined, "center" | "right" | "left" | undefined> | null | undefined;
readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker').WeekNumberType | {
type: import('@vuepic/vue-datepicker').WeekNumberType;
hideOnOffsetDates?: boolean;
} | undefined, import('@vuepic/vue-datepicker').WeekNumberType | {
type: import('@vuepic/vue-datepicker').WeekNumberType;
hideOnOffsetDates?: boolean;
} | undefined> | null | undefined;
readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
readonly weekStart?: import('vue').Prop<0 | 3 | 4 | 1 | 2 | 6 | "0" | "1" | 5 | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 3 | 4 | 1 | 2 | 6 | "0" | "1" | 5 | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly autoPosition?: import('vue').Prop<boolean | "bottom" | "top" | undefined, boolean | "bottom" | "top" | undefined> | null | undefined;
readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly textInput?: import('vue').Prop<boolean | {
enterSubmit?: boolean;
tabSubmit?: boolean;
openMenu?: "open" | "toggle" | boolean;
rangeSeparator?: string;
selectOnFocus?: boolean;
format?: string | string[] | ((value: string) => Date | null);
escClose?: boolean;
} | undefined, boolean | {
enterSubmit?: boolean;
tabSubmit?: boolean;
openMenu?: "open" | "toggle" | boolean;
rangeSeparator?: string;
selectOnFocus?: boolean;
format?: string | string[] | ((value: string) => Date | null);
escClose?: boolean;
} | undefined> | null | undefined;
readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined> | null | undefined;
readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
readonly disabledWeekDays?: import('vue').Prop<number[] | string[] | undefined, number[] | string[] | undefined> | null | undefined;
readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined> | null | undefined;
readonly transitions?: import('vue').Prop<boolean | {
menuAppearTop?: string;
menuAppearBottom?: string;
open?: string;
close?: string;
next?: string;
previous?: string;
vNext?: string;
vPrevious?: string;
} | undefined, boolean | {
menuAppearTop?: string;
menuAppearBottom?: string;
open?: string;
close?: string;
next?: string;
previous?: string;
vNext?: string;
vPrevious?: string;
} | undefined> | null | undefined;
readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly multiDates?: import('vue').Prop<boolean | {
limit?: number | string;
dragSelect?: boolean;
} | undefined, boolean | {
limit?: number | string;
dragSelect?: boolean;
} | undefined> | null | undefined;
readonly presetDates?: import('vue').Prop<{
label: string;
value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
style?: Record<string, string>;
slot?: string;
noTz?: boolean;
testId?: string;
}[] | undefined, {
label: string;
value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
style?: Record<string, string>;
slot?: string;
noTz?: boolean;
testId?: string;
}[] | undefined> | null | undefined;
readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly ariaLabels?: import('vue').Prop<{
toggleOverlay?: string;
menu?: string;
input?: string;
calendarWrap?: string;
calendarDays?: string;
openTimePicker?: string;
closeTimePicker?: string;
incrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
decrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
openTpOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
amPmButton?: string;
openYearsOverlay?: string;
openMonthsOverlay?: string;
nextMonth?: string;
prevMonth?: string;
nextYear?: string;
prevYear?: string;
day?: ({ value }: {
value: Date;
}) => string;
weekDay?: (day: number) => string;
clearInput?: string;
calendarIcon?: string;
timePicker?: string;
monthPicker?: (overlay: boolean) => string;
yearPicker?: (overlay: boolean) => string;
timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
} | undefined, {
toggleOverlay?: string;
menu?: string;
input?: string;
calendarWrap?: string;
calendarDays?: string;
openTimePicker?: string;
closeTimePicker?: string;
incrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
decrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
openTpOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
amPmButton?: string;
openYearsOverlay?: string;
openMonthsOverlay?: string;
nextMonth?: string;
prevMonth?: string;
nextYear?: string;
prevYear?: string;
day?: ({ value }: {
value: Date;
}) => string;
weekDay?: (day: number) => string;
clearInput?: string;
calendarIcon?: string;
timePicker?: string;
monthPicker?: (overlay: boolean) => string;
yearPicker?: (overlay: boolean) => string;
timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
} | undefined> | null | undefined;
readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker').InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker').InternalTime) => string) | undefined> | null | undefined;
readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
readonly timezone?: import('vue').Prop<string | {
timezone?: string;
exactMatch?: boolean;
dateInTz?: string;
emitTimezone?: string;
convertModel?: boolean;
} | undefined, string | {
timezone?: string;
exactMatch?: boolean;
dateInTz?: string;
emitTimezone?: string;
convertModel?: boolean;
} | undefined> | null | undefined;
readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disabledTimes?: import('vue').Prop<((time: LibraryTimeObject | (LibraryTimeObject | undefined)[]) => boolean) | import('@vuepic/vue-datepicker').DisabledTime[] | [import('@vuepic/vue-datepicker').DisabledTime[], import('@vuepic/vue-datepicker').DisabledTime[]] | undefined, ((time: LibraryTimeObject | (LibraryTimeObject | undefined)[]) => boolean) | import('@vuepic/vue-datepicker').DisabledTime[] | [import('@vuepic/vue-datepicker').DisabledTime[], import('@vuepic/vue-datepicker').DisabledTime[]] | undefined> | null | undefined;
readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker').UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker').UIOptions> | undefined> | null | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}) & VueDatePickerProps, never>;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: import('@vuepic/vue-datepicker').EmitEvents, ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<VueDatePickerProps>>> & {
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker').PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker').EmitEvents[], string, {
[x: number]: string;
} | {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
[x: number]: string;
}> & Omit<{} & (Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<VueDatePickerProps>>> & {
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}), never> & import('vue').ShallowUnwrapRef<{}> & {
[x: string]: never;
} & import('@vuepic/vue-datepicker').PublicMethods & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<import('@vuepic/vue-datepicker').Slots> & import('@vuepic/vue-datepicker').Slots;
}) | ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
[x: number]: string;
} | {}> & Omit<({
readonly [x: number]: string;
readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
readonly [Symbol.unscopables]?: {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
at?: boolean | undefined;
findLast?: boolean | undefined;
findLastIndex?: boolean | undefined;
toReversed?: boolean | undefined;
toSorted?: boolean | undefined;
toSpliced?: boolean | undefined;
with?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
} | undefined;
readonly length?: number | undefined;
readonly pop?: string | undefined;
readonly push?: number | undefined;
readonly concat?: string[] | undefined;
readonly join?: string | undefined;
readonly reverse?: string[] | undefined;
readonly shift?: string | undefined;
readonly slice?: string[] | undefined;
readonly sort?: string[] | undefined;
readonly splice?: {
(start: number, deleteCount?: number): string[];
(start: number, deleteCount: number, ...items: string[]): string[];
} | undefined;
readonly unshift?: number | undefined;
readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly every?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
} | undefined;
readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
readonly filter?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
} | undefined;
readonly reduce?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly reduceRight?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly find?: {
<S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
readonly entries?: ArrayIterator<[number, string]> | undefined;
readonly keys?: ArrayIterator<number> | undefined;
readonly values?: ArrayIterator<string> | undefined;
readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This