diff --git a/packages/block-library/src/post-date/edit.js b/packages/block-library/src/post-date/edit.js
index 5057466c6af45..6ac39c0f14798 100644
--- a/packages/block-library/src/post-date/edit.js
+++ b/packages/block-library/src/post-date/edit.js
@@ -26,7 +26,8 @@ import {
ToolbarGroup,
ToolbarButton,
ToggleControl,
- PanelBody,
+ __experimentalToolsPanel as ToolsPanel,
+ __experimentalToolsPanelItem as ToolsPanelItem,
} from '@wordpress/components';
import { __, _x, sprintf } from '@wordpress/i18n';
import { edit } from '@wordpress/icons';
@@ -160,16 +161,36 @@ export default function PostDateEdit( {
-
-
- setAttributes( { format: nextFormat } )
+ {
+ setAttributes( {
+ format: undefined,
+ isLink: false,
+ displayType: 'date',
+ } );
+ } }
+ >
+
+ format !== undefined && format !== siteFormat
+ }
+ label={ __( 'Date Format' ) }
+ onDeselect={ () =>
+ setAttributes( { format: undefined } )
}
- />
-
+
+ setAttributes( { format: nextFormat } )
+ }
+ />
+
+ isLink !== false }
label={
postType?.labels.singular_name
? sprintf(
@@ -179,23 +200,49 @@ export default function PostDateEdit( {
)
: __( 'Link to post' )
}
- onChange={ () => setAttributes( { isLink: ! isLink } ) }
- checked={ isLink }
- />
- setAttributes( { isLink: false } ) }
+ isShownByDefault
+ >
+
+ setAttributes( { isLink: ! isLink } )
+ }
+ checked={ isLink }
+ />
+
+ displayType !== 'date' }
label={ __( 'Display last modified date' ) }
- onChange={ ( value ) =>
- setAttributes( {
- displayType: value ? 'modified' : 'date',
- } )
+ onDeselect={ () =>
+ setAttributes( { displayType: 'date' } )
}
- checked={ displayType === 'modified' }
- help={ __(
- 'Only shows if the post has been modified'
- ) }
- />
-
+ isShownByDefault
+ >
+
+ setAttributes( {
+ displayType: value ? 'modified' : 'date',
+ } )
+ }
+ checked={ displayType === 'modified' }
+ help={ __(
+ 'Only shows if the post has been modified'
+ ) }
+ />
+
+
{ postDate }