SOF-7411: Minor dialog changes

dist/mui/components/custom/date-picker/DatePicker.d.ts

@@ -14,10 +14,10 @@ export type DateRange = {
 };
 interface DatePickerProps {
     onChange: (dateRange: DateRange | Record<string, never>, option?: DateRangeOption | null) => void;
-    startDate: Moment | null;
-    endDate: Moment | null;
-    defaultOption: DateRangeOption | null;
-    isMaxOption: boolean;
+    startDate?: Moment | null;
+    endDate?: Moment | null;
+    defaultOption?: DateRangeOption | null;
+    isMaxOption?: boolean;
 }
 declare function DatePicker({ onChange, startDate, endDate, defaultOption, isMaxOption, }: DatePickerProps): React.JSX.Element;
 export default DatePicker;

dist/mui/components/dialog/Dialog.js

@@ -35,7 +35,11 @@ function DialogModal({ id = "modal-dialog", title, titleComponent, open, scroll
                     React.createElement(IconByName, { name: "actions.close", fontSize: "small" }))))));
     }, [title, titleComponent]);
     const renderBodyDefault = () => {
-        return React.createElement(DialogContent, { dividers: dividers }, children);
+        return (React.createElement(DialogContent, { sx: {
+                display: "flex",
+                flexDirection: "column",
+                overflow: "hidden",
+            }, dividers: dividers }, children));
     };
     const renderFooterDefault = () => {
         return (React.createElement(DialogActions, null,

src/mui/components/custom/date-picker/DatePicker.tsx

@@ -33,10 +33,10 @@ interface DatePickerProps {
         dateRange: DateRange | Record<string, never>,
         option?: DateRangeOption | null,
     ) => void;
-    startDate: Moment | null;
-    endDate: Moment | null;
-    defaultOption: DateRangeOption | null;
-    isMaxOption: boolean;
+    startDate?: Moment | null;
+    endDate?: Moment | null;
+    defaultOption?: DateRangeOption | null;
+    isMaxOption?: boolean;
 }
 
 function DatePicker({

src/mui/components/dialog/Dialog.tsx

@@ -100,7 +100,17 @@ function DialogModal({
     }, [title, titleComponent]);
 
     const renderBodyDefault = () => {
-        return <DialogContent dividers={dividers}>{children}</DialogContent>;
+        return (
+            <DialogContent
+                sx={{
+                    display: "flex",
+                    flexDirection: "column",
+                    overflow: "hidden",
+                }}
+                dividers={dividers}>
+                {children}
+            </DialogContent>
+        );
     };
 
     const renderFooterDefault = () => {