@vonage/vivid 4.21.1 → 4.23.0

package/lib/date-picker/date-picker.d.ts

@@ -15,8 +15,8 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -58,20 +58,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -87,6 +87,11 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick: (() => void) & (() => void);
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -403,9 +408,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -460,20 +466,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -488,6 +494,11 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onPickerButtonClick(): void;
     _onOkClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -804,9 +815,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -848,8 +860,8 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _currentDate: string;
     _currentMonth: import("../shared/datetime/month").Month;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -895,20 +907,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -924,6 +936,11 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1240,9 +1257,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -1281,8 +1299,8 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -1328,20 +1346,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -1357,6 +1375,11 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1673,9 +1696,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;

package/lib/date-range-picker/date-range-picker.d.ts

@@ -12,8 +12,8 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _currentDate: string;
     _currentMonth: import("../shared/datetime/month").Month;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -59,20 +59,20 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -88,6 +88,11 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -404,9 +409,10 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -445,8 +451,8 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -492,20 +498,20 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -521,6 +527,11 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -837,9 +848,10 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;

package/lib/date-time-picker/date-time-picker.d.ts

@@ -12,12 +12,12 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     readonly _displaySeconds: boolean;
     readonly _use12hClock: boolean;
     readonly _timePlaceholder: string;
-    "__#20@#clockChangeHandler": {
+    "__#19@#clockChangeHandler": {
         handleChange: () => void;
     };
-    "__#20@#clockChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#20@#startObservingClockChanges"(): void;
-    "__#20@#stopObservingClockChanges"(): void;
+    "__#19@#clockChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#19@#startObservingClockChanges"(): void;
+    "__#19@#stopObservingClockChanges"(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     _onPickerButtonClick(): void;
@@ -40,20 +40,20 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _textFieldEl: import("..").VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import("..").VwcButtonElement;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -67,6 +67,11 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     readonly _pickerButtonIcon: string;
     _onOkClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -383,9 +388,10 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -430,8 +436,8 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -473,20 +479,20 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -502,6 +508,11 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick: (() => void) & (() => void);
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -818,9 +829,10 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -875,20 +887,20 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -903,6 +915,11 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onPickerButtonClick(): void;
     _onOkClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1219,9 +1236,10 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -1259,8 +1277,8 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../shared/datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -1306,20 +1324,20 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -1335,6 +1353,11 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    specialHandling: boolean;
+    _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
+    readonly $fastController: import("@microsoft/fast-element").Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1651,9 +1674,10 @@ declare const DateTimePicker_base: (abstract new (...args: any[]) => {
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../shared/localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;