@bethinkpl/design-system 26.14.0 → 26.14.2

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.
Files changed (37) hide show
  1. package/.github/workflows/build-dist-on-trigger.yml +19 -3
  2. package/dist/design-system.umd.cjs +15 -15
  3. package/dist/design-system.umd.cjs.map +1 -1
  4. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.composables.d.ts +4 -1
  5. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +535 -8
  6. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +6 -2
  7. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -1
  8. package/docs/assets/{BasicRichListItem-CEiYZukO.js → BasicRichListItem-B1E5DYkk.js} +1 -1
  9. package/docs/assets/{BasicRichListItem.stories-ePDSld8d.js → BasicRichListItem.stories-D3ZlEF1v.js} +1 -1
  10. package/docs/assets/{Color-ERTF36HU-CUHUHSmH.js → Color-ERTF36HU-ojyWSIYl.js} +1 -1
  11. package/docs/assets/{DateBox.stories-BP1Z4i2_.js → DateBox.stories-20DXKTY7.js} +1 -1
  12. package/docs/assets/DatePicker-C7cFT9b-.js +2 -0
  13. package/docs/assets/{DatePicker.stories-AUPbbqFP.js → DatePicker.stories-DDTo9Sqz.js} +2 -2
  14. package/docs/assets/DateRangePicker-UzTV3CI5.js +1 -0
  15. package/docs/assets/{DateRangePicker.stories-BQFhc4cw.js → DateRangePicker.stories-UO39Me0h.js} +1 -1
  16. package/docs/assets/{DocsRenderer-CFRXHY34-BTRR5RRG.js → DocsRenderer-CFRXHY34-CXWz8i_c.js} +5 -5
  17. package/docs/assets/{GroupRichListItem-8v8vJXgH.js → GroupRichListItem-onOADtuh.js} +1 -1
  18. package/docs/assets/{GroupRichListItem.stories-KjZ2JDho.js → GroupRichListItem.stories-BXIoUT_x.js} +1 -1
  19. package/docs/assets/{RichListItem.stories-C7rIgxO4.js → RichListItem.stories-BljlBlCr.js} +1 -1
  20. package/docs/assets/{SelectionTile-D9A_Tf3q.js → SelectionTile-DTFNomSh.js} +1 -1
  21. package/docs/assets/{SelectionTile.stories-aEkis98r.js → SelectionTile.stories-Dy-SD0ba.js} +1 -1
  22. package/docs/assets/{iframe-BmaPoam5.js → iframe-Bp0Qg1rC.js} +5 -5
  23. package/docs/assets/{index-z7xpE_Pa.js → index-DD7sagXV.js} +1 -1
  24. package/docs/assets/{index-g_7p32Ii.js → index-DYIFlNCs.js} +1 -1
  25. package/docs/assets/{preview-DqmV_9DV.js → preview-Bq1TajdW.js} +1 -1
  26. package/docs/assets/{preview-Ds_xi8UF.js → preview-DQNre2-F.js} +2 -2
  27. package/docs/iframe.html +1 -1
  28. package/docs/project.json +1 -1
  29. package/lib/js/components/DatePickers/DatePicker/DatePicker.composables.ts +30 -12
  30. package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +5 -5
  31. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +38 -26
  32. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.stories.ts +3 -3
  33. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +26 -24
  34. package/lib/js/components/RichList/RichListItem/RichListItem.vue +20 -17
  35. package/package.json +1 -1
  36. package/docs/assets/DatePicker-Bc1APlab.js +0 -2
  37. package/docs/assets/DateRangePicker-CNuyzpfG.js +0 -1
