feat: refactor of my stay

apps/scandic-web/components/DatePicker/index.tsx

@@ -1,11 +1,8 @@
 "use client"
-
-import { da, de, fi, nb, sv } from "date-fns/locale"
 import { useCallback, useEffect, useRef, useState } from "react"
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -20,14 +17,6 @@ import type { DateRange } from "react-day-picker"
 
 import type { DatePickerFormProps } from "@/types/components/datepicker"
 
-const locales = {
-  [Lang.da]: da,
-  [Lang.de]: de,
-  [Lang.fi]: fi,
-  [Lang.no]: nb,
-  [Lang.sv]: sv,
-}
-
 export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
   const lang = useLang()
   const intl = useIntl()
@@ -163,7 +152,6 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
         <DatePickerRangeDesktop
           close={close}
           handleOnSelect={handleSelectDate}
-          locales={locales}
           // DayPicker lib needs Daterange in form as below to show appropriate UI
           selectedRange={{
             from: dt(selectedDate.fromDate).toDate(),
@@ -175,7 +163,6 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
         <DatePickerRangeMobile
           close={close}
           handleOnSelect={handleSelectDate}
-          locales={locales}
           // DayPicker lib needs Daterange in form as below to show appropriate UI
           selectedRange={{
             from: dt(selectedDate.fromDate).toDate(),