Historical Events

April

Discover 44 significant historical events from April 1914 to 2023, featuring battles, discoveries, and cultural milestones that shaped our world.

Browse Events by Month

January February March April May June July August September October November December
April 1 2 events

Battle of Greece

1941

2017 Coupe de la Ligue Final

2017
April 2 1 events

2006 Tour of Flanders

2006
April 3 2 events

The Pharaohs' Golden Parade

2021

2017 Saint Petersburg Metro attack

2017
April 4 2 events

1998 Coupe de la Ligue Final

1998

2020 Coupe de la Ligue Final

2020
April 5 1 events

2009 Tour of Flanders

2009
April 6 2 events

2008 Tour of Flanders

2008

1996 Coupe de la Ligue Final

1996
April 7 1 events

2002 Tour of Flanders

2002
April 8 3 events

2007 Tour of Flanders

2007

2001 Tour of Flanders

2001

Kramatorsk railway station attack

2022
April 9 4 events

2006 Paris–Roubaix

2006

2000 Paris–Roubaix

2000

2009 Indonesian legislative election

2009
April 10 1 events

1994 African Cup of Nations Final

1994
April 11 3 events

sweweo0w'jif23rj1

2001

Insurgency in the Maghreb (2002–)

2002

2015 Coupe de la Ligue Final

2015
April 12 1 events

1997 Coupe de la Ligue Final

1997
April 13 1 events

2008 Paris–Roubaix

2008
April 14 1 events

2012 Coupe de la Ligue Final

2012
April 15

No events recorded

April 16

No events recorded

April 17 1 events

death and funeral of Prince Philip, Duke of Edinburgh

2021
April 18 1 events

Doolittle Raid

1942
April 19 1 events

2006 La Flèche Wallonne

2006
April 20 3 events

Ludlow Massacre

1914

2002 Coupe de la Ligue Final

2002

2013 Coupe de la Ligue Final

2013
April 21

No events recorded

April 22 2 events

2006 Coupe de la Ligue Final

2006

2000 Coupe de la Ligue Final

2000
April 23 2 events

2008 La Flèche Wallonne

2008

2011 Coupe de la Ligue Final

2011
April 24 1 events

Eurovision Song Contest 1982

1982
April 25 1 events

2009 Coupe de la Ligue Final

2009
April 26

No events recorded

April 27 2 events

2019 Coupe de France Final

2019

1940 Mandatory Palestine v Lebanon football match

1940
April 28 1 events

2012 Coupe de France Final

2012
April 29 3 events

wedding of Prince William and Catherine Middleton

2011

2023 Coupe de France final

2023

2006 Coupe de France Final

2006
April 30 1 events

2005 Coupe de la Ligue Final

