🔨 Properly set the dateFormat prop in the DatePicker component to handle both null and undefined case

Author: balajis-qb

src/index.tsx

@@ -425,7 +425,6 @@ export default class DatePicker extends Component<
 
   getInputValue = (): string => {
     const {
-      dateFormat = DatePicker.defaultProps.dateFormat,
       locale,
       startDate,
       endDate,
@@ -435,6 +434,9 @@ export default class DatePicker extends Component<
       selectsRange,
       value,
     } = this.props;
+    const dateFormat =
+      this.props.dateFormat ?? DatePicker.defaultProps.dateFormat;
+
     const { inputValue } = this.state;
 
     if (typeof value === "string") {
@@ -1296,8 +1298,9 @@ export default class DatePicker extends Component<
   };
 
   renderAriaLiveRegion = () => {
-    const { dateFormat = DatePicker.defaultProps.dateFormat, locale } =
-      this.props;
+    const { locale } = this.props;
+    const dateFormat =
+      this.props.dateFormat ?? DatePicker.defaultProps.dateFormat;
     const isContainsTime =
       this.props.showTimeInput || this.props.showTimeSelect;
     const longDateFormat = isContainsTime ? "PPPPp" : "PPPP";

src/test/datepicker_test.test.tsx

@@ -4504,4 +4504,14 @@ describe("DatePicker", () => {
       expect(calendarAfterEsc).toBeFalsy();
     });
   });
+
+  describe("dateFormat", () => {
+    it("should use the default dateFormat if dateFormat prop is not provided", () => {
+      const { container } = render(
+        <DatePicker selected={new Date("2025-07-17")} showDateSelect />,
+      );
+      const input = safeQuerySelector(container, "input") as HTMLInputElement;
+      expect(input?.value).toBe("07/17/2025");
+    });
+  });
 });