🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →

react-day-picker

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-day-picker - npm Package Compare versions

Comparing version

9.6.2

9.6.3

src/.eslintignore

src/.eslintrc.cjs

src/classes/CalendarDay.test.ts

src/classes/CalendarDay.ts

src/classes/CalendarMonth.test.ts

src/classes/CalendarMonth.ts

src/classes/CalendarWeek.test.ts

src/classes/CalendarWeek.ts

src/classes/DateLib.ts

src/classes/index.ts

src/components/Button.tsx

src/components/CaptionLabel.tsx

src/components/Chevron.tsx

src/components/custom-components.tsx

src/components/Day.tsx

src/components/DayButton.tsx

src/components/Dropdown.tsx

src/components/DropdownNav.tsx

src/components/Footer.tsx

src/components/Month.tsx

src/components/MonthCaption.tsx

src/components/MonthGrid.tsx

src/components/Months.tsx

src/components/MonthsDropdown.tsx

src/components/Nav.tsx

src/components/NextMonthButton.tsx

src/components/Option.tsx

src/components/PreviousMonthButton.tsx

src/components/Root.tsx

src/components/Select.tsx

src/components/Week.tsx

src/components/Weekday.tsx

src/components/Weekdays.tsx

src/components/WeekNumber.tsx

src/components/WeekNumberHeader.tsx

src/components/Weeks.tsx

src/components/YearsDropdown.tsx

src/DayPicker.test.tsx

src/DayPicker.tsx

src/formatters/formatCaption.test.ts

src/formatters/formatCaption.ts

src/formatters/formatDay.test.ts

src/formatters/formatDay.ts

src/formatters/formatMonthDropdown.test.ts

src/formatters/formatMonthDropdown.ts

src/formatters/formatWeekdayName.test.ts

src/formatters/formatWeekdayName.ts

src/formatters/formatWeekNumber.test.ts

src/formatters/formatWeekNumber.ts

src/formatters/formatWeekNumberHeader.ts

src/formatters/formatYearDropdown.test.ts

src/formatters/formatYearDropdown.ts

src/formatters/index.ts

src/helpers/broadcastCalendar.test.ts

src/helpers/calculateFocusTarget.ts

src/helpers/endOfBroadcastWeek.test.ts

src/helpers/endOfBroadcastWeek.ts

src/helpers/getBroadcastWeeksInMonth.test.ts

src/helpers/getBroadcastWeeksInMonth.ts

src/helpers/getClassNamesForModifiers.ts

src/helpers/getComponents.ts

src/helpers/getDataAttributes.test.tsx

src/helpers/getDataAttributes.tsx

src/helpers/getDates.test.ts

src/helpers/getDates.ts

src/helpers/getDays.test.ts

src/helpers/getDays.ts

src/helpers/getDefaultClassNames.test.ts

src/helpers/getDefaultClassNames.ts

src/helpers/getDisplayMonths.test.ts

src/helpers/getDisplayMonths.ts

src/helpers/getFocusableDate.ts

src/helpers/getFormatters.test.ts

src/helpers/getFormatters.ts

src/helpers/getInitialMonth.test.ts

src/helpers/getInitialMonth.ts

src/helpers/getLabels.ts

src/helpers/getMonthOptions.test.ts

src/helpers/getMonthOptions.ts

src/helpers/getMonths.test.ts

src/helpers/getMonths.ts

src/helpers/getNavMonth.test.ts

src/helpers/getNavMonth.ts

src/helpers/getNextFocus.test.tsx

src/helpers/getNextFocus.tsx

src/helpers/getNextMonth.test.ts

src/helpers/getNextMonth.ts

src/helpers/getPossibleFocusDate.test.ts

src/helpers/getPreviousMonth.test.ts

src/helpers/getPreviousMonth.ts

src/helpers/getStyleForModifiers.test.ts

src/helpers/getStyleForModifiers.ts

src/helpers/getWeekdays.test.ts

src/helpers/getWeekdays.ts

src/helpers/getWeeks.test.ts

src/helpers/getWeeks.ts

src/helpers/getYearOptions.test.ts

src/helpers/getYearOptions.ts

src/helpers/index.ts

src/helpers/startOfBroadcastWeek.test.ts

