<ol data-ecl-auto-init="Timeline2" class="ecl-timeline2" data-ecl-timeline="true">
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">13 September 2017</div>
<div class="ecl-timeline2__title">State of the Union speech</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">President
Juncker's State of the Union speech</a></div>
</li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">28-29 September 2017</div>
<div class="ecl-timeline2__title">Informal Summit</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Informal Digital
Summit, Tallinn</a></div>
</li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">14 November 2017</div>
<div class="ecl-timeline2__title">Opening the Leaders meeting discussion in Gothenburg, Sweden</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Strengthening European
identity through education and culture: European Commission's contribution to the Leaders' meeting,
Gothenburg, Sweden</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">17 November 2017</div>
<div class="ecl-timeline2__title">Social Summit is open</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Social Summit in
Gothenburg, Sweden</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">6 December 2017</div>
<div class="ecl-timeline2__title">The proposals event</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Economic and Monetary
Union package of proposals</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">14-15 December 2017</div>
<div class="ecl-timeline2__title">Migration issues meeting</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">EU Leaders'
meeting on migration, Brussels</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">15 December 2017</div>
<div class="ecl-timeline2__title">The Euro Summmit</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Euro Summit</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">6 February 2018</div>
<div class="ecl-timeline2__title">Balkans strategy discussion</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">EU-Western Balkans
Strategy</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">14 February 2018</div>
<div class="ecl-timeline2__title">Institutional issues discussion meeting</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Multiannual Financial
Framework</a> and <a href="/example" class="ecl-link ecl-link--standalone">institutional issues</a> - enhancing
efficiency at the helm of the European Union</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">23 February 2018</div>
<div class="ecl-timeline2__title">European council conclusions</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Informal European
Council traineeship</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">22-23 March 2018</div>
<div class="ecl-timeline2__title">Foreign Relations Summit</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">European council on
foreign relations</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">2 May 2018</div>
<div class="ecl-timeline2__title">Foreign Relations Summit</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Commission proposal:
Long-term budget post-2020</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">15 May 2018</div>
<div class="ecl-timeline2__title">The Informal Leaders meeting</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">European Commission’s
contribution to the Informal Leaders' meeting</a>, Sofia, Bulgaria (16 May 2018)</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">17 May 2018</div>
<div class="ecl-timeline2__title">The Balkans Summit</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">EU-Western Balkans
Summit</a> (Sofia, Bulgaria)</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">23 May 2018</div>
<div class="ecl-timeline2__title">Adopting the euro - Open Discussion</div>
<div class="ecl-timeline2__content">Progress by Member States in meeting the conditions for adopting the euro - <a
href="/example" class="ecl-link ecl-link--standalone">reports</a> by the European Commission and ECB</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">23 May 2018</div>
<div class="ecl-timeline2__title">Opening the European Semester</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">European Semester</a>:
European Commission publishes economic policy guidance for Member States</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">29 May - 14 June 2018</div>
<div class="ecl-timeline2__title">Policy Guidance for Member States Publications</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">EU budget for the
future</a>: European Commission's legislative proposals for spending programmes</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">28-29 June 2018</div>
<div class="ecl-timeline2__title">Commission contributions to the European Council - Discussion meetings</div>
<div class="ecl-timeline2__content">Commission contribution to the European Council: <a href="/example"
class="ecl-link ecl-link--standalone">Economic and Monetary Union, migration, EU budget for the future</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">10 July 2018</div>
<div class="ecl-timeline2__title">Regulations in the daily operations</div>
<div class="ecl-timeline2__content">Ways to enhance subsidiarity, proportionality and better regulation in the daily
operations of the EU: <a href="/example" class="ecl-link ecl-link--standalone">Report</a> by the Task Force
chaired by Commission First Vice-President Timmermans</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">12 September 2018</div>
<div class="ecl-timeline2__title">Opening speech</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">President
Juncker's State of the Union speech</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">20 September 2018</div>
<div class="ecl-timeline2__title">Informal European Council</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">Informal European
Council/Meeting of EU27 (Salzburg, Austria)</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">18 October 2018</div>
<div class="ecl-timeline2__title">Formal European Council meetings</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">European Council
meeting</a>, Brussels</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">21 November 2018</div>
<div class="ecl-timeline2__title">The Council meetings opening</div>
<div class="ecl-timeline2__content"><a href="/example" class="ecl-link ecl-link--standalone">European Semester</a>:
setting the economic and social priorities</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">28 November 2018</div>
<div class="ecl-timeline2__title">Capital Markets Union Summit</div>
<div class="ecl-timeline2__content">Commission contribution to the European Council on <a href="/example"
class="ecl-link ecl-link--standalone">Capital Markets Union and Banking Union</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">04 December 2018</div>
<div class="ecl-timeline2__title">Contribution to the European Council - Regulations</div>
<div class="ecl-timeline2__content">Commission contribution to the European Council on <a href="/example"
class="ecl-link ecl-link--standalone">long-term EU budget</a> and <a href="/example"
class="ecl-link ecl-link--standalone">migration</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">05 December 2018</div>
<div class="ecl-timeline2__title">Contribution to the European Council - Discussion</div>
<div class="ecl-timeline2__content">Commission contribution to the European Council on the <a href="/example"
class="ecl-link ecl-link--standalone">international role of the euro</a> and the <a href="/example"
class="ecl-link ecl-link--standalone">Action Plan on disinformation</a></div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">11 December 2018</div>
<div class="ecl-timeline2__title">Contribution to the European Council - Workshops</div>
<div class="ecl-timeline2__content">Commission contribution to the European Council on the <a href="/example"
class="ecl-link ecl-link--standalone">Citizens' Dialogues</a></div>
</li>
<li class="ecl-timeline2__item ecl-timeline2__item--toggle"><button data-ecl-timeline-button="true"
data-ecl-label-collapsed="Show 24 more items" data-ecl-label-expanded="Hide 24 items" type="button"
class="ecl-timeline2__toggle ecl-button ecl-button--secondary"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Show 24 more items</span><svg focusable="false"
aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--xs ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></span></button></li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">11 December 2018</div>
<div class="ecl-timeline2__title">Contribution to the European Council - Final thoughts</div>
<div class="ecl-timeline2__content">Commission contribution to the <a href="/example"
class="ecl-link ecl-link--standalone">Euro Summit</a></div>
</li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">13-14 December 2018</div>
<div class="ecl-timeline2__title">Summit closing</div>
<div class="ecl-timeline2__content">European Council and Euro Summit</div>
</li>
</ol>Try it yourself on the playground
Playground