2005
Historical Events in April <meta name="description" content="Browse historical events that occurred in April"> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/on-this-month/april/"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script> function openModal(dateId) { document.getElementById('modal-' + dateId).classList.remove('hidden'); document.body.style.overflow = 'hidden'; } function closeModal(dateId) { document.getElementById('modal-' + dateId).classList.add('hidden'); document.body.style.overflow = 'auto'; } // Close modal when clicking outside window.onclick = function(event) { if (event.target.classList.contains('modal-backdrop')) { event.target.classList.add('hidden'); document.body.style.overflow = 'auto'; } } // Close modal on escape key document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { document.querySelectorAll('.modal-backdrop').forEach(modal => { modal.classList.add('hidden'); document.body.style.overflow = 'auto'; }); } }); </script> <div class="bg-gradient-to-b from-blue-50 to-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <!-- Header --> <div class="text-center mb-12"> <h1 class="text-4xl sm:text-5xl font-bold mb-6 text-gray-900">Historical Events</h1> <p class="text-2xl font-medium text-blue-600 mb-4">April</p> <p class="text-xl text-gray-600"> Discover 44 significant historical events from April 1914 to 2023, featuring battles, discoveries, and cultural milestones that shaped our world. </p> </div> <!-- Month Navigation --> <div class="mb-12"> <div class="bg-white rounded-xl shadow-sm p-6"> <h2 class="text-xl font-semibold mb-4">Browse Events by Month</h2> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3"> <a href="/events/on-this-month/january" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> January </a><a href="/events/on-this-month/february" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> February </a><a href="/events/on-this-month/march" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> March </a><a href="/events/on-this-month/april" class="px-4 py-3 rounded-lg text-center transition-colors bg-blue-600 text-white font-medium"> April </a><a href="/events/on-this-month/may" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> May </a><a href="/events/on-this-month/june" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> June </a><a href="/events/on-this-month/july" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> July </a><a href="/events/on-this-month/august" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> August </a><a href="/events/on-this-month/september" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> September </a><a href="/events/on-this-month/october" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> October </a><a href="/events/on-this-month/november" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> November </a><a href="/events/on-this-month/december" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> December </a> </div> </div> </div> <!-- Calendar Grid --> <div class="bg-white rounded-xl shadow-sm p-6"> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4"> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 1 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Battle of Greece</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1941 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2017 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2017 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 2 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2006 Tour of Flanders</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 3 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">The Pharaohs' Golden Parade</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2021 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2017 Saint Petersburg Metro attack</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2017 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 4 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1998 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1998 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2020 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2020 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 5 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2009 Tour of Flanders</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2009 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 6 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2008 Tour of Flanders</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2008 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1996 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1996 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 7 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2002 Tour of Flanders</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2002 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-blue-500 shadow-md bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-blue-600"> April 8 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2007 Tour of Flanders</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2007 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2001 Tour of Flanders</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2001 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Kramatorsk railway station attack</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2022 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 9 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 4 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2006 Paris–Roubaix</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2000 Paris–Roubaix</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2000 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2009 Indonesian legislative election</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2009 </span> </div> <div class="mt-2 space-y-1"> </div> </div> <button onclick="openModal('april-9')" class="w-full mt-2 px-4 py-2 bg-blue-50 text-blue-600 rounded-lg text-sm font-medium hover:bg-blue-100 transition-colors"> View all 4 events </button> </div> </div> <div id="modal-april-9" class="modal-backdrop hidden fixed inset-0 bg-black bg-opacity-50 z-50 overflow-y-auto p-4"> <div class="min-h-screen flex items-center justify-center"> <div class="bg-white rounded-xl max-w-3xl w-full max-h-[90vh] overflow-hidden relative"> <div class="p-6 border-b border-gray-200"> <div class="flex items-center justify-between"> <h2 class="text-2xl font-bold text-gray-900"> Events on April 9 </h2> <button onclick="closeModal('april-9')" class="text-gray-400 hover:text-gray-500"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <div class="p-6 overflow-y-auto max-h-[calc(90vh-120px)]"> <div class="space-y-4"> <div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">2006 Paris–Roubaix</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">2000 Paris–Roubaix</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2000 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">2009 Indonesian legislative election</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2009 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">Tonga 0–22 Australia</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2001 </span> </div> </div> </div> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 10 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1994 African Cup of Nations Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1994 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 11 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">sweweo0w'jif23rj1</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2001 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Insurgency in the Maghreb (2002–)</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2002 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2015 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2015 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 12 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1997 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1997 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 13 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2008 Paris–Roubaix</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2008 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 14 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2012 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2012 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 15 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 16 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 17 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">death and funeral of Prince Philip, Duke of Edinburgh</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2021 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 18 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Doolittle Raid</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1942 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 19 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2006 La Flèche Wallonne</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 20 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Ludlow Massacre</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1914 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2002 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2002 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2013 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2013 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 21 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 22 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2006 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2000 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2000 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 23 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2008 La Flèche Wallonne</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2008 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2011 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2011 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 24 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1982</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1982 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 25 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2009 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2009 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 26 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 27 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2019 Coupe de France Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2019 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1940 Mandatory Palestine v Lebanon football match</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1940 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 28 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2012 Coupe de France Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2012 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 29 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">wedding of Prince William and Catherine Middleton</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2011 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2023 Coupe de France final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2023 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2006 Coupe de France Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> April 30 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2005 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2005 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> </div> </div> </div> </div>