@reactcalendar/components
Advanced tools
| export declare const WEEKDAYS: string[]; | ||
| export declare const MONTHS: string[]; |
| import { Dayjs } from 'dayjs'; | ||
| declare const useClassNames: () => { | ||
| getDayCellClassNames: (className: string, date: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [x: string]: boolean; | ||
| }; | ||
| getMonthCellClassNames: (className: string, _: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [x: string]: boolean; | ||
| }; | ||
| getYearCellClassNames: (className: string, _: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [x: string]: boolean; | ||
| }; | ||
| }; | ||
| export default useClassNames; |
| /// <reference types="react" /> | ||
| declare function useOnOutsideClick<T extends HTMLElement>(onClick: () => void): { | ||
| innerContainerRef: import("react").MutableRefObject<T>; | ||
| }; | ||
| export default useOnOutsideClick; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronLeftDoubleIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronLeftDoubleIcon; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronLeftIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronLeftIcon; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronRightDoubleIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronRightDoubleIcon; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronRightIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronRightIcon; |
| import './styles/index.scss'; | ||
| import DaySelector from './selectors/DaySelector/DaySelector'; | ||
| import MonthSelector from './selectors/MonthSelector/MonthSelector'; | ||
| import YearSelector from './selectors/YearSelector/YearSelector'; | ||
| import HeaderSelector from './selectors/HeaderSelector/HeaderSelector'; | ||
| import FooterSelector from './selectors/FooterSelector/FooterSelector'; | ||
| export { DaySelector, MonthSelector, YearSelector, HeaderSelector, FooterSelector }; |
| import React, { ReactNode } from 'react'; | ||
| interface Props { | ||
| classNamePrefix: string; | ||
| children: ReactNode; | ||
| } | ||
| declare function CellRows({ classNamePrefix, children }: Props): React.JSX.Element; | ||
| export default CellRows; |
| import React, { ReactNode } from 'react'; | ||
| import type { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| numberOfColumns: number; | ||
| numberOfRows: number; | ||
| header?: ReactNode; | ||
| onSelect?: (date: Dayjs) => void; | ||
| cellDate: (date: Dayjs, number: number) => Dayjs; | ||
| cellValue: (date: Dayjs) => number | string; | ||
| cellClassNames: (className: string, date: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [key: string]: boolean; | ||
| }; | ||
| } | ||
| declare function CellsMatrix({ classNamePrefix, date, selectedDate, header, numberOfColumns, numberOfRows, onSelect, cellDate, cellValue, cellClassNames, }: Props): React.JSX.Element; | ||
| export default CellsMatrix; |
| import React from 'react'; | ||
| import type { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix?: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| onSelect?: (date: Dayjs) => void; | ||
| } | ||
| declare function DaySelector({ classNamePrefix, date, selectedDate, onSelect }: Props): React.JSX.Element; | ||
| export default DaySelector; |
| import React from 'react'; | ||
| declare function FooterSelector(): React.JSX.Element; | ||
| export default FooterSelector; |
| import React from 'react'; | ||
| import { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| date?: Dayjs; | ||
| resetActive?: boolean; | ||
| onSelect?: (date: Dayjs) => void; | ||
| onClickMonth?: (month: number) => void; | ||
| onClickYear?: (year: number) => void; | ||
| } | ||
| declare function HeaderSelector({ date, resetActive, onSelect, onClickMonth, onClickYear }: Props): React.JSX.Element; | ||
| export default HeaderSelector; |
| import React from 'react'; | ||
| import { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix?: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| onSelect?: (date: Dayjs) => void; | ||
| } | ||
| declare function MonthSelector({ classNamePrefix, date, selectedDate, onSelect }: Props): React.JSX.Element; | ||
| export default MonthSelector; |
| import React from 'react'; | ||
| import { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix?: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| onSelect?: (date: Dayjs) => void; | ||
| } | ||
| declare function YearSelector({ date, classNamePrefix, selectedDate, onSelect }: Props): React.JSX.Element; | ||
| export default YearSelector; |
| import { Dayjs } from 'dayjs'; | ||
| export declare const getCalendarStartDate: (date: Dayjs) => Dayjs; | ||
| export declare const isWithinCurrentMonth: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualDate: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualMonth: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualMonthAndYear: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualYear: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; |
| import dayjs, { Dayjs } from 'dayjs'; | ||
| export declare const getTodayDate: () => dayjs.Dayjs; | ||
| export declare const getDate: (date: Dayjs) => number; | ||
| export declare const getMonth: (date: Dayjs) => number; | ||
| export declare const getYear: (date: Dayjs) => number; | ||
| export declare const getFirstDayOfWeek: () => number; | ||
| export declare const getStartWeekDay: (date: Dayjs) => number; | ||
| export declare const getWeekdaysShort: () => dayjs.WeekdayNames; | ||
| export declare const getMonthsShort: () => dayjs.MonthNames; | ||
| export declare const setDateOfMonth: (date: Dayjs, day: number) => dayjs.Dayjs; | ||
| export declare const addDay: (date: Dayjs, days: number) => dayjs.Dayjs; | ||
| export declare const addMonth: (date: Dayjs, months: number) => dayjs.Dayjs; | ||
| export declare const addYear: (date: Dayjs, years: number) => dayjs.Dayjs; | ||
| export declare const setYear: (date: Dayjs, year: number) => dayjs.Dayjs; |
+2
-2
| { | ||
| "name": "@reactcalendar/components", | ||
| "version": "1.0.46", | ||
| "version": "1.0.47", | ||
| "description": "A set of calendar components", | ||
@@ -94,3 +94,3 @@ "main": "dist/index.js", | ||
| }, | ||
| "gitHead": "f1e7c192c2fd852832b2b290084a928623fa0f7d" | ||
| "gitHead": "50e0da6627755e392c6025c10da685f906b569a6" | ||
| } |
| import '@testing-library/jest-dom'; |
| export declare const WEEKDAYS: string[]; | ||
| export declare const MONTHS: string[]; |
| import { Dayjs } from 'dayjs'; | ||
| declare const useClassNames: () => { | ||
| getDayCellClassNames: (className: string, date: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [x: string]: boolean; | ||
| }; | ||
| getMonthCellClassNames: (className: string, _: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [x: string]: boolean; | ||
| }; | ||
| getYearCellClassNames: (className: string, _: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [x: string]: boolean; | ||
| }; | ||
| }; | ||
| export default useClassNames; |
| /// <reference types="react" /> | ||
| declare function useOnOutsideClick<T extends HTMLElement>(onClick: () => void): { | ||
| innerContainerRef: import("react").MutableRefObject<T>; | ||
| }; | ||
| export default useOnOutsideClick; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronLeftDoubleIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronLeftDoubleIcon; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronLeftIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronLeftIcon; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronRightDoubleIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronRightDoubleIcon; |
| import React, { SVGProps } from 'react'; | ||
| declare const ChevronRightIcon: ({ className, onClick }: SVGProps<SVGSVGElement>) => React.JSX.Element; | ||
| export default ChevronRightIcon; |
| import './styles/index.scss'; | ||
| import DaySelector from './selectors/DaySelector/DaySelector'; | ||
| import MonthSelector from './selectors/MonthSelector/MonthSelector'; | ||
| import YearSelector from './selectors/YearSelector/YearSelector'; | ||
| import HeaderSelector from './selectors/HeaderSelector/HeaderSelector'; | ||
| import FooterSelector from './selectors/FooterSelector/FooterSelector'; | ||
| export { DaySelector, MonthSelector, YearSelector, HeaderSelector, FooterSelector }; |
| import React, { ReactNode } from 'react'; | ||
| interface Props { | ||
| classNamePrefix: string; | ||
| children: ReactNode; | ||
| } | ||
| declare function CellRows({ classNamePrefix, children }: Props): React.JSX.Element; | ||
| export default CellRows; |
| import React, { ReactNode } from 'react'; | ||
| import type { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| numberOfColumns: number; | ||
| numberOfRows: number; | ||
| header?: ReactNode; | ||
| onSelect?: (date: Dayjs) => void; | ||
| cellDate: (date: Dayjs, number: number) => Dayjs; | ||
| cellValue: (date: Dayjs) => number | string; | ||
| cellClassNames: (className: string, date: Dayjs, calendarDate: Dayjs, selectedDate: Dayjs, today: Dayjs) => { | ||
| [key: string]: boolean; | ||
| }; | ||
| } | ||
| declare function CellsMatrix({ classNamePrefix, date, selectedDate, header, numberOfColumns, numberOfRows, onSelect, cellDate, cellValue, cellClassNames, }: Props): React.JSX.Element; | ||
| export default CellsMatrix; |
| import React from 'react'; | ||
| import type { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix?: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| onSelect?: (date: Dayjs) => void; | ||
| } | ||
| declare function DaySelector({ classNamePrefix, date, selectedDate, onSelect }: Props): React.JSX.Element; | ||
| export default DaySelector; |
| import React from 'react'; | ||
| declare function FooterSelector(): React.JSX.Element; | ||
| export default FooterSelector; |
| import React from 'react'; | ||
| import { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| date?: Dayjs; | ||
| resetActive?: boolean; | ||
| onSelect?: (date: Dayjs) => void; | ||
| onClickMonth?: (month: number) => void; | ||
| onClickYear?: (year: number) => void; | ||
| } | ||
| declare function HeaderSelector({ date, resetActive, onSelect, onClickMonth, onClickYear }: Props): React.JSX.Element; | ||
| export default HeaderSelector; |
| import React from 'react'; | ||
| import { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix?: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| onSelect?: (date: Dayjs) => void; | ||
| } | ||
| declare function MonthSelector({ classNamePrefix, date, selectedDate, onSelect }: Props): React.JSX.Element; | ||
| export default MonthSelector; |
| import React from 'react'; | ||
| import { Dayjs } from 'dayjs'; | ||
| interface Props { | ||
| classNamePrefix?: string; | ||
| date: Dayjs; | ||
| selectedDate: Dayjs; | ||
| onSelect?: (date: Dayjs) => void; | ||
| } | ||
| declare function YearSelector({ date, classNamePrefix, selectedDate, onSelect }: Props): React.JSX.Element; | ||
| export default YearSelector; |
| import { Dayjs } from 'dayjs'; | ||
| export declare const getCalendarStartDate: (date: Dayjs) => Dayjs; | ||
| export declare const isWithinCurrentMonth: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualDate: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualMonth: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualMonthAndYear: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; | ||
| export declare const isEqualYear: (calendarDate: Dayjs, selectedDate: Dayjs) => boolean; |
| import dayjs, { Dayjs } from 'dayjs'; | ||
| export declare const getTodayDate: () => dayjs.Dayjs; | ||
| export declare const getDate: (date: Dayjs) => number; | ||
| export declare const getMonth: (date: Dayjs) => number; | ||
| export declare const getYear: (date: Dayjs) => number; | ||
| export declare const getFirstDayOfWeek: () => number; | ||
| export declare const getStartWeekDay: (date: Dayjs) => number; | ||
| export declare const getWeekdaysShort: () => dayjs.WeekdayNames; | ||
| export declare const getMonthsShort: () => dayjs.MonthNames; | ||
| export declare const setDateOfMonth: (date: Dayjs, day: number) => dayjs.Dayjs; | ||
| export declare const addDay: (date: Dayjs, days: number) => dayjs.Dayjs; | ||
| export declare const addMonth: (date: Dayjs, months: number) => dayjs.Dayjs; | ||
| export declare const addYear: (date: Dayjs, years: number) => dayjs.Dayjs; | ||
| export declare const setYear: (date: Dayjs, year: number) => dayjs.Dayjs; |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
0
-100%149928
-0.02%24
-4%267
-0.37%