src/helpers/startOfBroadcastWeek.ts

src/helpers/useControlledValue.test.ts

src/helpers/useControlledValue.ts

src/index.ts

src/jalali.tsx

src/labels/index.ts

src/labels/labelDayButton.test.ts

src/labels/labelDayButton.ts

src/labels/labelGrid.test.ts

src/labels/labelGrid.ts

src/labels/labelGridcell.test.ts

src/labels/labelGridcell.ts

src/labels/labelMonthDropdown.test.ts

src/labels/labelMonthDropdown.ts

src/labels/labelNav.test.ts

src/labels/labelNav.ts

src/labels/labelNext.test.ts

src/labels/labelNext.ts

src/labels/labelPrevious.test.ts

src/labels/labelPrevious.ts

src/labels/labelWeekday.test.ts

src/labels/labelWeekday.ts

src/labels/labelWeekNumber.test.ts

src/labels/labelWeekNumber.ts

src/labels/labelWeekNumberHeader.test.ts

src/labels/labelWeekNumberHeader.ts

src/labels/labelYearDropdown.test.ts

src/labels/labelYearDropdown.ts

src/locale.ts

src/persian.tsx

src/selection/useMulti.test.tsx

src/selection/useMulti.tsx

src/selection/useRange.test.tsx

src/selection/useRange.tsx

src/selection/useSingle.test.tsx

src/selection/useSingle.tsx

src/types/deprecated.ts

src/types/index.ts

src/types/props.test.tsx

src/types/props.ts

src/types/selection.ts

src/types/shared.ts

src/UI.ts

src/useAnimation.test.tsx

src/useAnimation.ts

src/useCalendar.ts

src/useDayPicker.test.tsx

src/useDayPicker.ts

src/useFocus.ts

src/useGetModifiers.test.tsx

src/useGetModifiers.tsx

src/useSelection.ts

src/utc.tsx

src/utils/addToRange.test.ts

src/utils/addToRange.ts

src/utils/dateMatchModifiers.test.ts

src/utils/dateMatchModifiers.ts

src/utils/index.ts

src/utils/rangeContainsDayOfWeek.test.ts

src/utils/rangeContainsDayOfWeek.ts

src/utils/rangeContainsModifiers.test.ts

src/utils/rangeContainsModifiers.ts

src/utils/rangeIncludesDate.test.ts

src/utils/rangeIncludesDate.ts

src/utils/rangeOverlaps.test.ts

src/utils/rangeOverlaps.ts

src/utils/typeguards.test.ts

src/utils/typeguards.ts

