Title: Post Date block
Author: Femy Praseeth
Published: March 21, 2022
Last modified: June 8, 2024

---

# Post Date block

## In this article

 * [Block toolbar](https://wordpress.org/documentation/article/post-date-block/?output_format=md#block-toolbar)
    - [Transform to:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#transform-to)
    - [Drag icon:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#drag-icon)
    - [Move arrows:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#move-arrows)
    - [Change text alignment:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#change-text-alignment)
    - [Change Date:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#change-date)
    - [More option:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#more-option)
 * [Block settings](https://wordpress.org/documentation/article/post-date-block/?output_format=md#block-settings)
    - [Format](https://wordpress.org/documentation/article/post-date-block/?output_format=md#format)
    - [Link](https://wordpress.org/documentation/article/post-date-block/?output_format=md#link)
    - [Last modified date](https://wordpress.org/documentation/article/post-date-block/?output_format=md#last-modified-date)
    - [Advanced](https://wordpress.org/documentation/article/post-date-block/?output_format=md#advanced)
    - [Color](https://wordpress.org/documentation/article/post-date-block/?output_format=md#color)
    - [Typography](https://wordpress.org/documentation/article/post-date-block/?output_format=md#typography)
    - [Dimension](https://wordpress.org/documentation/article/post-date-block/?output_format=md#dimension)
 * [Changelog](https://wordpress.org/documentation/article/post-date-block/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/post-date-block/?output_format=md#wp--skip-link--target)

[Go to the List of Blocks](https://wordpress.org/documentation/article/blocks/)

Use the Post Date block to display the date of the post. This block is primarily
nested inside a[ query loop](https://wordpress.org/documentation/article/query-loop-block/)
block and helps to customize the appearance of the query loop. 

To add a Post Date block, click the **Block Inserter** icon when editing the page
template. Search for the Post Date** block**. Click on it to add the block to your
page template.

_Video showing how to add Post Date block_

You can also type /post-date and hit enter in a new paragraph block to add the Post
Date block quickly. 

![Post date block can be added by typing /post-date.](https://wordpress.org/documentation/
files/2022/03/Screen-Shot-2022-03-21-at-2.33.06-PM.png)

How to add Post Date block quickly

[Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/)

## 󠀁[Block toolbar](https://wordpress.org/documentation/article/post-date-block/?output_format=md#block-toolbar)󠁿

To view the block toolbar, click on the block and the toolbar will be displayed.

Every block comes with unique toolbar icons. These block-specific controls allow
you to manipulate the block right in the editor.

The Post Date block shows five buttons in the block toolbar:

 * Transform to
 * Drag icon
 * Move arrows
 * Change text alignment
 * More options

![Post date block toolbar block shows the available options in icon.](https://wordpress.
org/documentation/files/2023/07/63-post-date-block-toolbar.png)

Post date block toolbar

### 󠀁[Transform to:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#transform-to)󠁿

![Transform to shows in calendar icon in post date block toolbar. ](https://wordpress.
org/documentation/files/2023/09/63-post-date-block-toolbar-transform.png)

Transform to options in post date block

Click on the “Transform” button to convert the Post Date block into a “Group” block
or “Columns” block. 

### 󠀁[Drag icon:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#drag-icon)󠁿

![Drag icon beside the transform to option shows in two columns of three dots.](
https://wordpress.org/documentation/files/2023/09/drag-icon-post-date-block-toolbar.
png)

Drag icon in post date block toolbar

To drag and drop the block to a new location on the page template, click and hold
the rectangle of dots, then drag to the new location. The blue separator line indicates
where the block will be placed. Release the left mouse button when you find the 
new location to place the block.

### 󠀁[Move arrows:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#move-arrows)󠁿

![Move arrows option in post date block toolbar shows in up and down angle arrow
icon.](https://wordpress.org/documentation/files/2023/09/move-arrows-in-post-date-
block.png)

Move arrows in post date block toolbar

The up and down arrow icons can be used to move the block up and down on the page.

[Get more information about moving a block within the editor.](https://wordpress.org/documentation/article/moving-blocks/)

### 󠀁[Change text alignment:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#change-text-alignment)󠁿

![Change text alignment options in post date block toolbar shows in alignment icon
beside the move arrows icon.](https://wordpress.org/documentation/files/2023/09/
change-text-alignment-in-post-date-block-toolbar.png)

Change text alignment in post date block toolbar

Click the “Change alignment” button in the Block toolbar to display the alignment
drop-down. You can align the block text to the left, make it center-aligned or align
it to the right.

### 󠀁[Change Date:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#change-date)󠁿

Click the “Change date” button in the Block toolbar to display a modal with date
settings.

![Next to alignment icon, change date option in post date block toolbar shows in
pen icon. ](https://wordpress.org/documentation/files/2023/09/post-date-block-toolbar-
change-date.png)

Change Date in Post date block toolbar

You can select the publishing date and time through the input fields and options
or select the date from the calendar. You can use the arrow buttons to change the
month.
Click anywhere outside the modal, press the Escape key, or click on the button
with the X to close the modal.

![The publishing date modal has a close button at the top right corner and input
fields for time, am or pm, month, day and year.
Below the input field is a monthly
calendar.](https://wordpress.org/documentation/files/2023/07/63-post-date-block-
toolbar-change-date-modal-578x1024.png)

Publishing date modal for change date

### 󠀁[More option:](https://wordpress.org/documentation/article/post-date-block/?output_format=md#more-option)󠁿

These controls give you the option to copy, duplicate, and edit your block as HTML.

[[[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block settings](https://wordpress.org/documentation/article/post-date-block/?output_format=md#block-settings)󠁿

In addition to the block toolbar, every block has specific options in the editor
sidebar.

![Sidebar can be enabled by using the icon next to publish button.](https://wordpress.
org/documentation/files/2023/09/block-settings.png)

Sidebar icon to enable sidebar for Post Date block

_If you do not see the sidebar, click the ‘sidebar’ icon next to the Publish button._
_The device icon between **Save draft** and Publish button shows the preview of 
the block._

![After enabling the sidebar, the block section shows the settings and style for
post date block.](https://wordpress.org/documentation/files/2023/09/post-date-block-
settings-sidebar-589x1024.png)

Post Date block settings in the sidebar

### 󠀁[Format](https://wordpress.org/documentation/article/post-date-block/?output_format=md#format)󠁿

On this tab, you can select the format to display the date from the dropdown as 
shown below:

![Default format option in Post Date block settings shows the list of date formats
to choose from. ](https://wordpress.org/documentation/files/2023/07/post-date-block-
format-482x1024.png)

Post Date Format Settings

### 󠀁[Link](https://wordpress.org/documentation/article/post-date-block/?output_format=md#link)󠁿

Turn on the ‘Link to post’ button in the Block Settings to link the post date to
the URL of the post. This enables the website visitor to go to the post by clicking
on the Post Date.

![Link settings shows a toggle button to turn the Post Date into a link.](https://
wordpress.org/documentation/files/2022/03/Screen-Shot-2022-03-16-at-7.39.03-PM-1024x369.
png)

Link settings toggle button in the Post Date block sidebar

### 󠀁[Last modified date](https://wordpress.org/documentation/article/post-date-block/?output_format=md#last-modified-date)󠁿

Enable the toggle option in the block settings sidebar, to display the last modified
date.

![The last modified date shows a toggle button to turn the post date into last modified
date. ](https://wordpress.org/documentation/files/2023/07/last-modified-date.png)

Enabled last modified date from Post Date block sidebar

This block only displays the modified date if the “Display last modified date” setting
is enabled and the post has been modified. If the setting is enabled, but the post
has not been modified, then nothing is shown on the front.

Video showing last modified date appears after modifying the post

**Note: **

The Post Date block changes into the Post modified Date block when you turn on the
switch. You can also type /modified-date and hit enter to add the Post Modified 
Date block.

![The post modified date block can be added quickly by typing /modified. ](https://
wordpress.org/documentation/files/2023/09/post-modified-date-block.png)

Adding Post Modified Date block quickly

### 󠀁[Advanced](https://wordpress.org/documentation/article/post-date-block/?output_format=md#advanced)󠁿

The “Advanced” tab lets you add CSS class(es) to your block. This will allow you
to write custom CSS and styles to the block.

![Advanced setting in Post Date block shows a text field to add CSS class.](https://
lh6.googleusercontent.com/HCaeEAd-xkijY3husAGN8FkRfOokz6h-mLa1vQoT11JIf366WEE4Y3jtoy6CTOJGTpBZELgZPdIewg2ug8pURV5XtFciGwLHJiNwleOvlGte5WnWTug0SYe4p-
qBR54_8oR1NwHM)

Advanced setting in Post Date block

### 󠀁[Color](https://wordpress.org/documentation/article/post-date-block/?output_format=md#color)󠁿

You can customize the text color, background color, and link color for the Post 
Date block._ The color options available will vary based on the theme._

![Color setting from Post Date block style in the sidebar shows colors to add in
the Text, Background and in Link. ](https://wordpress.org/documentation/files/2023/
07/post-date-block-style-1024x957.png)

Color settings from the post date block style

[[[[[See this guide for more information about changing colors.](https://wordpress.org/documentation/article/colors-settings-overview/)

### 󠀁[Typography](https://wordpress.org/documentation/article/post-date-block/?output_format=md#typography)󠁿

On this tab, you can adjust the Font size, Font family, Appearance, Line height,
Letter case, and Letter-spacing. 

To access all the typography options click on the + button in the right corner of
the Typography tab. The following video shows using the typography support for post
date block:

Video showing typography for post date block style

[[[Get more details about changing typography settings.](https://wordpress.org/documentation/article/typography-settings-overview/)

### 󠀁[Dimension](https://wordpress.org/documentation/article/post-date-block/?output_format=md#dimension)󠁿

Padding and Margin can be quite useful for blocks like Post Date that are used in
layouts for post templates. This screengrab demonstrates the usefulness of being
able to adjust a single margin side when the block is used within a Row block:

![In Dimension setting, padding and margin shows control slider for top, right, 
bottom and left. ](https://wordpress.org/documentation/files/2023/07/dimension-post-
date-block.gif)

How to add padding and margin from dimension

## 󠀁[Changelog](https://wordpress.org/documentation/article/post-date-block/?output_format=md#changelog)󠁿

 * Created 2022-03-21
 * Updated on 2023-07-11
    - Updated the video to show how to add post date block because it was shows “
      Post Categories” which now has been changed into “Categories block”
 *  - Added option to display as the last modified date as suggested here [42312](https://github.com/WordPress/gutenberg/pull/42312)
      and also added the text under block settings
    - Added information for typography support, as mentioned here [43340](https://github.com/WordPress/gutenberg/pull/43340)
    - Added option for spacing support, as mentioned here [43406](https://github.com/WordPress/gutenberg/pull/43406)
 * Made sure all the images have alt tag
 * Made sure the headings are in sentence case
 * Made sure the screenshots are updated and videos are relevant to the latest version
   6.2.2
 * Updated on 2023-07-16
    - Added the Post Date block variation for Post Modified Date, as mentioned here
      [49111](https://github.com/WordPress/gutenberg/pull/49111)
    - Added the video for only display the modified post date if the post has been
      modified, as mentioned here [46839](https://github.com/WordPress/gutenberg/pull/46839)
 * Updated on 2023-07-23
    - Corrected the headings for Block toolbar
 * Updated on 2023-07-28
    - Update the block toolbar screenshots and added relevant content for change
      date and updated screenshot for More option.
    - Update the Block settings sidebar screenshots and relevant content for preview
      icon.
    - Included the “Post date block variation for post modified date” content as
      a note under “Last modified date” in the Block settings sidebar.

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/post-date-block/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fpost-date-block%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

March 21, 2022

Last updated

June 8, 2024