@@ -14,14 +14,17 @@ export interface DatePickerComposablesProps {
14
14
  interface InitFlatpickrPrams {
15
15
  props: DatePickerComposablesProps;
16
16
  onChange: (dates: Array<Date>) => void;
17
+ onClose: () => void;
17
18
  defaultDates: Date | Array<Date>;
18
19
  mode: 'single' | 'range';
19
20
  }
20
21
  interface InitFlatpickr {
21
22
  datePicker: DatePickerInstance | null;
22
23
  createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<DatePickerInstance | undefined>;
24
+ destroyDatePicker: () => void;
25
+ updateDatePicker: () => void;
23
26
  isOpen: Ref<boolean>;
24
27
  toggle: () => void;
25
28
  }
26
- export declare function initFlatpickr({ props, onChange, defaultDates, mode, }: InitFlatpickrPrams): InitFlatpickr;
29
+ export declare function initFlatpickr({ props, onChange, onClose, defaultDates, mode, }: InitFlatpickrPrams): InitFlatpickr;
27
30
  export {};
@@ -1,4 +1,6 @@
1
1
  import { PropType, Ref } from 'vue';
2
+ import { Instance as DatePickerInstance } from 'flatpickr/dist/types/instance';
3
+ import { TileColors, TileStates } from '../../Tile';
2
4
  import { DatePickerCalendarPositions, DatePickerColors, DatePickerStates } from './DatePicker.consts';
3
5
 
4
6
  declare const _default: import('vue').DefineComponent<{
@@ -13,11 +15,535 @@ declare const _default: import('vue').DefineComponent<{
13
15
  state: DatePickerStates;
14
16
  updatePositionBasedOnScrollableSelector: string;
15
17
  }, {
18
+ flatpickrInstance: Ref<{
19
+ element: HTMLElement;
20
+ input: HTMLInputElement;
21
+ altInput?: HTMLInputElement | undefined;
22
+ _input: HTMLInputElement;
23
+ mobileInput?: HTMLInputElement | undefined;
24
+ mobileFormatStr?: string | undefined;
25
+ selectedDateElem?: import('flatpickr/dist/types/instance').DayElement | undefined;
26
+ todayDateElem?: import('flatpickr/dist/types/instance').DayElement | undefined;
27
+ _positionElement: HTMLElement;
28
+ weekdayContainer: HTMLDivElement;
29
+ calendarContainer: HTMLDivElement;
30
+ innerContainer?: HTMLDivElement | undefined;
31
+ rContainer?: HTMLDivElement | undefined;
32
+ daysContainer?: HTMLDivElement | undefined;
33
+ days: HTMLDivElement;
34
+ weekWrapper?: HTMLDivElement | undefined;
35
+ weekNumbers?: HTMLDivElement | undefined;
36
+ monthNav: HTMLDivElement;
37
+ monthsDropdownContainer: HTMLSelectElement;
38
+ yearElements: HTMLInputElement[];
39
+ monthElements: HTMLSpanElement[];
40
+ currentYearElement: HTMLInputElement;
41
+ currentMonthElement: HTMLSpanElement;
42
+ _hidePrevMonthArrow: boolean;
43
+ _hideNextMonthArrow: boolean;
44
+ prevMonthNav: HTMLElement;
45
+ nextMonthNav: HTMLElement;
46
+ timeContainer?: HTMLDivElement | undefined;
47
+ hourElement?: HTMLInputElement | undefined;
48
+ minuteElement?: HTMLInputElement | undefined;
49
+ secondElement?: HTMLInputElement | undefined;
50
+ amPM?: HTMLSpanElement | undefined;
51
+ pluginElements: Node[];
52
+ revFormat: import('flatpickr/dist/utils/formatting').RevFormat;
53
+ formats: {
54
+ D: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
55
+ M: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
56
+ i: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
57
+ s: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
58
+ u: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
59
+ w: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
60
+ l: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
61
+ h: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
62
+ j: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
63
+ n: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
64
+ y: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
65
+ m: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
66
+ d: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
67
+ S: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
68
+ F: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
69
+ G: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
70
+ H: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
71
+ J: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
72
+ K: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
73
+ U: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
74
+ W: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
75
+ Y: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
76
+ Z: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
77
+ };
78
+ tokenRegex: {
79
+ D: string;
80
+ M: string;
81
+ i: string;
82
+ s: string;
83
+ u: string;
84
+ w: string;
85
+ l: string;
86
+ h: string;
87
+ j: string;
88
+ n: string;
89
+ y: string;
90
+ m: string;
91
+ d: string;
92
+ S: string;
93
+ F: string;
94
+ G: string;
95
+ H: string;
96
+ J: string;
97
+ K: string;
98
+ U: string;
99
+ W: string;
100
+ Y: string;
101
+ Z: string;
102
+ };
103
+ minRangeDate?: Date | undefined;
104
+ maxRangeDate?: Date | undefined;
105
+ now: Date;
106
+ latestSelectedDateObj?: Date | undefined;
107
+ _selectedDateObj?: Date | undefined;
108
+ selectedDates: Date[];
109
+ _initialDate: Date;
110
+ config: {
111
+ _disable: (Date | ((date: Date) => boolean) | {
112
+ from: Date;
113
+ to: Date;
114
+ })[];
115
+ _enable?: (Date | ((date: Date) => boolean) | {
116
+ from: Date;
117
+ to: Date;
118
+ })[] | undefined;
119
+ _maxDate?: Date | undefined;
120
+ _maxTime?: Date | undefined;
121
+ _minDate?: Date | undefined;
122
+ _minTime?: Date | undefined;
123
+ allowInput: boolean;
124
+ allowInvalidPreload: boolean;
125
+ altFormat: string;
126
+ altInput: boolean;
127
+ altInputClass: string;
128
+ animate: boolean;
129
+ appendTo?: HTMLElement | undefined;
130
+ ariaDateFormat: string;
131
+ autoFillDefaultTime: boolean;
132
+ clickOpens: boolean;
133
+ closeOnSelect: boolean;
134
+ conjunction: string;
135
+ dateFormat: string;
136
+ defaultDate?: (Date | Date[]) | undefined;
137
+ defaultHour: number;
138
+ defaultMinute: number;
139
+ defaultSeconds: number;
140
+ disable: (Date | ((date: Date) => boolean) | {
141
+ from: Date;
142
+ to: Date;
143
+ })[];
144
+ disableMobile: boolean;
145
+ enable?: (Date | ((date: Date) => boolean) | {
146
+ from: Date;
147
+ to: Date;
148
+ })[] | undefined;
149
+ enableSeconds: boolean;
150
+ enableTime: boolean;
151
+ errorHandler: (err: Error) => void;
152
+ formatDate?: ((date: Date, format: string, locale: import('flatpickr/dist/types/locale').Locale) => string) | undefined;
153
+ getWeek: (date: Date) => string | number;
154
+ hourIncrement: number;
155
+ ignoredFocusElements: HTMLElement[];
156
+ inline: boolean;
157
+ locale: import('flatpickr/dist/types/locale').key | {
158
+ ordinal?: import('flatpickr/dist/types/locale').Locale["ordinal"] | undefined;
159
+ daysInMonth?: import('flatpickr/dist/types/locale').Locale["daysInMonth"] | undefined;
160
+ firstDayOfWeek?: import('flatpickr/dist/types/locale').Locale["firstDayOfWeek"] | undefined;
161
+ rangeSeparator?: import('flatpickr/dist/types/locale').Locale["rangeSeparator"] | undefined;
162
+ weekAbbreviation?: import('flatpickr/dist/types/locale').Locale["weekAbbreviation"] | undefined;
163
+ toggleTitle?: import('flatpickr/dist/types/locale').Locale["toggleTitle"] | undefined;
164
+ scrollTitle?: import('flatpickr/dist/types/locale').Locale["scrollTitle"] | undefined;
165
+ yearAriaLabel?: string | undefined;
166
+ monthAriaLabel?: string | undefined;
167
+ hourAriaLabel?: string | undefined;
168
+ minuteAriaLabel?: string | undefined;
169
+ amPM?: import('flatpickr/dist/types/locale').Locale["amPM"] | undefined;
170
+ time_24hr?: import('flatpickr/dist/types/locale').Locale["time_24hr"] | undefined;
171
+ weekdays: {
172
+ shorthand: [string, string, string, string, string, string, string];
173
+ longhand: [string, string, string, string, string, string, string];
174
+ };
175
+ months: {
176
+ shorthand: [string, string, string, string, string, string, string, string, string, string, string, string];
177
+ longhand: [string, string, string, string, string, string, string, string, string, string, string, string];
178
+ };
179
+ };
180
+ maxDate?: Date | undefined;
181
+ maxTime?: Date | undefined;
182
+ minDate?: Date | undefined;
183
+ minTime?: Date | undefined;
184
+ minuteIncrement: number;
185
+ mode: import('flatpickr/dist/types/options').BaseOptions["mode"];
186
+ monthSelectorType: string;
187
+ nextArrow: string;
188
+ noCalendar: boolean;
189
+ now: Date;
190
+ onChange: import('flatpickr/dist/types/options').Hook[];
191
+ onClose: import('flatpickr/dist/types/options').Hook[];
192
+ onDayCreate: import('flatpickr/dist/types/options').Hook[];
193
+ onDestroy: import('flatpickr/dist/types/options').Hook[];
194
+ onKeyDown: import('flatpickr/dist/types/options').Hook[];
195
+ onMonthChange: import('flatpickr/dist/types/options').Hook[];
196
+ onOpen: import('flatpickr/dist/types/options').Hook[];
197
+ onParseConfig: import('flatpickr/dist/types/options').Hook[];
198
+ onReady: import('flatpickr/dist/types/options').Hook[];
199
+ onValueUpdate: import('flatpickr/dist/types/options').Hook[];
200
+ onYearChange: import('flatpickr/dist/types/options').Hook[];
201
+ onPreCalendarPosition: import('flatpickr/dist/types/options').Hook[];
202
+ parseDate?: import('flatpickr/dist/types/options').BaseOptions["parseDate"] | undefined;
203
+ plugins: import('flatpickr/dist/types/options').Plugin[];
204
+ position: import('flatpickr/dist/types/options').BaseOptions["position"];
205
+ positionElement?: HTMLElement | undefined;
206
+ prevArrow: string;
207
+ shorthandCurrentMonth: boolean;
208
+ showMonths: number;
209
+ static: boolean;
210
+ time_24hr: boolean;
211
+ weekNumbers: boolean;
212
+ wrap: boolean;
213
+ };
214
+ loadedPlugins: string[];
215
+ l10n: {
216
+ weekdays: {
217
+ shorthand: [string, string, string, string, string, string, string];
218
+ longhand: [string, string, string, string, string, string, string];
219
+ };
220
+ months: {
221
+ shorthand: [string, string, string, string, string, string, string, string, string, string, string, string];
222
+ longhand: [string, string, string, string, string, string, string, string, string, string, string, string];
223
+ };
224
+ daysInMonth: [number, number, number, number, number, number, number, number, number, number, number, number];
225
+ firstDayOfWeek: number;
226
+ ordinal: (nth: number) => string;
227
+ rangeSeparator: string;
228
+ weekAbbreviation: string;
229
+ scrollTitle: string;
230
+ toggleTitle: string;
231
+ amPM: [string, string];
232
+ yearAriaLabel: string;
233
+ monthAriaLabel: string;
234
+ hourAriaLabel: string;
235
+ minuteAriaLabel: string;
236
+ time_24hr: boolean;
237
+ };
238
+ currentYear: number;
239
+ currentMonth: number;
240
+ isOpen: boolean;
241
+ isMobile: boolean;
242
+ minDateHasTime: boolean;
243
+ maxDateHasTime: boolean;
244
+ changeMonth: (value: number, isOffset?: boolean, fromKeyboard?: boolean) => void;
245
+ changeYear: (year: number) => void;
246
+ clear: (emitChangeEvent?: boolean, toInitial?: boolean) => void;
247
+ close: () => void;
248
+ destroy: () => void;
249
+ isEnabled: (date: import('flatpickr/dist/types/options').DateOption, timeless?: boolean) => boolean;
250
+ jumpToDate: (date?: import('flatpickr/dist/types/options').DateOption, triggerChange?: boolean) => void;
251
+ updateValue: (triggerChange?: boolean) => void;
252
+ onMouseOver: (elem?: import('flatpickr/dist/types/instance').DayElement, cellClass?: string) => void;
253
+ open: (e?: FocusEvent | MouseEvent, positionElement?: HTMLElement) => void;
254
+ redraw: () => void;
255
+ set: (option: keyof import('flatpickr/dist/types/options').Options | { [k in keyof import('flatpickr/dist/types/options').Options]?: import('flatpickr/dist/types/options').Options[k]; }, value?: any) => void;
256
+ setDate: (date: import('flatpickr/dist/types/options').DateOption | import('flatpickr/dist/types/options').DateOption[], triggerChange?: boolean, format?: string) => void;
257
+ toggle: () => void;
258
+ pad: (num: string | number) => string;
259
+ parseDate: (date: Date | string | number, givenFormat?: string, timeless?: boolean) => Date | undefined;
260
+ formatDate: (dateObj: Date, frmt: string) => string;
261
+ _handlers: {
262
+ remove: () => void;
263
+ }[];
264
+ _bind: <E extends Element | Window | Document>(element: E | E[], event: string | string[], handler: (e?: any) => void, options?: {
265
+ capture?: boolean;
266
+ once?: boolean;
267
+ passive?: boolean;
268
+ }) => void;
269
+ _createElement: <E extends HTMLElement>(tag: keyof HTMLElementTagNameMap, className: string, content?: string) => E;
270
+ createDay: (className: string, date: Date, dayNumber: number, i: number) => import('flatpickr/dist/types/instance').DayElement;
271
+ _setHoursFromDate: (date: Date) => void;
272
+ _debouncedChange: () => void;
273
+ __hideNextMonthArrow: boolean;
274
+ __hidePrevMonthArrow: boolean;
275
+ _positionCalendar: (customPositionElement?: HTMLElement) => void;
276
+ utils: {
277
+ getDaysInMonth: (month?: number, year?: number) => number;
278
+ };
279
+ } | null, DatePickerInstance | {
280
+ element: HTMLElement;
281
+ input: HTMLInputElement;
282
+ altInput?: HTMLInputElement | undefined;
283
+ _input: HTMLInputElement;
284
+ mobileInput?: HTMLInputElement | undefined;
285
+ mobileFormatStr?: string | undefined;
286
+ selectedDateElem?: import('flatpickr/dist/types/instance').DayElement | undefined;
287
+ todayDateElem?: import('flatpickr/dist/types/instance').DayElement | undefined;
288
+ _positionElement: HTMLElement;
289
+ weekdayContainer: HTMLDivElement;
290
+ calendarContainer: HTMLDivElement;
291
+ innerContainer?: HTMLDivElement | undefined;
292
+ rContainer?: HTMLDivElement | undefined;
293
+ daysContainer?: HTMLDivElement | undefined;
294
+ days: HTMLDivElement;
295
+ weekWrapper?: HTMLDivElement | undefined;
296
+ weekNumbers?: HTMLDivElement | undefined;
297
+ monthNav: HTMLDivElement;
298
+ monthsDropdownContainer: HTMLSelectElement;
299
+ yearElements: HTMLInputElement[];
300
+ monthElements: HTMLSpanElement[];
301
+ currentYearElement: HTMLInputElement;
302
+ currentMonthElement: HTMLSpanElement;
303
+ _hidePrevMonthArrow: boolean;
304
+ _hideNextMonthArrow: boolean;
305
+ prevMonthNav: HTMLElement;
306
+ nextMonthNav: HTMLElement;
307
+ timeContainer?: HTMLDivElement | undefined;
308
+ hourElement?: HTMLInputElement | undefined;
309
+ minuteElement?: HTMLInputElement | undefined;
310
+ secondElement?: HTMLInputElement | undefined;
311
+ amPM?: HTMLSpanElement | undefined;
312
+ pluginElements: Node[];
313
+ revFormat: import('flatpickr/dist/utils/formatting').RevFormat;
314
+ formats: {
315
+ D: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
316
+ M: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
317
+ i: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
318
+ s: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
319
+ u: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
320
+ w: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
321
+ l: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
322
+ h: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
323
+ j: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
324
+ n: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
325
+ y: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
326
+ m: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
327
+ d: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
328
+ S: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
329
+ F: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
330
+ G: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
331
+ H: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
332
+ J: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
333
+ K: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
334
+ U: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
335
+ W: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
336
+ Y: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
337
+ Z: (date: Date, locale: import('flatpickr/dist/types/locale').Locale, options: import('flatpickr/dist/types/options').ParsedOptions) => string | number;
338
+ };
339
+ tokenRegex: {
340
+ D: string;
341
+ M: string;
342
+ i: string;
343
+ s: string;
344
+ u: string;
345
+ w: string;
346
+ l: string;
347
+ h: string;
348
+ j: string;
349
+ n: string;
350
+ y: string;
351
+ m: string;
352
+ d: string;
353
+ S: string;
354
+ F: string;
355
+ G: string;
356
+ H: string;
357
+ J: string;
358
+ K: string;
359
+ U: string;
360
+ W: string;
361
+ Y: string;
362
+ Z: string;
363
+ };
364
+ minRangeDate?: Date | undefined;
365
+ maxRangeDate?: Date | undefined;
366
+ now: Date;
367
+ latestSelectedDateObj?: Date | undefined;
368
+ _selectedDateObj?: Date | undefined;
369
+ selectedDates: Date[];
370
+ _initialDate: Date;
371
+ config: {
372
+ _disable: (Date | ((date: Date) => boolean) | {
373
+ from: Date;
374
+ to: Date;
375
+ })[];
376
+ _enable?: (Date | ((date: Date) => boolean) | {
377
+ from: Date;
378
+ to: Date;
379
+ })[] | undefined;
380
+ _maxDate?: Date | undefined;
381
+ _maxTime?: Date | undefined;
382
+ _minDate?: Date | undefined;
383
+ _minTime?: Date | undefined;
384
+ allowInput: boolean;
385
+ allowInvalidPreload: boolean;
386
+ altFormat: string;
387
+ altInput: boolean;
388
+ altInputClass: string;
389
+ animate: boolean;
390
+ appendTo?: HTMLElement | undefined;
391
+ ariaDateFormat: string;
392
+ autoFillDefaultTime: boolean;
393
+ clickOpens: boolean;
394
+ closeOnSelect: boolean;
395
+ conjunction: string;
396
+ dateFormat: string;
397
+ defaultDate?: (Date | Date[]) | undefined;
398
+ defaultHour: number;
399
+ defaultMinute: number;
400
+ defaultSeconds: number;
401
+ disable: (Date | ((date: Date) => boolean) | {
402
+ from: Date;
403
+ to: Date;
404
+ })[];
405
+ disableMobile: boolean;
406
+ enable?: (Date | ((date: Date) => boolean) | {
407
+ from: Date;
408
+ to: Date;
409
+ })[] | undefined;
410
+ enableSeconds: boolean;
411
+ enableTime: boolean;
412
+ errorHandler: (err: Error) => void;
413
+ formatDate?: ((date: Date, format: string, locale: import('flatpickr/dist/types/locale').Locale) => string) | undefined;
414
+ getWeek: (date: Date) => string | number;
415
+ hourIncrement: number;
416
+ ignoredFocusElements: HTMLElement[];
417
+ inline: boolean;
418
+ locale: import('flatpickr/dist/types/locale').key | {
419
+ ordinal?: import('flatpickr/dist/types/locale').Locale["ordinal"] | undefined;
420
+ daysInMonth?: import('flatpickr/dist/types/locale').Locale["daysInMonth"] | undefined;
421
+ firstDayOfWeek?: import('flatpickr/dist/types/locale').Locale["firstDayOfWeek"] | undefined;
422
+ rangeSeparator?: import('flatpickr/dist/types/locale').Locale["rangeSeparator"] | undefined;
423
+ weekAbbreviation?: import('flatpickr/dist/types/locale').Locale["weekAbbreviation"] | undefined;
424
+ toggleTitle?: import('flatpickr/dist/types/locale').Locale["toggleTitle"] | undefined;
425
+ scrollTitle?: import('flatpickr/dist/types/locale').Locale["scrollTitle"] | undefined;
426
+ yearAriaLabel?: string | undefined;
427
+ monthAriaLabel?: string | undefined;
428
+ hourAriaLabel?: string | undefined;
429
+ minuteAriaLabel?: string | undefined;
430
+ amPM?: import('flatpickr/dist/types/locale').Locale["amPM"] | undefined;
431
+ time_24hr?: import('flatpickr/dist/types/locale').Locale["time_24hr"] | undefined;
432
+ weekdays: {
433
+ shorthand: [string, string, string, string, string, string, string];
434
+ longhand: [string, string, string, string, string, string, string];
435
+ };
436
+ months: {
437
+ shorthand: [string, string, string, string, string, string, string, string, string, string, string, string];
438
+ longhand: [string, string, string, string, string, string, string, string, string, string, string, string];
439
+ };
440
+ };
441
+ maxDate?: Date | undefined;
442
+ maxTime?: Date | undefined;
443
+ minDate?: Date | undefined;
444
+ minTime?: Date | undefined;
445
+ minuteIncrement: number;
446
+ mode: import('flatpickr/dist/types/options').BaseOptions["mode"];
447
+ monthSelectorType: string;
448
+ nextArrow: string;
449
+ noCalendar: boolean;
450
+ now: Date;
451
+ onChange: import('flatpickr/dist/types/options').Hook[];
452
+ onClose: import('flatpickr/dist/types/options').Hook[];
453
+ onDayCreate: import('flatpickr/dist/types/options').Hook[];
454
+ onDestroy: import('flatpickr/dist/types/options').Hook[];
455
+ onKeyDown: import('flatpickr/dist/types/options').Hook[];
456
+ onMonthChange: import('flatpickr/dist/types/options').Hook[];
457
+ onOpen: import('flatpickr/dist/types/options').Hook[];
458
+ onParseConfig: import('flatpickr/dist/types/options').Hook[];
459
+ onReady: import('flatpickr/dist/types/options').Hook[];
460
+ onValueUpdate: import('flatpickr/dist/types/options').Hook[];
461
+ onYearChange: import('flatpickr/dist/types/options').Hook[];
462
+ onPreCalendarPosition: import('flatpickr/dist/types/options').Hook[];
463
+ parseDate?: import('flatpickr/dist/types/options').BaseOptions["parseDate"] | undefined;
464
+ plugins: import('flatpickr/dist/types/options').Plugin[];
465
+ position: import('flatpickr/dist/types/options').BaseOptions["position"];
466
+ positionElement?: HTMLElement | undefined;
467
+ prevArrow: string;
468
+ shorthandCurrentMonth: boolean;
469
+ showMonths: number;
470
+ static: boolean;
471
+ time_24hr: boolean;
472
+ weekNumbers: boolean;
473
+ wrap: boolean;
474
+ };
475
+ loadedPlugins: string[];
476
+ l10n: {
477
+ weekdays: {
478
+ shorthand: [string, string, string, string, string, string, string];
479
+ longhand: [string, string, string, string, string, string, string];
480
+ };
481
+ months: {
482
+ shorthand: [string, string, string, string, string, string, string, string, string, string, string, string];
483
+ longhand: [string, string, string, string, string, string, string, string, string, string, string, string];
484
+ };
485
+ daysInMonth: [number, number, number, number, number, number, number, number, number, number, number, number];
486
+ firstDayOfWeek: number;
487
+ ordinal: (nth: number) => string;
488
+ rangeSeparator: string;
489
+ weekAbbreviation: string;
490
+ scrollTitle: string;
491
+ toggleTitle: string;
492
+ amPM: [string, string];
493
+ yearAriaLabel: string;
494
+ monthAriaLabel: string;
495
+ hourAriaLabel: string;
496
+ minuteAriaLabel: string;
497
+ time_24hr: boolean;
498
+ };
499
+ currentYear: number;
500
+ currentMonth: number;
501
+ isOpen: boolean;
502
+ isMobile: boolean;
503
+ minDateHasTime: boolean;
504
+ maxDateHasTime: boolean;
505
+ changeMonth: (value: number, isOffset?: boolean, fromKeyboard?: boolean) => void;
506
+ changeYear: (year: number) => void;
507
+ clear: (emitChangeEvent?: boolean, toInitial?: boolean) => void;
508
+ close: () => void;
509
+ destroy: () => void;
510
+ isEnabled: (date: import('flatpickr/dist/types/options').DateOption, timeless?: boolean) => boolean;
511
+ jumpToDate: (date?: import('flatpickr/dist/types/options').DateOption, triggerChange?: boolean) => void;
512
+ updateValue: (triggerChange?: boolean) => void;
513
+ onMouseOver: (elem?: import('flatpickr/dist/types/instance').DayElement, cellClass?: string) => void;
514
+ open: (e?: FocusEvent | MouseEvent, positionElement?: HTMLElement) => void;
515
+ redraw: () => void;
516
+ set: (option: keyof import('flatpickr/dist/types/options').Options | { [k in keyof import('flatpickr/dist/types/options').Options]?: import('flatpickr/dist/types/options').Options[k]; }, value?: any) => void;
517
+ setDate: (date: import('flatpickr/dist/types/options').DateOption | import('flatpickr/dist/types/options').DateOption[], triggerChange?: boolean, format?: string) => void;
518
+ toggle: () => void;
519
+ pad: (num: string | number) => string;
520
+ parseDate: (date: Date | string | number, givenFormat?: string, timeless?: boolean) => Date | undefined;
521
+ formatDate: (dateObj: Date, frmt: string) => string;
522
+ _handlers: {
523
+ remove: () => void;
524
+ }[];
525
+ _bind: <E extends Element | Window | Document>(element: E | E[], event: string | string[], handler: (e?: any) => void, options?: {
526
+ capture?: boolean;
527
+ once?: boolean;
528
+ passive?: boolean;
529
+ }) => void;
530
+ _createElement: <E extends HTMLElement>(tag: keyof HTMLElementTagNameMap, className: string, content?: string) => E;
531
+ createDay: (className: string, date: Date, dayNumber: number, i: number) => import('flatpickr/dist/types/instance').DayElement;
532
+ _setHoursFromDate: (date: Date) => void;
533
+ _debouncedChange: () => void;
534
+ __hideNextMonthArrow: boolean;
535
+ __hidePrevMonthArrow: boolean;
536
+ _positionCalendar: (customPositionElement?: HTMLElement) => void;
537
+ utils: {
538
+ getDaysInMonth: (month?: number, year?: number) => number;
539
+ };
540
+ } | null>;
16
541
  flatpickrInputRef: Ref<HTMLInputElement, HTMLInputElement>;
17
542
  datePickerRef: Ref<HTMLDivElement, HTMLDivElement>;
18
543
  isOpen: Ref<boolean, boolean>;
19
544
  toggleDatePicker: () => void;
20
- createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<import('flatpickr/dist/types/instance').Instance | undefined>;
545
+ updateDatePicker: () => void;
546
+ createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<DatePickerInstance | undefined>;
21
547
  DATE_PICKER_CALENDAR_POSITIONS: Readonly<{
22
548
  TOP: string;
23
549
  TOP_LEFT: string;
@@ -53,7 +579,8 @@ declare const _default: import('vue').DefineComponent<{
53
579
  showErrorMessage(): boolean;
54
580
  showHelpMessage(): boolean;
55
581
  }, {
56
- toggle(): void;
582
+ bindFlatpickrInstance(): Promise<void>;
583
+ toggle(): Promise<void>;
57
584
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
58
585
  'update:date': (date: Date) => true;
59
586
  }, string, import('vue').PublicProps, Readonly<{
@@ -121,7 +648,7 @@ declare const _default: import('vue').DefineComponent<{
121
648
  default: null;
122
649
  };
123
650
  color: {
124
- type: PropType<import('../../Tile').TileColors>;
651
+ type: PropType<TileColors>;
125
652
  default: "neutral";
126
653
  validator(color: any): boolean;
127
654
  };
@@ -130,7 +657,7 @@ declare const _default: import('vue').DefineComponent<{
130
657
  default: boolean;
131
658
  };
132
659
  state: {
133
- type: PropType<import('../../Tile').TileStates>;
660
+ type: PropType<TileStates>;
134
661
  default: "default";
135
662
  validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
136
663
  };
@@ -424,7 +951,7 @@ declare const _default: import('vue').DefineComponent<{
424
951
  default: null;
425
952
  };
426
953
  color: {
427
- type: PropType<import('../../Tile').TileColors>;
954
+ type: PropType<TileColors>;
428
955
  default: "neutral";
429
956
  validator(color: any): boolean;
430
957
  };
@@ -433,7 +960,7 @@ declare const _default: import('vue').DefineComponent<{
433
960
  default: boolean;
434
961
  };
435
962
  state: {
436
- type: PropType<import('../../Tile').TileStates>;
963
+ type: PropType<TileStates>;
437
964
  default: "default";
438
965
  validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
439
966
  };
@@ -455,8 +982,8 @@ declare const _default: import('vue').DefineComponent<{
455
982
  validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
456
983
  };
457
984
  }>> & Readonly<{}>, {
458
- color: import('../../Tile').TileColors;
459
- state: import('../../Tile').TileStates;
985
+ color: TileColors;
986
+ state: TileStates;
460
987
  iconLeft: Record<string, any>;
461
988
  iconRight: Record<string, any>;
462
989
  borderColor: import('../../Tile').TileBorderColors;
@@ -1,3 +1,4 @@
1
+ import { Instance as DatePickerInstance } from 'flatpickr/dist/types/instance';
1
2
  import { PropType, Ref } from 'vue';
2
3
  import { DatePickerCalendarPositions, DatePickerColors, DatePickerStates } from '../DatePicker';
3
4
 
@@ -17,7 +18,9 @@ declare const _default: import('vue').DefineComponent<{
17
18
  flatpickrInputRef: Ref<HTMLInputElement, HTMLInputElement>;
18
19
  isOpen: Ref<boolean, boolean>;
19
20
  toggleDatePicker: () => void;
20
- createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<import('flatpickr/dist/types/instance').Instance | undefined>;
21
+ createDatePicker: (flatpickrInputElement: HTMLInputElement, dateRangePickerRef: HTMLElement, updatePositionBasedOnScrollableSelector: string) => Promise<DatePickerInstance | undefined>;
22
+ destroyDatePicker: () => void;
23
+ updateDatePicker: () => void;
21
24
  DATE_PICKER_CALENDAR_POSITIONS: Readonly<{
22
25
  TOP: string;
23
26
  TOP_LEFT: string;
@@ -42,7 +45,8 @@ declare const _default: import('vue').DefineComponent<{
42
45
  TILE: string;
43
46
  }>;
44
47
  }, {}, {}, {
45
- toggle(): void;
48
+ bindFlatpickrInstance(): Promise<void>;
49
+ toggle(): Promise<void>;
46
50
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
47
51
  'update:date': (value: {
48
52
  startDate: Date;
@@ -1,5 +1,5 @@
1
- import { IconColor, IconItem } from '../../../components/Icons/Icon';
2
1
  import { PropType } from 'vue';
2
+ import { IconColor, IconItem } from '../../../components/Icons/Icon';
3
3
  import { RichListItemBackgroundColor, RichListItemBorderColor, RichListItemElevation, RichListItemLayout, RichListItemSize, RichListItemState, RichListItemType } from './RichListItem.consts';
4
4
 
5
5
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{