dist/cjs/classes/DateLib.js

		@@ -6,3 +6,3 @@ "use strict";
		const date_fns_1 = require("date-fns");
		const locale_1 = require("date-fns/locale");
		const en_US_1 = require("date-fns/locale/en-US");
		const endOfBroadcastWeek_js_1 = require("../helpers/endOfBroadcastWeek.js");
		@@ -393,3 +393,3 @@ const startOfBroadcastWeek_js_1 = require("../helpers/startOfBroadcastWeek.js");
		};
		this.options = { locale: locale_1.enUS, ...options };
		this.options = { locale: en_US_1.enUS, ...options };
		this.overrides = overrides;
		@@ -437,4 +437,4 @@ }
		/** The default locale (English). */
		var en_US_1 = require("date-fns/locale/en-US");
		Object.defineProperty(exports, "defaultLocale", { enumerable: true, get: function () { return en_US_1.enUS; } });
		var en_US_2 = require("date-fns/locale/en-US");
		Object.defineProperty(exports, "defaultLocale", { enumerable: true, get: function () { return en_US_2.enUS; } });
		/**
		@@ -441,0 +441,0 @@ * The default date library with English locale.

dist/cjs/DayPicker.js

		@@ -211,5 +211,17 @@ "use strict";
		captionLayout === "dropdown" \|\|
		captionLayout === "dropdown-months" ? (react_1.default.createElement(components.MonthsDropdown, { className: classNames[UI_js_1.UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (react_1.default.createElement("span", { role: "status", "aria-live": "polite" }, formatMonthDropdown(calendarMonth.date, dateLib))),
		captionLayout === "dropdown-months" ? (react_1.default.createElement(components.MonthsDropdown, { className: classNames[UI_js_1.UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (react_1.default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
		captionLayout === "dropdown" \|\|
		captionLayout === "dropdown-years" ? (react_1.default.createElement(components.YearsDropdown, { className: classNames[UI_js_1.UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (react_1.default.createElement("span", { role: "status", "aria-live": "polite" }, formatYearDropdown(calendarMonth.date, dateLib))))) : (react_1.default.createElement(components.CaptionLabel, { className: classNames[UI_js_1.UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
		captionLayout === "dropdown-years" ? (react_1.default.createElement(components.YearsDropdown, { className: classNames[UI_js_1.UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (react_1.default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
		react_1.default.createElement("span", { role: "status", "aria-live": "polite", style: {
		border: 0,
		clip: "rect(0 0 0 0)",
		height: "1px",
		margin: "-1px",
		overflow: "hidden",
		padding: 0,
		position: "absolute",
		width: "1px",
		whiteSpace: "nowrap",
		wordWrap: "normal"
		} }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (react_1.default.createElement(components.CaptionLabel, { className: classNames[UI_js_1.UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
		react_1.default.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" \|\| mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) \|\|
		@@ -216,0 +228,0 @@ undefined, className: classNames[UI_js_1.UI.MonthGrid], style: styles?.[UI_js_1.UI.MonthGrid] },

dist/esm/classes/DateLib.js

		import { TZDate } from "@date-fns/tz";
		import { addDays, addMonths, addWeeks, addYears, differenceInCalendarDays, differenceInCalendarMonths, eachMonthOfInterval, endOfISOWeek, endOfMonth, endOfWeek, endOfYear, format, getISOWeek, getMonth, getWeek, getYear, isAfter, isBefore, isDate, isSameDay, isSameMonth, isSameYear, max, min, setMonth, setYear, startOfDay, startOfISOWeek, startOfMonth, startOfWeek, startOfYear } from "date-fns";
		import { enUS } from "date-fns/locale";
		import { enUS } from "date-fns/locale/en-US";
		import { endOfBroadcastWeek } from "../helpers/endOfBroadcastWeek.js";
		@@ -5,0 +5,0 @@ import { startOfBroadcastWeek } from "../helpers/startOfBroadcastWeek.js";

dist/esm/DayPicker.js

		@@ -175,5 +175,17 @@ import React, { useCallback, useMemo, useRef } from "react";
		captionLayout === "dropdown" \|\|
		captionLayout === "dropdown-months" ? (React.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React.createElement("span", { role: "status", "aria-live": "polite" }, formatMonthDropdown(calendarMonth.date, dateLib))),
		captionLayout === "dropdown-months" ? (React.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
		captionLayout === "dropdown" \|\|
		captionLayout === "dropdown-years" ? (React.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React.createElement("span", { role: "status", "aria-live": "polite" }, formatYearDropdown(calendarMonth.date, dateLib))))) : (React.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
		captionLayout === "dropdown-years" ? (React.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
		React.createElement("span", { role: "status", "aria-live": "polite", style: {
		border: 0,
		clip: "rect(0 0 0 0)",
		height: "1px",
		margin: "-1px",
		overflow: "hidden",
		padding: 0,
		position: "absolute",
		width: "1px",
		whiteSpace: "nowrap",
		wordWrap: "normal"
		} }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
		React.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" \|\| mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) \|\|
		@@ -180,0 +192,0 @@ undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },

package.json

		{
		"name": "react-day-picker",
		"version": "9.6.2",
		"version": "9.6.3",
		"description": "Customizable Date Picker for React",
		@@ -177,5 +177,3 @@ "author": "Giampaolo Bellavite <io@gpbl.dev>",
		"dist",
		"src/style.css",
		"src/style.module.css",
		"src/style.module.css.d.ts",
		"src",
		"jalali.js",
		@@ -182,0 +180,0 @@ "jalali.d.ts",

dist/cjs/classes/DateLib.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/DayPicker.js.map

Sorry, the diff of this file is not supported yet

dist/esm/classes/DateLib.js.map

Sorry, the diff of this file is not supported yet

dist/esm/DayPicker.js.map

Sorry, the diff of this file is not supported yet

react-day-picker - npm Package Compare versions

Improved metrics

Worsened metrics