Date Block turns one date into a calendar-style badge or an inline row. You pick the date and the element works out the weekday and month name in the site language. Add a time and a label, then choose one of four fill styles.
Every date below was entered as a plain date. The weekday and month names are worked out by the element, so they can never disagree with the date.
Each block is set to 14 November 2026 and nothing else. The weekday is worked out by the element, and the colours come from the site brand colour.
Solid BrandBrand fill, white text
TintLight brand tint and border
Outline2px brand border
NoneNo box, text only
The same event shown both ways, with a label and a time. Stacked makes a calendar badge, Inline Row puts everything on one line so it can sit in a sentence or a card footer.
StackedLabel, weekday, day, month and time
Inline RowThe same parts on one line
Weekday and month names follow the site language. Uppercase is a toggle, and the weekday can be hidden.
Long namesUppercase off
Short namesUppercase on
Weekday hiddenDay and month only
Each row pairs a Tint Date Block with a time, then a title and details. The last row uses Solid Brand to pick out the headline event. Only the dates were entered, and every weekday comes from the element.
Main hall. Free entry, 40 stalls of local craft and food.
Starts at the lighthouse. Head torches provided.
A 3km lantern trail along the seafront. Family ticket £12.
With the Harbour Community Choir. Mince pies at the interval.
You only enter the date. The rest is worked out for you.
Choose it in the date picker, or connect a date from a custom field with dynamic data.
Both are optional. The time goes into the machine-readable date as well as on screen.
Stacked or inline, short or long names, and a Solid, Tint, Outline or None fill.
Built for events, fixtures, deadlines and blog dates.
The weekday and month name come from the date itself, so you never type them and they are always right.
Names are formatted by WordPress, so they follow the language set for the site.
Solid Brand, Tint, Outline or None. Each one uses the site brand colour until you set your own.
A square calendar badge, or all parts on one line. A stacked badge can switch to inline from a chosen breakpoint.
Show Saturday or Sat, October or Oct, hide the weekday, and switch uppercase on or off.
Add a time such as 19:30 or 7.30pm, and a label such as Next match or Doors open.
The date is output in a time tag with a datetime attribute, including the time when you add one.
Takes YYYY-MM-DD, ACF-style 20261003, Unix timestamps and common written dates from dynamic data.
Set the day number and small text sizes separately, plus width, padding, radius and gap.
Anywhere a date needs to stand out from the text around it.
A badge on each row of a what's on page or an events loop.
The next match date with a kick-off time and a Next match label.
An inline date or a small badge on a post card, taken from the post date field.
Show when the next intake begins, from a custom field.
Closing dates for applications, offers or entries.
Opening nights, tours and special dates.
This is the full list of settings in the Breakdance editor, with their default values.
| Control | What it does | Default |
|---|---|---|
| Content: Date | ||
| Date | The date to show. Accepts dynamic data. | 2026-10-03 |
| Time (optional) | A time such as 15:00 or 7.30pm. | 15:00 |
| Label (optional) | A short label shown with the date. | Next match |
| Content: Format | ||
| Weekday | Short (Sat), Long (Saturday) or Hide. | Short |
| Month | Short (Oct) or Long (October). | Short |
| Uppercase Weekday & Month | Show the weekday and month in capitals. | On |
| Design: Layout | ||
| Layout | Stacked or Inline Row. | Stacked |
| Switch To Inline At | Turn a stacked badge into an inline row from this breakpoint down. | — |
| Width | Badge width. Responsive. | 96px stacked, auto inline |
| Padding | Inner spacing. | 0.625em 0.75em |
| Radius | Corner radius. | 12px |
| Gap Between Parts | Space between the parts. Responsive. | 0.25em stacked, 0.4em inline |
| Design: Fill & Colours | ||
| Fill Style | Solid Brand, Tint, Outline or None. | Solid Brand |
| Fill Colour | Background for Solid and Tint. | Brand colour |
| Border Colour | Border colour for every style except None. | — |
| Border Width | Border width in px. | 2px for Outline |
| Day Number Colour | Colour of the day number. | — |
| Small Text Colour | Colour of the label, weekday, month and time. | — |
| Design: Text | ||
| Day Number Size | Size of the day number. Responsive. | 2.5rem stacked, 1.25em inline |
| Small Text Size | Size of the label, weekday, month and time. Responsive. | 0.75rem stacked, 1em inline |
| Day Number Typography | Font settings for the day number. | — |
| Small Text Typography | Font settings for the small text. | — |
No. You only enter the date. The weekday and month name are worked out from it, so a changed date can never leave the wrong weekday behind.
Yes. They are formatted by WordPress using the site language.
Yes. Date, time and label accept dynamic data. YYYY-MM-DD works best, and ACF-style 20261003, Unix timestamps and common written dates are also understood.
Nothing is shown on the page. In the builder you see a dashed placeholder so you can still style it.
No. The date is treated as a calendar date, not a moment in time, so it shows the day you entered.
Anything you type is shown as written. Times like 19:30, 19.30 or 7.30pm are also added to the machine-readable datetime attribute.
Date Block is included with Phox Elements, along with 140+ other premium elements for Breakdance.