Widgets Showcase

Basic Config

This page provides a basic configuration for using the calendar widget, focusing on a minimal setup to get started quickly. For screen widths below 480px, the calendar widget is hidden by default. To view it, click the "Find Tickets" button at the bottom of the screen.

Use real data

1<Script src='https://calendar.finale-cdn.uk/latest/calendar.js' strategy='afterInteractive' onLoad={() =>
2    window.LTD.Calendar.init({
3        rootElementId: 'calendarWidget',
4        affiliateId: '00000000-0000-0000-0000-000000000000',
5        eventUrlId: 'the-lion-king-tickets',
6        performanceSelectionRedirectUrl: 'https://www.londontheatredirect.com',
7        isStickyMobileFooter: true
8    })
9} />