Date Block: Add dropdown menu props to ToolsPanel component (#68018)

* Date Block: Add dropdown menu props to ToolsPanel component * Fix Default formate spacing issue * Update DateFormatPicker component style * Fix CSS indentation * Remove unnecessary CSS ---- Co-authored-by: Sukhendu2002 <sukhendu2002@git.wordpress.org> Co-authored-by: talldan <talldanwp@git.wordpress.org> Co-authored-by: t-hamano <wildworks@git.wordpress.org>
WordPress · Dec 24, 2024 · 64265ad · 64265ad · github-actions · Dec 24, 2024
1 parent 23c6b88
commit 64265ad
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/block-library/src/post-date/edit.js b/packages/block-library/src/post-date/edit.js
@@ -34,6 +34,11 @@ import { edit } from '@wordpress/icons';
 import { DOWN } from '@wordpress/keycodes';
 import { useSelect } from '@wordpress/data';
 
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+
 export default function PostDateEdit( {
 	attributes: { textAlign, format, isLink, displayType },
 	context: { postId, postType: postTypeSlug, queryId },
@@ -45,6 +50,7 @@ export default function PostDateEdit( {
 			[ `wp-block-post-date__modified-date` ]: displayType === 'modified',
 		} ),
 	} );
+	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
 	// Use internal state instead of a ref to make sure that the component
 	// re-renders when the popover's anchor updates.
@@ -170,6 +176,7 @@ export default function PostDateEdit( {
 							displayType: 'date',
 						} );
 					} }
+					dropdownMenuProps={ dropdownMenuProps }
 				>
 					<ToolsPanelItem
 						hasValue={ () =>