chore: update name of files

src/components/Chevron.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { ChevronFlag, UI } from "../UI";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 /**
  * Render the chevron icon used in the navigation buttons and dropdowns.

src/components/Dropdown.tsx

@@ -1,7 +1,7 @@
 import React, { type SelectHTMLAttributes } from "react";
 
 import { UI } from "../UI";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 import { Chevron as DefaultChevron } from "./Chevron";
 import { Option as DefaultOption } from "./Option";

src/components/DropdownNav.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { UI } from "../UI";
 import type { CalendarMonth } from "../classes";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 import { MonthsDropdown } from "./MonthsDropdown";
 import { YearsDropdown } from "./YearsDropdown";

src/components/Month.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { UI } from "../UI";
 import type { CalendarMonth } from "../classes/CalendarMonth";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 import { MonthCaption as DefaultMonthCaption } from "./MonthCaption";
 import { Week as DefaultWeek } from "./Week";

src/components/MonthCaption.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { UI } from "../UI";
 import type { CalendarMonth } from "../classes";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 import { DropdownNav } from "./DropdownNav";
 

src/components/Week.tsx

@@ -4,7 +4,7 @@ import { getUnixTime } from "date-fns/getUnixTime";
 
 import { UI } from "../UI";
 import type { CalendarDay, CalendarWeek } from "../classes";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 import { DayWrapper } from "./DayWrapper";
 import { WeekNumber as DefaultWeekNumber } from "./WeekNumber";

src/components/WeekNumber.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { UI, WeekNumberFlag } from "../UI";
 import type { CalendarWeek } from "../classes";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 /**
  * Render the cell with the number of the week.

src/components/Weekday.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { UI } from "../UI";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 
 /**
  * Render the column header with the weekday name (e.g. "Mo", "Tu", etc.).

src/components/Weekdays.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { UI } from "../UI";
-import { useProps } from "../contexts/props";
+import { useProps } from "../contexts";
 import { getWeekdays } from "../helpers/getWeekdays";
 
 import { Weekday as DefaultWeekday } from "./Weekday";

src/components/YearsDropdown.tsx

@@ -6,8 +6,7 @@ import { startOfMonth } from "date-fns/startOfMonth";
 
 import { UI } from "../UI";
 import type { CalendarMonth } from "../classes/CalendarMonth";
-import { useCalendar } from "../contexts/calendar";
-import { useProps } from "../contexts/props";
+import { useCalendar, useProps } from "../contexts";
 
 import { Dropdown as DefaultDropdown } from "./Dropdown";
 

src/contexts/index.ts

@@ -1,4 +1,4 @@
-export * from "./calendar";
-export * from "./focus";
-export * from "./modifiers";
-export * from "./props";
+export * from "./useCalendar";
+export * from "./useFocus";
+export * from "./useModifiers";
+export * from "./useProps";

src/contexts/providers.tsx

@@ -9,10 +9,10 @@ import type {
   PropsSingle
 } from "../types";
 
-import { CalendarContextProvider } from "./calendar";
-import { FocusContextProvider } from "./focus";
-import { ModifiersContextProvider } from "./modifiers";
-import { PropsContextProvider, useProps } from "./props";
+import { CalendarContextProvider } from "./useCalendar";
+import { FocusContextProvider } from "./useFocus";
+import { ModifiersContextProvider } from "./useModifiers";
+import { PropsContextProvider, useProps } from "./useProps";
 
 function SelectionProviders({ children }: PropsWithChildren) {
   const props = useProps();

src/contexts/calendar.test.ts → src/contexts/useCalendar.test.ts

@@ -1,6 +1,6 @@
 import { renderHook } from "@/test/renderHook";
 
-import { useCalendar } from "./calendar";
+import { useCalendar } from "./useCalendar";
 
 it("should return the next month", () => {
   const { result } = renderHook(useCalendar, {

src/contexts/calendar.tsx → src/contexts/useCalendar.tsx

@@ -16,7 +16,7 @@ import { getPreviousMonth } from "../helpers/getPreviousMonth";
 import { getWeeks } from "../helpers/getWeeks";
 import { useControlledValue } from "../helpers/useControlledValue";
 
-import { useProps } from "./props";
+import { useProps } from "./useProps";
 
 /** @private */
 const CalendarContext = createContext<CalendarContextValue | undefined>(

src/contexts/focus.test.tsx → src/contexts/useFocus.test.tsx

@@ -1,6 +1,6 @@
 import { renderHook } from "@/test/renderHook";
 
-import { useFocus } from "./focus";
+import { useFocus } from "./useFocus";
 
 const month = new Date(2020, 0, 1);
 const today = new Date(2020, 0, 14);

src/contexts/focus.tsx → src/contexts/useFocus.tsx

@@ -11,9 +11,9 @@ import type { CalendarDay } from "../classes";
 import { getNextFocus } from "../helpers/getNextFocus";
 import type { MoveFocusBy, MoveFocusDir, Mode } from "../types";
 
-import { useCalendar } from "./calendar";
-import { useModifiers } from "./modifiers";
-import { useProps } from "./props";
+import { useCalendar } from "./useCalendar";
+import { useModifiers } from "./useModifiers";
+import { useProps } from "./useProps";
 
 const FocusContext = createContext<FocusContextValue | undefined>(undefined);
 

src/contexts/modifiers.tsx → src/contexts/useModifiers.tsx

@@ -17,8 +17,8 @@ import type {
 import { isDateInRange } from "../utils";
 import { dateMatchModifiers } from "../utils/dateMatchModifiers";
 
-import { useCalendar } from "./calendar";
-import { useProps } from "./props";
+import { useCalendar } from "./useCalendar";
+import { useProps } from "./useProps";
 
 /** @private */
 const ModifiersContext = createContext<ModifiersContextValue | undefined>(

src/dateUtils.ts

@@ -0,0 +1,25 @@
+export { addDays } from "date-fns/addDays";
+export { addMonths } from "date-fns/addMonths";
+export { addYears } from "date-fns/addYears";
+export { differenceInCalendarDays } from "date-fns/differenceInCalendarDays";
+export { differenceInCalendarMonths } from "date-fns/differenceInCalendarMonths";
+export { endOfISOWeek } from "date-fns/endOfISOWeek";
+export { endOfMonth } from "date-fns/endOfMonth";
+export { endOfWeek } from "date-fns/endOfWeek";
+export { endOfYear } from "date-fns/endOfYear";
+export { format } from "date-fns/format";
+export { getISOWeek } from "date-fns/getISOWeek";
+export { getUnixTime } from "date-fns/getUnixTime";
+export { getWeek } from "date-fns/getWeek";
+export { isAfter } from "date-fns/isAfter";
+export { isBefore } from "date-fns/isBefore";
+export { isDate } from "date-fns/isDate";
+export { isSameDay } from "date-fns/isSameDay";
+export { isSameMonth } from "date-fns/isSameMonth";
+export { isSameYear } from "date-fns/isSameYear";
+export { setMonth } from "date-fns/setMonth";
+export { setYear } from "date-fns/setYear";
+export { startOfISOWeek } from "date-fns/startOfISOWeek";
+export { startOfMonth } from "date-fns/startOfMonth";
+export { startOfWeek } from "date-fns/startOfWeek";
+export { startOfYear } from "date-fns/startOfYear";

src/helpers/getDates.ts

@@ -8,7 +8,7 @@ import { isAfter } from "date-fns/isAfter";
 import { startOfISOWeek } from "date-fns/startOfISOWeek";
 import { startOfWeek } from "date-fns/startOfWeek";
 
-import { PropsContextValue } from "../contexts/props";
+import { PropsContextValue } from "../contexts";
 import type { Mode, DayPickerProps } from "../types";
 
 /** The number of days in a month when having 6 weeks. */

src/helpers/getDisplayMonths.ts

@@ -1,6 +1,6 @@
 import { addMonths } from "date-fns/addMonths";
 
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts";
 
 export function getDisplayMonths(
   firstDisplayedMonth: Date,

src/helpers/getDropdownMonths.ts

@@ -3,7 +3,7 @@ import { isBefore } from "date-fns/isBefore";
 import { startOfMonth } from "date-fns/startOfMonth";
 
 import { DropdownOption } from "../components/Dropdown";
-import { PropsContextValue } from "../contexts/props";
+import { PropsContextValue } from "../contexts";
 
 /** Return the months to show in the dropdown. */
 export function getDropdownMonths(

src/helpers/getDropdownYears.ts

@@ -6,7 +6,7 @@ import { startOfMonth } from "date-fns/startOfMonth";
 import { startOfYear } from "date-fns/startOfYear";
 
 import { DropdownOption } from "../components/Dropdown";
-import { PropsContextValue } from "../contexts/props";
+import { PropsContextValue } from "../contexts";
 
 /** Return the years to show in the dropdown. */
 export function getDropdownYears(

src/helpers/getInitialMonth.ts

@@ -2,7 +2,7 @@ import { addMonths } from "date-fns/addMonths";
 import { differenceInCalendarMonths } from "date-fns/differenceInCalendarMonths";
 import { startOfMonth } from "date-fns/startOfMonth";
 
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts";
 
 /** Return the start month based on the props passed to DayPicker. */
 export function getInitialMonth(

src/helpers/getMonths.test.ts

@@ -1,5 +1,5 @@
 import { CalendarMonth } from "../classes";
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts/useProps";
 
 import { getMonths } from "./getMonths";
 

src/helpers/getMonths.ts

@@ -8,7 +8,7 @@ import { startOfISOWeek } from "date-fns/startOfISOWeek";
 import { startOfWeek } from "date-fns/startOfWeek";
 
 import { CalendarWeek, CalendarDay, CalendarMonth } from "../classes";
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts";
 
 /** Return the months to display in the calendar. */
 export function getMonths(

src/helpers/getNextFocus.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { CalendarDay } from "../classes";
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts/useProps";
 import type { MoveFocusBy, MoveFocusDir } from "../types";
 
 import { getNextFocus } from "./getNextFocus";

src/helpers/getNextFocus.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { CalendarDay } from "../classes";
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts";
 import type { MoveFocusBy, MoveFocusDir, Mode } from "../types";
 import { dateMatchModifiers } from "../utils/dateMatchModifiers";
 

src/helpers/getNextMonth.ts

@@ -2,7 +2,7 @@ import { addMonths } from "date-fns/addMonths";
 import { differenceInCalendarMonths } from "date-fns/differenceInCalendarMonths";
 import { startOfMonth } from "date-fns/startOfMonth";
 
-import { PropsContextValue } from "../contexts/props";
+import { PropsContextValue } from "../contexts";
 
 /**
  * Return the next month the user can navigate to according to the given

src/helpers/getPossibleFocusDate.test.ts

@@ -11,7 +11,7 @@ import {
   endOfWeek
 } from "date-fns";
 
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts/useProps";
 import type { MoveFocusBy, MoveFocusDir, Mode } from "../types";
 
 import { getPossibleFocusDate } from "./getPossibleFocusDate";

src/helpers/getPossibleFocusDate.ts

@@ -9,7 +9,7 @@ import { min } from "date-fns/min";
 import { startOfISOWeek } from "date-fns/startOfISOWeek";
 import { startOfWeek } from "date-fns/startOfWeek";
 
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts";
 import type { MoveFocusBy, MoveFocusDir } from "../types";
 import { Mode } from "../types";
 

src/helpers/getPreviousMonth.ts

@@ -2,7 +2,7 @@ import { addMonths } from "date-fns/addMonths";
 import { differenceInCalendarMonths } from "date-fns/differenceInCalendarMonths";
 import { startOfMonth } from "date-fns/startOfMonth";
 
-import type { PropsContextValue } from "../contexts/props";
+import type { PropsContextValue } from "../contexts";
 
 /**
  * Return the next previous the user can navigate to, according to the given

src/types/deprecated.ts

@@ -5,8 +5,8 @@ import {
   type MonthCaptionProps
 } from "../components/MonthCaption";
 import { Week, type WeekProps } from "../components/Week";
-import { useCalendar } from "../contexts/calendar";
-import { useProps, type PropsContextValue } from "../contexts/props";
+import { useCalendar } from "../contexts";
+import { useProps, type PropsContextValue } from "../contexts";
 import { labelDay, labelNext, labelWeekday, labelWeekNumber } from "../labels";
 
 import type { PropsMulti, PropsRange, PropsSingle } from "./props";

src/types/props.ts

@@ -16,7 +16,8 @@ import type {
   WeekNumberMouseEventHandler,
   Modifiers,
   DateRange,
-  Mode
+  Mode,
+  DateUtils
 } from "./shared";
 
 /**
@@ -324,6 +325,8 @@ export interface PropsBase {
   onPrevClick?: MonthChangeEventHandler;
   /** Event handler when a week number is clicked */
   onWeekNumberClick?: WeekNumberMouseEventHandler;
+
+  dateUtils?: Partial<DateUtils> | undefined;
 }
 /**
  * The props when the single selection is required.

src/types/shared.ts

@@ -10,6 +10,7 @@ import {
   SelectionState
 } from "../UI";
 import * as components from "../components/custom-components";
+import * as dateUtils from "../dateUtils";
 import {
   formatCaption,
   formatDay,
@@ -52,6 +53,8 @@ export type CustomComponents = {
   [key in keyof typeof components]?: (typeof components)[key];
 };
 
+export type DateUtils = typeof dateUtils;
+
 /** Represent a map of formatters used to render localized content. */
 export type Formatters = {
   /** Format the caption of a month grid. */

test/renderHook.tsx

@@ -4,7 +4,6 @@ import { renderHook as testingLibraryRenderHook } from "@testing-library/react";
 import { DayPickerProps } from "react-day-picker";
 
 import { ContextProviders } from "../src/contexts/providers";
-import { Mode } from "../src/types";
 
 /** Render a hook wrapped with the {@link ContextProviders} Provider. */
 export function renderHook<TResult>(