diff --git a/packages/superset-ui-chart-controls/src/shared-controls/dndControls.tsx b/packages/superset-ui-chart-controls/src/shared-controls/dndControls.tsx
index b6fd904558..a3aecaf89f 100644
--- a/packages/superset-ui-chart-controls/src/shared-controls/dndControls.tsx
+++ b/packages/superset-ui-chart-controls/src/shared-controls/dndControls.tsx
@@ -17,7 +17,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { t, validateNonEmpty } from '@superset-ui/core';
+import { FeatureFlag, isFeatureEnabled, t, validateNonEmpty } from '@superset-ui/core';
 import { ExtraControlProps, SharedControlConfig } from '../types';
 import { TIME_COLUMN_OPTION, TIME_FILTER_LABELS } from '../constants';
 
@@ -156,7 +156,11 @@ export const dnd_granularity_sqla: typeof dndGroupByControl = {
       'expression',
   ),
   canDelete: false,
-  ghostButtonText: t('Drop temporal column here'),
+  ghostButtonText: t(
+    isFeatureEnabled(FeatureFlag.ENABLE_DND_WITH_CLICK_UX)
+      ? 'Drop a temporal column here or click'
+      : 'Drop temporal column here',
+  ),
   mapStateToProps: ({ datasource }) => {
     const temporalColumns = datasource?.columns.filter(c => c.is_dttm) ?? [];
     const options = Object.fromEntries(temporalColumns.map(option => [option.column_name, option]));