@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
18 lines • 1.53 kB
TypeScript
/// <reference types="react" />
import { GridProps } from './interfaces';
/**
* Calendar grid supports two mechanisms of keyboard navigation:
* - Native screen-reader table navigation (semantic table markup);
* - Keyboard arrow-keys navigation (a custom key-down handler).
*
* The implementation largely follows the w3 example (https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog) and shares the following issues:
* - (table navigation) Chrome+VO - weekday is announced twice when navigating to the calendar's header;
* - (table navigation) Safari+VO - "dimmed" state is announced twice;
* - (table navigation) Firefox/Chrome+NVDA - cannot use table navigation if any cell has a focus;
* - (keyboard navigation) Firefox+NVDA - every day is announced as "not selected";
* - (keyboard navigation) Safari/Chrome+VO - weekdays are not announced;
* - (keyboard navigation) Safari/Chrome+VO - days are not announced as interactive (clickable or selectable);
* - (keyboard navigation) Safari/Chrome+VO - day announcements are not interruptive and can be missed if navigating fast.
*/
export declare function Grid({ padDates, baseDate, selectedStartDate, selectedEndDate, rangeStartDate, rangeEndDate, focusedDate, focusedDateRef, onSelectDate, onGridKeyDownHandler, onFocusedDateChange, isDateEnabled, dateDisabledReason, locale, todayAriaLabel, currentMonthAriaLabel, ariaLabelledby, className, startOfWeek: rawStartOfWeek, granularity, }: GridProps): JSX.Element;
//# sourceMappingURL=grid.d.ts.map