/
ai_sampletext
/
DiplomWork
Обзор
Документация
Войти
/
ai_sampletext
/
DiplomWork
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
node_modules/react-day-picker/src/components/Table/Table.tsx
65 строк
2 KB
boolyshareyo
Initial commit
08 июн 2026, 16:00
08 июн 2026, 16:00
6216a29
Код
Авторство
О чём код?
import { Footer } from 'components/Footer'; import { Head } from 'components/Head'; import { Row } from 'components/Row'; import { useDayPicker } from 'contexts/DayPicker'; import { getMonthWeeks } from './utils/getMonthWeeks'; /** The props for the {@link Table} component. */ export interface TableProps { /** ID of table element */ id?: string; /** The ID of the label of the table (the same given to the Caption). */ ['aria-labelledby']?: string; /** The month where the table is displayed. */ displayMonth: Date; } /** Render the table with the calendar. */ export function Table(props: TableProps): JSX.Element { const { locale, classNames, styles, hideHead, fixedWeeks, components, weekStartsOn, firstWeekContainsDate, ISOWeek } = useDayPicker(); const weeks = getMonthWeeks(props.displayMonth, { useFixedWeeks: Boolean(fixedWeeks), ISOWeek, locale, weekStartsOn, firstWeekContainsDate }); const HeadComponent = components?.Head ?? Head; const RowComponent = components?.Row ?? Row; const FooterComponent = components?.Footer ?? Footer; return ( <table id={props.id} className={classNames.table} style={styles.table} role="grid" aria-labelledby={props['aria-labelledby']} > {!hideHead && <HeadComponent />} <tbody className={classNames.tbody} style={styles.tbody}> {weeks.map((week) => ( <RowComponent displayMonth={props.displayMonth} key={week.weekNumber} dates={week.dates} weekNumber={week.weekNumber} /> ))} </tbody> <FooterComponent displayMonth={props.displayMonth} /> </table> ); }