willba-component-library 0.2.21 → 0.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "willba-component-library",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "description": "A custom UI component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",

package/src/components/FilterCalendar/FilterCalendar.tsx

@@ -85,6 +85,7 @@ export default function FilterCalendar({
                   {parseDate({
                     date: calendarRange?.from,
                     dateFormat: 'EEEEEE d.M.yyyy',
+                    language,
                   }) || t('common:checkIn')}
                 </span>
                 <span className={`will-calendar-footer-dates-separator`}>
@@ -94,6 +95,7 @@ export default function FilterCalendar({
                   {parseDate({
                     date: calendarRange?.to,
                     dateFormat: 'EEEEEE d.M.yyyy',
+                    language,
                   }) || t('common:checkOut')}
                 </span>
               </div>

package/src/components/FilterCalendar/hooks/useFilterCalendar.ts

@@ -27,11 +27,6 @@ export const useFilterCalendar = ({ onSubmit, setToggleCalendar }: Props) => {
     }
   }, [])
 
-  // TODO - handle the onSubmit on calendar open
-  // useEffect(() => {
-  //   onSubmit(calendarRange)
-  // }, [])
-
   const handleSubmit = () => {
     setToggleCalendar(false)
     return onSubmit(calendarRange)

package/src/core/utils/parseDate.tsx

@@ -1,9 +1,17 @@
 import { format } from 'date-fns'
+import { fi, enUS } from 'date-fns/locale'
 
 type Props = {
   date?: Date
   dateFormat?: string
+  language?: string
 }
-export const parseDate = ({ date, dateFormat = 'dd.MM.yyyy' }: Props) => {
-  return date ? format(date, dateFormat) : null
+export const parseDate = ({
+  date,
+  dateFormat = 'dd.MM.yyyy',
+  language,
+}: Props) => {
+  return date
+    ? format(date, dateFormat, { locale: language === 'en' ? enUS : fi })
+    : null
 }

package/src/locales/en/common.json

@@ -6,6 +6,6 @@
 "search": "Search",
 "apply": "Apply",
 "clearDates": "Clear dates",
-"noCheckIn": "No check-in",
-"noCheckOut": "No check-out"
+"noCheckIn": "Room not available",
+"noCheckOut": "Check-out not available"
 }

package/src/locales/fi/common.json

@@ -4,9 +4,9 @@
 "checkIn": "check-in",
 "checkOut": "check-out",
 "search": "Hae",
-"apply": "Apply",
-"clearDates": "Clear dates",
-"noCheckIn": "No check-in",
-"noCheckOut": "No check-out"
+"apply": "Aseta",
+"clearDates": "Tyhjennä",
+"noCheckIn": "Huone ei saatavilla",
+"noCheckOut": "Uloskirjaus ei saatavilla"
 }