Timetables for Stop/Station pages

[jkmnch]

Add a new page named Timetables under Patterns.

The designs for the homepage widgets can be found in the Homepage page in the Figma DS: https://www.figma.com/file/rQRpNn6RM6nUcbm2HCWQlO/TfWM-Design-System?node-id=612%3A2699

Timetables

Bus and tram

What does it do?

• Shows the full timetable for a bus service or tram service

When to use it?

• On a bus stop page
• On a tram stop page

How it works?

• Selecting a departure time will display the full route of the bus or tram service from that time
• Users can choose a day of the week, including bank holidays
• The Warning text component informs users when the timetable was last updated and if there is an upcoming change to the timetable
• Users can download a PDF file of the timetable
• Users can see the service route page for a bus or tram by selecting the ‘View full route’ button

Default

[show default timetable]

Departure time selected

[show expanded timetable with time selected]

Train

What does it do?

• Directs users to the train operator(s) website so they can view full timetables
• Helps users to find which train operator(s) run services between two rail stations

When to use it?

• On a train station page

How it works?

• Users enter their departure and arrival station
• The results will tell users which operator(s) run services between the two rail stations and link them to the train operator(s) homepage

Default

[show default train timetable search]

Results

[show train timetable search results]

Bus and tram route

What does it do?

• Shows the full route for a bus or tram service

When to use it?

• On a bus service route page
• On a tram service route page

How it works?

• Users can view bus or tram stop pages by selecting the link

[show route pattern]

[houbly]

Now merged into main branch

[wmcadigital-admin]

🎉 This issue has been resolved in version 2.1.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