diff --git a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx
index 34c21466bec8d..a608f1468a6d6 100644
--- a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx
+++ b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx
@@ -76,6 +76,7 @@ export const databaseField = ({
changeMethods,
getValidation,
validationErrors,
+ placeholder,
db,
}: FieldPropTypes) => (
);
export const usernameField = ({
diff --git a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx
index 84108e40dcc65..e9b562a919910 100644
--- a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx
+++ b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx
@@ -57,6 +57,7 @@ export interface FieldPropTypes {
required: boolean;
hasTooltip?: boolean;
tooltipText?: (value: any) => string;
+ placeholder?: string;
onParametersChange: (value: any) => string;
onParametersUploadFileChange: (value: any) => string;
changeMethods: { onParametersChange: (value: any) => string } & {
@@ -108,6 +109,7 @@ const DatabaseConnectionForm = ({
isEditMode = false,
sslForced,
editNewDb,
+ getPlaceholder,
}: {
isEditMode?: boolean;
sslForced: boolean;
@@ -130,6 +132,7 @@ const DatabaseConnectionForm = ({
onRemoveTableCatalog: (idx: number) => void;
validationErrors: JsonObject | null;
getValidation: () => void;
+ getPlaceholder?: (field: string) => string | undefined;
}) => (