small fix

Author: dhavalveera

packages/ui/src/components/Datepicker/Datepicker.tsx

@@ -203,10 +203,10 @@ const DatepickerRender: ForwardRefRenderFunction<DatepickerRef, DatepickerProps>
       case Views.Years:
         return `${startOfYearPeriod(viewDate, 10)} - ${startOfYearPeriod(viewDate, 10) + 9}`;
       case Views.Months:
-        return getFormattedDate(language, viewDate, inputFormat, { year: "numeric" });
+        return getFormattedDate(language, viewDate, { year: "numeric" });
       case Views.Days:
       default:
-        return getFormattedDate(language, viewDate, inputFormat, { month: "long", year: "numeric" });
+        return getFormattedDate(language, viewDate, { month: "long", year: "numeric" });
     }
   };
 
@@ -274,7 +274,7 @@ const DatepickerRender: ForwardRefRenderFunction<DatepickerRef, DatepickerProps>
               }
               setIsOpen(true);
             }}
-            value={selectedDate && getFormattedDate(language, selectedDate, inputFormat, {})}
+            value={selectedDate && getFormattedDate(language, selectedDate, {}, inputFormat)}
             readOnly
             {...props}
           />

packages/ui/src/components/Datepicker/helpers.spec.tsx

@@ -154,20 +154,20 @@ describe("addYears", () => {
 describe("getFormattedDate", () => {
   it("returns the formatted date string using the default options", () => {
     const date = new Date(2023, 0, 15); // January 15th, 2023
-    const formattedDate = getFormattedDate("en", date, 'MMMM dd, yyyy');
+    const formattedDate = getFormattedDate("en", date, {}, 'MMMM dd, yyyy');
     expect(formattedDate).toBe("January 15, 2023");
   });
 
   it("returns the formatted date string using the specified options", () => {
     const date = new Date(2023, 0, 15); // January 15th, 2023
     const options: Intl.DateTimeFormatOptions = { month: "short", year: "numeric" };
-    const formattedDate = getFormattedDate("en", date, 'MMM yyyy', options);
+    const formattedDate = getFormattedDate("en", date, options, 'MMM yyyy');
     expect(formattedDate).toBe("Jan 2023");
   });
 
   it("returns the formatted date string using the specified language", () => {
     const date = new Date(2023, 0, 15); // January 15th, 2023
-    const formattedDate = getFormattedDate("pt-BR", date, 'dd-MMM-yyyy');
+    const formattedDate = getFormattedDate("pt-BR", date);
     expect(formattedDate).toBe("15 de janeiro de 2023");
   });
 });

packages/ui/src/components/Datepicker/helpers.ts

@@ -101,7 +101,7 @@ export const addYears = (date: Date, amount: number): Date => {
   return newDate;
 };
 
-export const getFormattedDate = (language: string, date: Date, dateFormat: string, options?: Intl.DateTimeFormatOptions,): string => {
+export const getFormattedDate = (language: string, date: Date,  options?: Intl.DateTimeFormatOptions, dateFormat: string = 'dd-MMM-yyyy'): string => {
   let defaultOptions: Intl.DateTimeFormatOptions = {
     day: "numeric",
     month: "long",