@dcodegroup-au/dsg-vue 0.1.34 → 0.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,5 @@
1
- import { RangeConfig, UIOptions } from '@vuepic/vue-datepicker';
1
+ import { nextTick } from 'vue';
2
+ import { RangeConfig, UIConfig, FloatingConfig, TimeConfig, FormatsConfig } from '@vuepic/vue-datepicker';
2
3
  import { Locale } from 'date-fns';
3
4
  /**
4
5
  * ------------------------------------------------
@@ -8,10 +9,11 @@ import { Locale } from 'date-fns';
8
9
  export type DsgDatepickerType = "single" | "range" | "month" | "time" | "time-range" | "year" | "week" | "quarter";
9
10
  export type DsgDatepickerValue = string | Date | Date[] | string[] | number | null;
10
11
  export type DsgDatepickerRangeConfig = RangeConfig;
11
- export type DsgDatepickerPosition = "left" | "center" | "right";
12
12
  export type DsgDatepickerSize = "sm" | "md" | "lg";
13
- export type DsgDatepickerAutoPosition = boolean | "top" | "bottom";
14
- export type DsgUiClasses = UIOptions;
13
+ export type DsgUiClasses = UIConfig;
14
+ export type DsgDatepickerFloatingConfig = FloatingConfig;
15
+ export type DsgDatepickerTimeConfig = TimeConfig;
16
+ export type DsgDatepickerFormatsConfig = FormatsConfig;
15
17
  /**
16
18
  * The model type determines the format of the v-model value.
17
19
  * - `undefined` (default): returns `Date` objects
@@ -24,18 +26,17 @@ export type DsgDatepickerModelType = "timestamp" | "iso" | "format" | (string &
24
26
  export interface DsgDatepickerProps {
25
27
  type?: DsgDatepickerType;
26
28
  disableYearSelect?: boolean;
27
- position?: DsgDatepickerPosition;
28
- autoPosition?: DsgDatepickerAutoPosition;
29
- teleportCenter?: boolean;
30
- ui?: DsgUiClasses;
29
+ centered?: boolean;
30
+ ui?: Partial<DsgUiClasses>;
31
31
  disabled?: boolean;
32
32
  format?: string;
33
33
  size?: DsgDatepickerSize;
34
34
  label?: string;
35
35
  useTimePicker?: boolean;
36
36
  errors?: string[];
37
- locale?: string;
38
- formatLocale?: Locale;
37
+ locale?: Locale;
38
+ teleport?: boolean | string | HTMLElement;
39
+ floating?: Partial<DsgDatepickerFloatingConfig>;
39
40
  /**
40
41
  * Determines the type of the v-model value.
41
42
  * - `undefined` (default): returns `Date` objects
@@ -60,7 +61,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
60
61
  blur: (data: DsgDatepickerValue) => any;
61
62
  closed: (data: DsgDatepickerValue) => any;
62
63
  cleared: (data: DsgDatepickerValue) => any;
63
- "recalculate-position": (data: DsgDatepickerValue) => any;
64
64
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
65
65
  onFocus?: ((data: DsgDatepickerValue) => any) | undefined;
66
66
  "onUpdate:modelValue"?: ((value: DsgDatepickerValue) => any) | undefined;
@@ -68,6 +68,641 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
68
68
  onBlur?: ((data: DsgDatepickerValue) => any) | undefined;
69
69
  onClosed?: ((data: DsgDatepickerValue) => any) | undefined;
70
70
  onCleared?: ((data: DsgDatepickerValue) => any) | undefined;
71
- "onRecalculate-position"?: ((data: DsgDatepickerValue) => any) | undefined;
72
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
71
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
72
+ datepickerRef: ({
73
+ $: import('vue').ComponentInternalInstance;
74
+ $data: {};
75
+ $props: {
76
+ readonly multiCalendars?: (boolean | number | string | Partial<import('@vuepic/vue-datepicker').MultiCalendarsConfig>) | undefined;
77
+ readonly modelValue?: import('@vuepic/vue-datepicker').ModelValue;
78
+ readonly modelType?: string | undefined;
79
+ readonly dark?: boolean | undefined;
80
+ readonly transitions?: (boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>) | undefined;
81
+ readonly ariaLabels?: Partial<import('@vuepic/vue-datepicker').AriaLabelsConfig> | undefined;
82
+ readonly hideNavigation?: import('@vuepic/vue-datepicker').PickerSection[] | undefined;
83
+ readonly timezone?: string | undefined;
84
+ readonly vertical?: boolean | undefined;
85
+ readonly hideMonthYearSelect?: boolean | undefined;
86
+ readonly disableYearSelect?: boolean | undefined;
87
+ readonly yearRange?: [number, number] | undefined;
88
+ readonly autoApply?: boolean | undefined;
89
+ readonly disabledDates?: Date[] | string[] | ((date: Date) => boolean) | undefined;
90
+ readonly startDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
91
+ readonly hideOffsetDates?: boolean | undefined;
92
+ readonly noToday?: boolean | undefined;
93
+ readonly allowedDates?: import('@vuepic/vue-datepicker').DateValue[] | undefined;
94
+ readonly markers?: import('@vuepic/vue-datepicker').Marker[] | undefined;
95
+ readonly presetDates?: import('@vuepic/vue-datepicker').PresetDate[] | undefined;
96
+ readonly flow?: Partial<import('@vuepic/vue-datepicker').FlowConfig> | undefined;
97
+ readonly preventMinMaxNavigation?: boolean | undefined;
98
+ readonly reverseYears?: boolean | undefined;
99
+ readonly weekPicker?: boolean | undefined;
100
+ readonly filters?: Partial<import('@vuepic/vue-datepicker').FilterConfig> | undefined;
101
+ readonly arrowNavigation?: boolean | undefined;
102
+ readonly highlight?: (import('@vuepic/vue-datepicker').HighlightFn | Partial<import('@vuepic/vue-datepicker').HighlightConfig>) | undefined;
103
+ readonly teleport?: (string | boolean | HTMLElement) | undefined;
104
+ readonly centered?: boolean | undefined;
105
+ readonly locale?: Locale | undefined;
106
+ readonly weekStart?: (string | number | import('@vuepic/vue-datepicker').WeekStart) | undefined;
107
+ readonly weekNumbers?: (boolean | import('@vuepic/vue-datepicker').WeekNumbersConfig) | undefined;
108
+ readonly dayNames?: (() => string[]) | string[] | undefined;
109
+ readonly monthPicker?: boolean | undefined;
110
+ readonly yearPicker?: boolean | undefined;
111
+ readonly modelAuto?: boolean | undefined;
112
+ readonly formats?: (Partial<FormatsConfig> | null) | undefined;
113
+ readonly multiDates?: (boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>) | undefined;
114
+ readonly minDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
115
+ readonly maxDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
116
+ readonly minTime?: import('@vuepic/vue-datepicker').TimeModel | undefined;
117
+ readonly maxTime?: import('@vuepic/vue-datepicker').TimeModel | undefined;
118
+ readonly inputAttrs?: Partial<import('@vuepic/vue-datepicker').InputAttributesConfig> | undefined;
119
+ readonly timeConfig?: Partial<TimeConfig> | undefined;
120
+ readonly placeholder?: string | undefined;
121
+ readonly timePicker?: boolean | undefined;
122
+ readonly range?: (boolean | Partial<RangeConfig>) | undefined;
123
+ readonly menuId?: string | undefined;
124
+ readonly disabled?: boolean | undefined;
125
+ readonly readonly?: boolean | undefined;
126
+ readonly inline?: boolean | {
127
+ input?: boolean;
128
+ } | undefined;
129
+ readonly textInput?: (boolean | Partial<import('@vuepic/vue-datepicker').TextInputConfig>) | undefined;
130
+ readonly sixWeeks?: (boolean | import('@vuepic/vue-datepicker').SixWeekMode) | undefined;
131
+ readonly actionRow?: Partial<import('@vuepic/vue-datepicker').ActionRowConfig> | undefined;
132
+ readonly focusStartDate?: boolean | undefined;
133
+ readonly disabledTimes?: (import('@vuepic/vue-datepicker').DisabledTimesFn | import('@vuepic/vue-datepicker').TimeModel[] | import('@vuepic/vue-datepicker').TimeModel[][]) | undefined;
134
+ readonly calendar?: ((month: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined;
135
+ readonly config?: Partial<import('@vuepic/vue-datepicker').Config> | undefined;
136
+ readonly quarterPicker?: boolean | undefined;
137
+ readonly yearFirst?: boolean | undefined;
138
+ readonly loading?: boolean | undefined;
139
+ readonly ui?: Partial<UIConfig> | undefined;
140
+ readonly floating?: Partial<FloatingConfig> | undefined;
141
+ readonly onBlur?: (() => any) | undefined | undefined;
142
+ readonly onFocus?: (() => any) | undefined | undefined;
143
+ readonly onInvalid?: ((event: Event) => any) | undefined | undefined;
144
+ readonly onOpen?: (() => any) | undefined | undefined;
145
+ readonly "onUpdate:model-value"?: ((value: any) => any) | undefined | undefined;
146
+ readonly "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined | undefined;
147
+ readonly "onText-submit"?: (() => any) | undefined | undefined;
148
+ readonly "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined | undefined;
149
+ readonly onClosed?: (() => any) | undefined | undefined;
150
+ readonly onCleared?: (() => any) | undefined | undefined;
151
+ readonly "onFlow-step"?: ((step: number) => any) | undefined | undefined;
152
+ readonly "onUpdate-month-year"?: ((value: {
153
+ instance: number;
154
+ month: number;
155
+ year: number;
156
+ }) => any) | undefined | undefined;
157
+ readonly "onInvalid-select"?: (() => any) | undefined | undefined;
158
+ readonly "onInvalid-fixed-range"?: ((date: Date) => any) | undefined | undefined;
159
+ readonly "onInvalid-date"?: ((date: Date) => any) | undefined | undefined;
160
+ readonly "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined;
161
+ readonly "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined;
162
+ readonly "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined | undefined;
163
+ readonly "onRange-start"?: ((date: Date) => any) | undefined | undefined;
164
+ readonly "onRange-end"?: ((date: Date) => any) | undefined | undefined;
165
+ readonly "onDate-click"?: ((date: Date) => any) | undefined | undefined;
166
+ readonly "onOverlay-toggle"?: ((toggle: {
167
+ open: boolean;
168
+ overlay: import('@vuepic/vue-datepicker').PickerSection;
169
+ }) => any) | undefined | undefined;
170
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
171
+ $attrs: import('vue').Attrs;
172
+ $refs: {
173
+ [x: string]: unknown;
174
+ } & {
175
+ 'date-picker': ({
176
+ $: import('vue').ComponentInternalInstance;
177
+ $data: {};
178
+ $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
179
+ $attrs: {
180
+ [x: string]: unknown;
181
+ };
182
+ $refs: any;
183
+ $slots: Readonly<{
184
+ [name: string]: import('vue').Slot<any> | undefined;
185
+ }>;
186
+ $root: import('vue').ComponentPublicInstance | null;
187
+ $parent: import('vue').ComponentPublicInstance | null;
188
+ $host: Element | null;
189
+ $emit: (event: string,
190
+ /**
191
+ * ------------------------------------------------
192
+ * # Import: Dependencies
193
+ * ------------------------------------------------
194
+ */
195
+ ...args: any[]) => void;
196
+ $el: any;
197
+ $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
198
+ closeMenu: (fromClickAway
199
+ /**
200
+ * ------------------------------------------------
201
+ * # Import: Dependencies
202
+ * ------------------------------------------------
203
+ */
204
+ ?: boolean) => void;
205
+ selectDate: () => void;
206
+ clearValue: () => void;
207
+ openMenu: () => void;
208
+ onScroll: () => void;
209
+ formatInputValue: () => void;
210
+ updateInternalModelValue: (value: Date | Date[]) => void;
211
+ setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance
212
+ /**
213
+ * ------------------------------------------------
214
+ * # Import: Dependencies
215
+ * ------------------------------------------------
216
+ */
217
+ ?: number) => void;
218
+ parseModel: (value
219
+ /**
220
+ * ------------------------------------------------
221
+ * # Import: Dependencies
222
+ * ------------------------------------------------
223
+ */
224
+ ?: import('@vuepic/vue-datepicker').ModelValue) => void;
225
+ switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance
226
+ /**
227
+ * ------------------------------------------------
228
+ * # Import: Dependencies
229
+ * ------------------------------------------------
230
+ */
231
+ ?: number) => void;
232
+ toggleMenu: () => void;
233
+ handleFlow: (skipStep
234
+ /**
235
+ * ------------------------------------------------
236
+ * # Import: Dependencies
237
+ * ------------------------------------------------
238
+ */
239
+ ?: number) => void;
240
+ getDpWrapMenuRef: () => any;
241
+ dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>;
242
+ dpWrapMenuRef: () => any;
243
+ inputRef: () => any;
244
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
245
+ beforeCreate
246
+ /**
247
+ * ------------------------------------------------
248
+ * # Import: Dependencies
249
+ * ------------------------------------------------
250
+ */
251
+ ?: (() => void) | (() => void)[];
252
+ created
253
+ /**
254
+ * ------------------------------------------------
255
+ * # Import: Dependencies
256
+ * ------------------------------------------------
257
+ */
258
+ ?: (() => void) | (() => void)[];
259
+ beforeMount
260
+ /**
261
+ * ------------------------------------------------
262
+ * # Import: Dependencies
263
+ * ------------------------------------------------
264
+ */
265
+ ?: (() => void) | (() => void)[];
266
+ mounted
267
+ /**
268
+ * ------------------------------------------------
269
+ * # Import: Dependencies
270
+ * ------------------------------------------------
271
+ */
272
+ ?: (() => void) | (() => void)[];
273
+ beforeUpdate
274
+ /**
275
+ * ------------------------------------------------
276
+ * # Import: Dependencies
277
+ * ------------------------------------------------
278
+ */
279
+ ?: (() => void) | (() => void)[];
280
+ updated
281
+ /**
282
+ * ------------------------------------------------
283
+ * # Import: Dependencies
284
+ * ------------------------------------------------
285
+ */
286
+ ?: (() => void) | (() => void)[];
287
+ activated
288
+ /**
289
+ * ------------------------------------------------
290
+ * # Import: Dependencies
291
+ * ------------------------------------------------
292
+ */
293
+ ?: (() => void) | (() => void)[];
294
+ deactivated
295
+ /**
296
+ * ------------------------------------------------
297
+ * # Import: Dependencies
298
+ * ------------------------------------------------
299
+ */
300
+ ?: (() => void) | (() => void)[];
301
+ beforeDestroy
302
+ /**
303
+ * ------------------------------------------------
304
+ * # Import: Dependencies
305
+ * ------------------------------------------------
306
+ */
307
+ ?: (() => void) | (() => void)[];
308
+ beforeUnmount
309
+ /**
310
+ * ------------------------------------------------
311
+ * # Import: Dependencies
312
+ * ------------------------------------------------
313
+ */
314
+ ?: (() => void) | (() => void)[];
315
+ destroyed
316
+ /**
317
+ * ------------------------------------------------
318
+ * # Import: Dependencies
319
+ * ------------------------------------------------
320
+ */
321
+ ?: (() => void) | (() => void)[];
322
+ unmounted
323
+ /**
324
+ * ------------------------------------------------
325
+ * # Import: Dependencies
326
+ * ------------------------------------------------
327
+ */
328
+ ?: (() => void) | (() => void)[];
329
+ renderTracked
330
+ /**
331
+ * ------------------------------------------------
332
+ * # Import: Dependencies
333
+ * ------------------------------------------------
334
+ */
335
+ ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
336
+ renderTriggered
337
+ /**
338
+ * ------------------------------------------------
339
+ * # Import: Dependencies
340
+ * ------------------------------------------------
341
+ */
342
+ ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
343
+ errorCaptured
344
+ /**
345
+ * ------------------------------------------------
346
+ * # Import: Dependencies
347
+ * ------------------------------------------------
348
+ */
349
+ ?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
350
+ };
351
+ $forceUpdate: () => void;
352
+ $nextTick:
353
+ /**
354
+ * ------------------------------------------------
355
+ * # Import: Dependencies
356
+ * ------------------------------------------------
357
+ */
358
+ nextTick;
359
+ $watch<T extends string | ((
360
+ /**
361
+ * ------------------------------------------------
362
+ * # Import: Dependencies
363
+ * ------------------------------------------------
364
+ */
365
+ ...args: any) => any)>(source: T, cb: T extends (
366
+ /**
367
+ * ------------------------------------------------
368
+ * # Import: Dependencies
369
+ * ------------------------------------------------
370
+ */
371
+ ...args: any) => infer R ? (
372
+ /**
373
+ * ------------------------------------------------
374
+ * # Import: Dependencies
375
+ * ------------------------------------------------
376
+ */
377
+ ...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (
378
+ /**
379
+ * ------------------------------------------------
380
+ * # Import: Dependencies
381
+ * ------------------------------------------------
382
+ */
383
+ ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options
384
+ /**
385
+ * ------------------------------------------------
386
+ * # Import: Dependencies
387
+ * ------------------------------------------------
388
+ */
389
+ ?: import('vue').WatchOptions): import('vue').WatchStopHandle;
390
+ } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "onScroll" | "openMenu" | "handleFlow" | "switchView" | "formatInputValue" | "closeMenu" | "selectDate" | "clearValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "toggleMenu" | "getDpWrapMenuRef" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
391
+ closeMenu: (fromClickAway
392
+ /**
393
+ * ------------------------------------------------
394
+ * # Import: Dependencies
395
+ * ------------------------------------------------
396
+ */
397
+ ?: boolean) => void;
398
+ selectDate: () => void;
399
+ clearValue: () => void;
400
+ openMenu: () => void;
401
+ onScroll: () => void;
402
+ formatInputValue: () => void;
403
+ updateInternalModelValue: (value: Date | Date[]) => void;
404
+ setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance
405
+ /**
406
+ * ------------------------------------------------
407
+ * # Import: Dependencies
408
+ * ------------------------------------------------
409
+ */
410
+ ?: number) => void;
411
+ parseModel: (value
412
+ /**
413
+ * ------------------------------------------------
414
+ * # Import: Dependencies
415
+ * ------------------------------------------------
416
+ */
417
+ ?: import('@vuepic/vue-datepicker').ModelValue) => void;
418
+ switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance
419
+ /**
420
+ * ------------------------------------------------
421
+ * # Import: Dependencies
422
+ * ------------------------------------------------
423
+ */
424
+ ?: number) => void;
425
+ toggleMenu: () => void;
426
+ handleFlow: (skipStep
427
+ /**
428
+ * ------------------------------------------------
429
+ * # Import: Dependencies
430
+ * ------------------------------------------------
431
+ */
432
+ ?: number) => void;
433
+ getDpWrapMenuRef: () => any;
434
+ dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>;
435
+ dpWrapMenuRef: () => any;
436
+ inputRef: () => any;
437
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
438
+ $slots: any;
439
+ }) | null;
440
+ };
441
+ $slots: Readonly<{
442
+ [name: string]: import('vue').Slot<any> | undefined;
443
+ }>;
444
+ $root: import('vue').ComponentPublicInstance | null;
445
+ $parent: import('vue').ComponentPublicInstance | null;
446
+ $host: Element | null;
447
+ $emit: ((event: "focus") => void) & ((event: "update:model-value", value: any) => void) & ((event: "open") => void) & ((event: "blur") => void) & ((event: "invalid", event: Event) => void) & ((event: "closed") => void) & ((event: "cleared") => void) & ((event: "internal-model-change", value: import('@vuepic/vue-datepicker').InternalModelValue) => void) & ((event: "text-submit") => void) & ((event: "text-input", event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => void) & ((event: "flow-step", step: number) => void) & ((event: "update-month-year", value: {
448
+ instance: number;
449
+ month: number;
450
+ year: number;
451
+ }) => void) & ((event: "invalid-select") => void) & ((event: "invalid-fixed-range", date: Date) => void) & ((event: "invalid-date", date: Date) => void) & ((event: "tooltip-open", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "tooltip-close", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "am-pm-change", value: import('@vuepic/vue-datepicker').Hour12) => void) & ((event: "range-start", date: Date) => void) & ((event: "range-end", date: Date) => void) & ((event: "date-click", date: Date) => void) & ((event: "overlay-toggle", toggle: {
452
+ open: boolean;
453
+ overlay: import('@vuepic/vue-datepicker').PickerSection;
454
+ }) => void);
455
+ $el: any;
456
+ $options: import('vue').ComponentOptionsBase<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{
457
+ onBlur?: (() => any) | undefined;
458
+ onFocus?: (() => any) | undefined;
459
+ onInvalid?: ((event: Event) => any) | undefined;
460
+ onOpen?: (() => any) | undefined;
461
+ "onUpdate:model-value"?: ((value: any) => any) | undefined;
462
+ "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined;
463
+ "onText-submit"?: (() => any) | undefined;
464
+ "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined;
465
+ onClosed?: (() => any) | undefined;
466
+ onCleared?: (() => any) | undefined;
467
+ "onFlow-step"?: ((step: number) => any) | undefined;
468
+ "onUpdate-month-year"?: ((value: {
469
+ instance: number;
470
+ month: number;
471
+ year: number;
472
+ }) => any) | undefined;
473
+ "onInvalid-select"?: (() => any) | undefined;
474
+ "onInvalid-fixed-range"?: ((date: Date) => any) | undefined;
475
+ "onInvalid-date"?: ((date: Date) => any) | undefined;
476
+ "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
477
+ "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
478
+ "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined;
479
+ "onRange-start"?: ((date: Date) => any) | undefined;
480
+ "onRange-end"?: ((date: Date) => any) | undefined;
481
+ "onDate-click"?: ((date: Date) => any) | undefined;
482
+ "onOverlay-toggle"?: ((toggle: {
483
+ open: boolean;
484
+ overlay: import('@vuepic/vue-datepicker').PickerSection;
485
+ }) => any) | undefined;
486
+ }>, {
487
+ openMenu: () => void;
488
+ closeMenu: () => void;
489
+ selectDate: () => void;
490
+ clearValue: () => void;
491
+ formatInputValue: () => void;
492
+ updateInternalModelValue: (value: Date | Date[]) => void;
493
+ setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance
494
+ /**
495
+ * ------------------------------------------------
496
+ * # Import: Dependencies
497
+ * ------------------------------------------------
498
+ */
499
+ ?: number) => void;
500
+ parseModel: () => void;
501
+ switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance
502
+ /**
503
+ * ------------------------------------------------
504
+ * # Import: Dependencies
505
+ * ------------------------------------------------
506
+ */
507
+ ?: number) => void;
508
+ handleFlow: () => void;
509
+ toggleMenu: () => void;
510
+ dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>;
511
+ dpWrapMenuRef: () => any;
512
+ inputRef: () => any;
513
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
514
+ blur: () => any;
515
+ focus: () => any;
516
+ invalid: (event: Event) => any;
517
+ open: () => any;
518
+ "update:model-value": (value: any) => any;
519
+ "internal-model-change": (value: import('@vuepic/vue-datepicker').InternalModelValue) => any;
520
+ "text-submit": () => any;
521
+ "text-input": (event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any;
522
+ closed: () => any;
523
+ cleared: () => any;
524
+ "flow-step": (step: number) => any;
525
+ "update-month-year": (value: {
526
+ instance: number;
527
+ month: number;
528
+ year: number;
529
+ }) => any;
530
+ "invalid-select": () => any;
531
+ "invalid-fixed-range": (date: Date) => any;
532
+ "invalid-date": (date: Date) => any;
533
+ "tooltip-open": (marker: import('@vuepic/vue-datepicker').Marker) => any;
534
+ "tooltip-close": (marker: import('@vuepic/vue-datepicker').Marker) => any;
535
+ "am-pm-change": (value: import('@vuepic/vue-datepicker').Hour12) => any;
536
+ "range-start": (date: Date) => any;
537
+ "range-end": (date: Date) => any;
538
+ "date-click": (date: Date) => any;
539
+ "overlay-toggle": (toggle: {
540
+ open: boolean;
541
+ overlay: import('@vuepic/vue-datepicker').PickerSection;
542
+ }) => any;
543
+ }, string, {
544
+ timePicker: boolean;
545
+ dark: boolean;
546
+ transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>;
547
+ hideNavigation: import('@vuepic/vue-datepicker').PickerSection[];
548
+ vertical: boolean;
549
+ hideMonthYearSelect: boolean;
550
+ disableYearSelect: boolean;
551
+ yearRange: [number, number];
552
+ autoApply: boolean;
553
+ disabledDates: Date[] | string[] | ((date: Date) => boolean);
554
+ hideOffsetDates: boolean;
555
+ noToday: boolean;
556
+ markers: import('@vuepic/vue-datepicker').Marker[];
557
+ presetDates: import('@vuepic/vue-datepicker').PresetDate[];
558
+ preventMinMaxNavigation: boolean;
559
+ reverseYears: boolean;
560
+ weekPicker: boolean;
561
+ arrowNavigation: boolean;
562
+ centered: boolean;
563
+ locale: Locale;
564
+ weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart;
565
+ monthPicker: boolean;
566
+ yearPicker: boolean;
567
+ modelAuto: boolean;
568
+ multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>;
569
+ range: boolean | Partial<RangeConfig>;
570
+ inline: boolean | {
571
+ input
572
+ /**
573
+ * ------------------------------------------------
574
+ * # Import: Dependencies
575
+ * ------------------------------------------------
576
+ */
577
+ ?: boolean;
578
+ };
579
+ sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode;
580
+ focusStartDate: boolean;
581
+ quarterPicker: boolean;
582
+ yearFirst: boolean;
583
+ loading: boolean;
584
+ ui: Partial<UIConfig>;
585
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
586
+ beforeCreate?: (() => void) | (() => void)[];
587
+ created?: (() => void) | (() => void)[];
588
+ beforeMount?: (() => void) | (() => void)[];
589
+ mounted?: (() => void) | (() => void)[];
590
+ beforeUpdate?: (() => void) | (() => void)[];
591
+ updated?: (() => void) | (() => void)[];
592
+ activated?: (() => void) | (() => void)[];
593
+ deactivated?: (() => void) | (() => void)[];
594
+ beforeDestroy?: (() => void) | (() => void)[];
595
+ beforeUnmount?: (() => void) | (() => void)[];
596
+ destroyed?: (() => void) | (() => void)[];
597
+ unmounted?: (() => void) | (() => void)[];
598
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
599
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
600
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
601
+ };
602
+ $forceUpdate: () => void;
603
+ $nextTick: typeof nextTick;
604
+ $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;
605
+ } & Readonly<{
606
+ timePicker: boolean;
607
+ dark: boolean;
608
+ transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>;
609
+ hideNavigation: import('@vuepic/vue-datepicker').PickerSection[];
610
+ vertical: boolean;
611
+ hideMonthYearSelect: boolean;
612
+ disableYearSelect: boolean;
613
+ yearRange: [number, number];
614
+ autoApply: boolean;
615
+ disabledDates: Date[] | string[] | ((date: Date) => boolean);
616
+ hideOffsetDates: boolean;
617
+ noToday: boolean;
618
+ markers: import('@vuepic/vue-datepicker').Marker[];
619
+ presetDates: import('@vuepic/vue-datepicker').PresetDate[];
620
+ preventMinMaxNavigation: boolean;
621
+ reverseYears: boolean;
622
+ weekPicker: boolean;
623
+ arrowNavigation: boolean;
624
+ centered: boolean;
625
+ locale: Locale;
626
+ weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart;
627
+ monthPicker: boolean;
628
+ yearPicker: boolean;
629
+ modelAuto: boolean;
630
+ multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>;
631
+ range: boolean | Partial<RangeConfig>;
632
+ inline: boolean | {
633
+ input
634
+ /**
635
+ * ------------------------------------------------
636
+ * # Import: Dependencies
637
+ * ------------------------------------------------
638
+ */
639
+ ?: boolean;
640
+ };
641
+ sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode;
642
+ focusStartDate: boolean;
643
+ quarterPicker: boolean;
644
+ yearFirst: boolean;
645
+ loading: boolean;
646
+ ui: Partial<UIConfig>;
647
+ }> & Omit<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{
648
+ onBlur?: (() => any) | undefined;
649
+ onFocus?: (() => any) | undefined;
650
+ onInvalid?: ((event: Event) => any) | undefined;
651
+ onOpen?: (() => any) | undefined;
652
+ "onUpdate:model-value"?: ((value: any) => any) | undefined;
653
+ "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined;
654
+ "onText-submit"?: (() => any) | undefined;
655
+ "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined;
656
+ onClosed?: (() => any) | undefined;
657
+ onCleared?: (() => any) | undefined;
658
+ "onFlow-step"?: ((step: number) => any) | undefined;
659
+ "onUpdate-month-year"?: ((value: {
660
+ instance: number;
661
+ month: number;
662
+ year: number;
663
+ }) => any) | undefined;
664
+ "onInvalid-select"?: (() => any) | undefined;
665
+ "onInvalid-fixed-range"?: ((date: Date) => any) | undefined;
666
+ "onInvalid-date"?: ((date: Date) => any) | undefined;
667
+ "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
668
+ "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
669
+ "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined;
670
+ "onRange-start"?: ((date: Date) => any) | undefined;
671
+ "onRange-end"?: ((date: Date) => any) | undefined;
672
+ "onDate-click"?: ((date: Date) => any) | undefined;
673
+ "onOverlay-toggle"?: ((toggle: {
674
+ open: boolean;
675
+ overlay: import('@vuepic/vue-datepicker').PickerSection;
676
+ }) => any) | undefined;
677
+ }>, "dark" | "loading" | "range" | "disableYearSelect" | "centered" | "ui" | "locale" | "transitions" | "hideNavigation" | "vertical" | "hideMonthYearSelect" | "yearRange" | "autoApply" | "disabledDates" | "hideOffsetDates" | "noToday" | "markers" | "presetDates" | "preventMinMaxNavigation" | "reverseYears" | "weekPicker" | "arrowNavigation" | "weekStart" | "monthPicker" | "yearPicker" | "modelAuto" | "multiDates" | "timePicker" | "inline" | "sixWeeks" | "focusStartDate" | "quarterPicker" | "yearFirst" | "openMenu" | "closeMenu" | "selectDate" | "clearValue" | "formatInputValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "switchView" | "handleFlow" | "toggleMenu" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & {
678
+ openMenu: () => void;
679
+ closeMenu: () => void;
680
+ selectDate: () => void;
681
+ clearValue: () => void;
682
+ formatInputValue: () => void;
683
+ updateInternalModelValue: (value: Date | Date[]) => void;
684
+ setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance
685
+ /**
686
+ * ------------------------------------------------
687
+ * # Import: Dependencies
688
+ * ------------------------------------------------
689
+ */
690
+ ?: number) => void;
691
+ parseModel: () => void;
692
+ switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance
693
+ /**
694
+ * ------------------------------------------------
695
+ * # Import: Dependencies
696
+ * ------------------------------------------------
697
+ */
698
+ ?: number) => void;
699
+ handleFlow: () => void;
700
+ toggleMenu: () => void;
701
+ dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>;
702
+ dpWrapMenuRef: () => any;
703
+ inputRef: () => any;
704
+ } & {} & import('vue').ComponentCustomProperties & {} & {
705
+ $slots: Readonly<import('@vuepic/vue-datepicker').RootSlots> & import('@vuepic/vue-datepicker').RootSlots;
706
+ }) | null;
707
+ }, HTMLDivElement>;
73
708
  export default _default;