Frontend templates

Calendar

The calendar is designed to inform GOV.UK end-users important dates in the United Kingdom. For instance, upcoming bank holidays and when the clocks change.

How it works

According to the wiki post, Blue team are responsible for working with developers in the homepage and navigation team to add bank holiday information on /bank-holidays. They should arrange for /when-do-the-clocks-change to be updated at the same time, including its meta description.

Blue team adds new dates to the page the October or November 2 years in advance. For example, we added all the 2020 bank holiday dates in November 2018. We should also remove the oldest year of past bank holidays from the page.

Blue team will raise a Content Storytime ticket.

The developers will then draft the changes and blue team fact check them using legislation and this guidance.

Live examples

• UK bank holidays
• When do the clocks change?
• Gwyliau banc y DU

Complete list of examples available and page data on Content Data.

How it's built

These are the underlying technologies that make-up the calendar front template.

Content schema

calendar

What is a content schema?

A GOV.UK content schema is a JSON schema that defines the data structure of a piece of content. It determines what content and metadata attributes the page has.

Content type

calendar

What is a content type?

Content type describes the types of pages that exist on GOV.UK. It’s stored in the content item (JSON) as document_type. It powers search filters in all finders and changes the content type label users see on GOV.UK pages.

Rendering app

frontend

What is a rendering app?

Rendering apps render content to GOV.UK end-users.

Components

The components used within the calendar frontend template

Component	Source	Publishing app input field(s)
Layout super navigation header	Autogenerated in frontend template
Contextual breadcrumbs	Hardcoded by developer
Page title	Hardcoded by developer
Tabs	Hardcoded by developer
Panel	Hardcoded by developer
Calendar	Hardcoded by developer
Subscribe	Hardcoded by developer
Metadata block	Hardcoded by developer
Related navigation when displayed within contextual sidebar	Hardcoded by developer
Feedback	Autogenerated in frontend template
Layout footer	Autogenerated in frontend template

Help improve this frontend template

To help make sure that this page is useful, relevant and up to date, instructions on how to contribute can be found on the GitHub repository (opens in a new tab).