diff --git a/packages/components/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx b/packages/components/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx
index f5070eeea39..0330983a757 100644
--- a/packages/components/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx
+++ b/packages/components/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx
@@ -1,4 +1,5 @@
 import React from "react"
+import type { Locale } from "date-fns"
 import {
   DayPicker,
   DateRange,
diff --git a/packages/components/src/Calendar/utils/formatDateAsNumeral.ts b/packages/components/src/Calendar/utils/formatDateAsNumeral.ts
index bb58db5d8af..9b0401384cb 100644
--- a/packages/components/src/Calendar/utils/formatDateAsNumeral.ts
+++ b/packages/components/src/Calendar/utils/formatDateAsNumeral.ts
@@ -1,4 +1,4 @@
-import { format } from "date-fns"
+import { Locale, format } from "date-fns"
 import { DateFormat } from "../enums"
 import { isInvalidDate } from "./isInvalidDate"
 
diff --git a/packages/components/src/Calendar/utils/formatDateAsText.ts b/packages/components/src/Calendar/utils/formatDateAsText.ts
index 758a895a119..7908f4d9275 100644
--- a/packages/components/src/Calendar/utils/formatDateAsText.ts
+++ b/packages/components/src/Calendar/utils/formatDateAsText.ts
@@ -1,4 +1,4 @@
-import { format } from "date-fns"
+import { Locale, format } from "date-fns"
 import { DateFormat } from "../enums"
 import { DisabledDays } from "../types"
 import { isDisabledDate } from "./isDisabledDate"
diff --git a/packages/components/src/Calendar/utils/parseDateAsTextOrNumeral.ts b/packages/components/src/Calendar/utils/parseDateAsTextOrNumeral.ts
index ea6b20ca4b5..1fbf19de056 100644
--- a/packages/components/src/Calendar/utils/parseDateAsTextOrNumeral.ts
+++ b/packages/components/src/Calendar/utils/parseDateAsTextOrNumeral.ts
@@ -1,3 +1,4 @@
+import type { Locale } from "date-fns"
 import { parseDateFromNumeralFormatValue } from "./parseDateFromNumeralFormatValue"
 import { parseDateFromTextFormatValue } from "./parseDateFromTextFormatValue"
 
diff --git a/packages/components/src/Calendar/utils/parseDateFromNumeralFormatValue.ts b/packages/components/src/Calendar/utils/parseDateFromNumeralFormatValue.ts
index 88738693d93..5a6594db84b 100644
--- a/packages/components/src/Calendar/utils/parseDateFromNumeralFormatValue.ts
+++ b/packages/components/src/Calendar/utils/parseDateFromNumeralFormatValue.ts
@@ -1,4 +1,4 @@
-import { parse } from "date-fns"
+import { Locale, parse } from "date-fns"
 import { DateFormat } from "../enums"
 
 export const parseDateFromNumeralFormatValue = (
diff --git a/packages/components/src/Calendar/utils/parseDateFromTextFormatValue.ts b/packages/components/src/Calendar/utils/parseDateFromTextFormatValue.ts
index 72e79730d3b..6dce77b2fb4 100644
--- a/packages/components/src/Calendar/utils/parseDateFromTextFormatValue.ts
+++ b/packages/components/src/Calendar/utils/parseDateFromTextFormatValue.ts
@@ -1,4 +1,4 @@
-import { parse } from "date-fns"
+import { Locale, parse } from "date-fns"
 import { DateFormat } from "../enums"
 
 export const parseDateFromTextFormatValue = (
diff --git a/packages/components/src/DateInput/DateInputDescription/DateInputDescription.tsx b/packages/components/src/DateInput/DateInputDescription/DateInputDescription.tsx
index 469b54ff98e..2e3b420cf4a 100644
--- a/packages/components/src/DateInput/DateInputDescription/DateInputDescription.tsx
+++ b/packages/components/src/DateInput/DateInputDescription/DateInputDescription.tsx
@@ -1,5 +1,6 @@
 import React from "react"
 import { useIntl } from "@cultureamp/i18n-react-intl"
+import type { Locale } from "date-fns"
 import { LabelledMessage } from "~components/LabelledMessage"
 import { formatDescriptionInputFormat } from "./utils/formatDescriptionInputFormat"
 import styles from "./DateInputDescription.module.scss"
diff --git a/packages/components/src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts b/packages/components/src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts
index 2f4204d3812..c3ed57a3d07 100644
--- a/packages/components/src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts
+++ b/packages/components/src/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.ts
@@ -1,2 +1,4 @@
+import type { Locale } from "date-fns"
+
 export const formatDescriptionInputFormat = (locale: Locale): string =>
   locale.formatLong?.date({ width: "short" }).toLowerCase()
diff --git a/packages/components/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx b/packages/components/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx
index f53c2b4283d..2797bf866e4 100644
--- a/packages/components/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx
+++ b/packages/components/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx
@@ -1,5 +1,6 @@
 import React, { useId } from "react"
 import classnames from "classnames"
+import type { Locale } from "date-fns"
 import { enAU } from "date-fns/locale"
 import {
   DateInputDescription,
diff --git a/packages/components/src/DatePicker/utils/getLocale.ts b/packages/components/src/DatePicker/utils/getLocale.ts
index 4a1a1c61e75..26d7032df03 100644
--- a/packages/components/src/DatePicker/utils/getLocale.ts
+++ b/packages/components/src/DatePicker/utils/getLocale.ts
@@ -1,3 +1,4 @@
+import type { Locale } from "date-fns"
 import { enAU, enUS } from "date-fns/locale"
 import { StringSuggestions } from "~types/StringSuggestions"
 
diff --git a/packages/components/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts b/packages/components/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts
index fbb5706e211..3f7c7882d47 100644
--- a/packages/components/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts
+++ b/packages/components/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.ts
@@ -1,3 +1,4 @@
+import type { Locale } from "date-fns"
 import {
   DisabledDays,
   formatDateAsNumeral,
diff --git a/packages/components/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx b/packages/components/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx
index 0a4a8f55934..39799f2f666 100644
--- a/packages/components/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx
+++ b/packages/components/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx
@@ -1,4 +1,5 @@
 import React from "react"
+import type { Locale } from "date-fns"
 import {
   DateInput,
   DateInputProps,
diff --git a/packages/components/src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts b/packages/components/src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts
index 3b6baa95200..7816f029b74 100644
--- a/packages/components/src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts
+++ b/packages/components/src/Filter/FilterDatePicker/utils/transformDateToInputValue.ts
@@ -1,3 +1,4 @@
+import type { Locale } from "date-fns"
 import { DisabledDays, formatDateAsText } from "~components/Calendar"
 
 export const transformDateToInputValue = (
diff --git a/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx b/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx
index 67efa81a464..c204912cd4b 100644
--- a/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx
+++ b/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx
@@ -1,4 +1,5 @@
 import React from "react"
+import type { Locale } from "date-fns"
 import { formatDateAsText } from "~components/Calendar"
 import styles from "./DateRangeDisplayLabel.module.scss"
 
diff --git a/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx b/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx
index b31f896c38c..b8906c2c465 100644
--- a/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx
+++ b/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx
@@ -1,5 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
+import type { Locale } from "date-fns"
 import {
   DateInput,
   DateInputDescription,