New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

@reactcalendar/components

Package Overview
Dependencies
Maintainers
1
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@reactcalendar/components - npm Package Compare versions

Comparing version
1.0.46
to
1.0.47
+2
dist/constants.d.ts
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;