www.flysas.com
Open in
urlscan Pro
66.22.34.74
Public Scan
Submitted URL: http://www.scandinavianairlines.aero/
Effective URL: https://www.flysas.com/en/?utm_source=scandinavianairlines.aero&utm_medium=parkeddomain
Submission: On August 18 via api from JP — Scanned from NL
Effective URL: https://www.flysas.com/en/?utm_source=scandinavianairlines.aero&utm_medium=parkeddomain
Submission: On August 18 via api from JP — Scanned from NL
Form analysis 1 forms found in the DOM
<form onsubmit="return false;">
<div class="trip-selections">
<sas-cep-trip-type value="rt" data-label-description="Select trip type" data-label-rt="Round trip" data-label-ow="One way" data-label-oj="Return from another airport" id="sid-phjbvqbk34">
<style data-element-name="sas-cep-trip-type">
:host(sas-cep-trip-type),
sas-cep-trip-type {
display: flex;
flex-flow: column;
position: relative;
}
sas-cep-trip-type dialog {
display: flex;
flex-flow: column;
gap: var(--margin-double);
z-index: 2;
background: var(--color-white);
padding: 0 calc(var(--margin-normal) * 3);
box-shadow: var(--shadow-normal);
border: 0;
border-radius: var(--border-radius-input);
position: absolute;
top: 24px;
min-width: 320px;
}
sas-cep-trip-type dialog::backdrop {
background: rgba(0, 0, 0, 0.25);
}
sas-cep-trip-type>button {
display: inline-flex;
flex-flow: row nowrap;
gap: 0;
flex-grow: 1;
height: auto;
min-height: auto;
justify-content: flex-start;
align-items: center;
background: transparent;
border-radius: var(--border-radius-input);
padding: 0;
font-weight: 700;
color: var(--color-blue-3);
text-transform: none;
white-space: nowrap;
}
sas-cep-trip-type #toggle:hover,
sas-cep-trip-type #toggle:active {
background-color: unset;
}
sas-cep-trip-type #toggle *:last-child {
margin-left: auto;
color: var(--color-text);
}
sas-cep-trip-type ul {
all: unset;
display: flex;
flex-direction: column;
}
sas-cep-trip-type li {
display: flex;
align-items: center;
}
sas-cep-trip-type li:not(:first-child):not(:last-child) {
border-top: 1px solid var(--color-gray-2);
border-bottom: 1px solid var(--color-gray-2);
}
sas-cep-trip-type input[type="radio"] {
-webkit-appearance: none;
appearance: none;
background-color: #fff;
margin: 0;
border: 0;
}
sas-cep-trip-type input:checked {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgOS40TDAgNS40TDEuNCA0TDQgNi42TDEwLjYgMEwxMiAxLjRMNCA5LjRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo=");
}
sas-cep-trip-type input[type="radio"]:checked:hover {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgOS40TDAgNS40TDEuNCA0TDQgNi42TDEwLjYgMEwxMiAxLjRMNCA5LjRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo=");
}
sas-cep-trip-type input[type="radio"]:focus-visible {
box-shadow: none;
}
sas-cep-trip-type label {
flex-grow: 1;
margin-left: calc(var(--margin-normal) / 2);
padding: calc(var(--margin-normal) * 1.5) calc(var(--margin-normal) / 2);
cursor: pointer;
}
</style>
<button id="toggle" type="button" aria-description="Select trip type">
<span id="value" aria-live="polite">Round trip</span>
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-down"></use>
</svg>
</button>
<dialog hidden="">
<ul>
<li><input type="radio" name="trip-type" value="rt" id="rt" checked=""><label for="rt">Round trip</label></li>
<li><input type="radio" name="trip-type" value="ow" id="ow"><label for="ow">One way</label></li>
<li><input type="radio" name="trip-type" value="oj" id="oj"><label for="oj">Return from another airport</label></li>
</ul>
</dialog>
</sas-cep-trip-type>
<sas-cep-travelers value="a1c0i0y0" id="sid-tnng9hb4oe">
<style data-element-name="sas-cep-travelers">
@media (max-width: 1023px) {
body:has(sas-cep-travelers sas-dialog[modal] dialog[open]) {
position: fixed;
overflow: clip;
height: 100dvh;
}
}
sas-cep-travelers sas-dialog[modal] dialog {
position: fixed;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
overscroll-behavior-y: contain;
overflow-y: auto;
border-radius: 0;
padding: 0;
}
sas-cep-travelers sas-dialog>button span,
sas-cep-travelers sas-dialog>.group-button span {
color: var(--color-blue-3);
}
sas-cep-travelers sas-dialog[modal] button[aria-expanded="false"],
sas-cep-travelers sas-dialog[modal] .group-button {
background: none;
}
sas-cep-travelers sas-dialog[modal] section {
position: relative;
}
sas-cep-travelers sas-dialog[modal] section::after {
content: "";
position: absolute;
background: linear-gradient(180deg, var(--color-gray-1) 0%, rgba(0, 0, 0, 0) 100%);
height: 100%;
max-height: calc(var(--margin-quadra) * 3);
width: 100%;
top: 100%;
z-index: -1;
}
sas-cep-travelers button[aria-expanded],
sas-cep-travelers .group-button {
all: unset;
}
sas-cep-travelers button[aria-expanded] span,
sas-cep-travelers .group-button span {
color: var(--color-gray-4);
font: var(--p3);
font-weight: var(--font-weight-normal);
}
sas-cep-travelers button[aria-expanded] span span,
sas-cep-travelers .group-button span span {
white-space: nowrap;
}
sas-cep-travelers button[aria-expanded="true"],
sas-cep-travelers .group-button {
display: flex;
justify-content: center;
padding: var(--margin-triple);
border-bottom: var(--border-normal);
font: var(--p2);
font-weight: var(--font-weight-bold);
}
@media (max-height: 760px) {
sas-cep-travelers button[aria-expanded="true"],
sas-cep-travelers .group-button {
padding: var(--margin-double) var(--margin-triple);
}
}
sas-cep-travelers button[aria-expanded="true"] span,
sas-cep-travelers button[aria-expanded="true"] svg {
display: none;
}
sas-cep-travelers button[aria-expanded="false"],
sas-cep-travelers .group-button {
display: flex;
flex-direction: row;
color: var(--color-blue-4);
font: var(--p2);
font-weight: var(--font-weight-bold);
background: var(--color-gray-1);
align-items: center;
justify-content: space-between;
}
sas-cep-travelers button[aria-expanded="false"] div,
sas-cep-travelers .group-button div {
display: flex;
flex-direction: column;
padding-right: var(--margin-normal);
}
sas-cep-travelers button[aria-expanded="false"][id$="-youth-button"] {
padding: var(--margin-triple) var(--margin-triple) calc(var(--margin-triple) / 2) var(--margin-triple);
}
sas-cep-travelers button[aria-expanded="false"][id$="-umnr-button"] {
padding: calc(var(--margin-triple) / 2) var(--margin-triple);
}
sas-cep-travelers .group-button {
padding: calc(var(--margin-triple) / 2) var(--margin-triple) var(--margin-triple) var(--margin-triple);
cursor: pointer;
}
sas-cep-travelers .group-button:focus,
sas-cep-travelers .group-button:hover,
sas-cep-travelers .group-button:active,
sas-cep-travelers .group-button:focus-visible {
background: var(--color-gray-1);
color: var(--color-blue-4);
}
sas-cep-travelers section {
display: none;
flex-direction: column;
}
sas-cep-travelers [aria-expanded="true"]+section {
display: flex;
}
sas-cep-travelers section>div {
display: flex;
flex-direction: column;
}
sas-cep-travelers section>[role="alertdialog"] {
padding: var(--margin-triple);
}
sas-cep-travelers section>[role="alertdialog"]+div {
display: none;
}
sas-cep-travelers section>[role="alertdialog"][hidden]+div {
display: flex;
}
sas-cep-travelers section>div>div {
display: flex;
flex-direction: column;
row-gap: var(--margin-double);
padding: var(--margin-triple);
border-bottom: var(--border-normal);
margin-bottom: var(--margin-triple);
}
@media (max-height: 760px) {
sas-cep-travelers section>div>div {
padding: var(--margin-double) var(--margin-triple);
margin-bottom: var(--margin-double);
}
}
sas-cep-travelers section>div>div+button,
sas-cep-travelers section>div>div+.btn {
margin: 0 var(--margin-triple) var(--margin-triple) auto;
}
@media (max-height: 760px) {
sas-cep-travelers section>div>div+button,
sas-cep-travelers section>div>div+.btn {
margin-bottom: var(--margin-double);
}
}
sas-cep-travelers button.back {
all: unset;
display: flex;
flex-direction: row;
align-items: center;
color: var(--color-blue-4);
font: var(--p2);
font-weight: var(--font-weight-bold);
background: var(--color-gray-1);
padding: var(--margin-triple);
}
sas-cep-travelers button.back div {
display: flex;
flex-direction: column;
padding-left: var(--margin-normal);
gap: var(--unit-grid);
}
sas-cep-travelers button.back span {
color: var(--color-gray-4);
font: var(--p3);
font-weight: var(--font-weight-normal);
}
sas-cep-travelers button .sas-icon {
color: var(--color-blue-4);
}
sas-cep-travelers [role="alertdialog"]:not([hidden])~button span {
display: none;
}
sas-cep-travelers sas-spin-button button[aria-disabled="true"] {
background: var(--color-gray-1-hover);
cursor: default;
}
sas-cep-travelers sas-spin-button button[aria-disabled="true"] .sas-icon {
color: var(--color-gray-5-hover);
}
</style><sas-match-media query="(max-width: 767px)" id="sid-fkk90ediloo"></sas-match-media>
<sas-dialog label="1 adult" id="sid-jvhvefqsu58">
<button type="button">
<span aria-live="polite">1 adult</span>
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-down"></use>
</svg>
</button>
<dialog>
<button type="button" aria-expanded="true" aria-controls="sid-tnng9hb4oe-section-adult-children" id="sid-tnng9hb4oe-adult-children-button" disabled=""> Travelers </button>
<section id="sid-tnng9hb4oe-section-adult-children" role="region" aria-labelledby="sid-tnng9hb4oe-adult-children-button">
<div>
<div>
<sas-spin-button label-decrement="Decrement" label-increment="Increment" name="adult" label="Adults" value="1" min="1" max="9" id="sid-v7rlcdjog3g">
<style data-element-name="sas-spin-button">
sas-spin-button {
--size: calc(var(--margin-quadra) + var(--unit-grid));
display: inline-flex;
align-items: center;
justify-content: space-between;
}
sas-spin-button label {
margin-right: var(--gap-form);
}
sas-spin-button div {
display: inline-flex;
gap: var(--unit-grid);
}
sas-spin-button button,
sas-spin-button input {
border-radius: var(--border-radius-normal);
width: var(--size);
height: var(--size);
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
text-align: center;
}
sas-spin-button button:first-of-type {
background: var(--color-gray-1);
}
sas-spin-button button:first-of-type .sas-icon {
color: var(--color-gray-3);
}
sas-spin-button button:last-of-type {
background: var(--color-blue-3);
}
sas-spin-button button:last-of-type .sas-icon {
color: var(--color-white);
}
sas-spin-button button:not([aria-disabled="true"]):hover {
background: var(--color-brand-hover);
}
</style>
<label for="sid-v7rlcdjog3g-input">Adults</label>
<div>
<button type="button" tabindex="-1" aria-label="Decrement" aria-disabled="true"><svg class="sas-icon sas-icon-cl--minus" role="presentation">
<use href="#cl--minus"></use>
</svg></button>
<input tabindex="0" id="sid-v7rlcdjog3g-input" role="spinbutton" name="adult" value="1" min="1" max="9">
<button type="button" tabindex="-1" aria-label="Increment" aria-disabled="false"><svg class="sas-icon sas-icon-cl--plus" role="presentation">
<use href="#cl--plus"></use>
</svg></button>
</div>
</sas-spin-button>
<sas-spin-button label-decrement="Decrement" label-increment="Increment" name="child" label="Children (2-11 years)" value="0" min="0" max="8" id="sid-qtgsuonanao">
<style data-element-name="sas-spin-button">
sas-spin-button {
--size: calc(var(--margin-quadra) + var(--unit-grid));
display: inline-flex;
align-items: center;
justify-content: space-between;
}
sas-spin-button label {
margin-right: var(--gap-form);
}
sas-spin-button div {
display: inline-flex;
gap: var(--unit-grid);
}
sas-spin-button button,
sas-spin-button input {
border-radius: var(--border-radius-normal);
width: var(--size);
height: var(--size);
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
text-align: center;
}
sas-spin-button button:first-of-type {
background: var(--color-gray-1);
}
sas-spin-button button:first-of-type .sas-icon {
color: var(--color-gray-3);
}
sas-spin-button button:last-of-type {
background: var(--color-blue-3);
}
sas-spin-button button:last-of-type .sas-icon {
color: var(--color-white);
}
sas-spin-button button:not([aria-disabled="true"]):hover {
background: var(--color-brand-hover);
}
</style>
<label for="sid-qtgsuonanao-input">Children (2-11 years)</label>
<div>
<button type="button" tabindex="-1" aria-label="Decrement" aria-disabled="true"><svg class="sas-icon sas-icon-cl--minus" role="presentation">
<use href="#cl--minus"></use>
</svg></button>
<input tabindex="0" id="sid-qtgsuonanao-input" role="spinbutton" name="child" value="0" min="0" max="8">
<button type="button" tabindex="-1" aria-label="Increment" aria-disabled="false"><svg class="sas-icon sas-icon-cl--plus" role="presentation">
<use href="#cl--plus"></use>
</svg></button>
</div>
</sas-spin-button>
<sas-spin-button label-decrement="Decrement" label-increment="Increment" name="infant" label="Infants (0-23 months)" value="0" min="0" max="1" id="sid-3ada0q0obi">
<style data-element-name="sas-spin-button">
sas-spin-button {
--size: calc(var(--margin-quadra) + var(--unit-grid));
display: inline-flex;
align-items: center;
justify-content: space-between;
}
sas-spin-button label {
margin-right: var(--gap-form);
}
sas-spin-button div {
display: inline-flex;
gap: var(--unit-grid);
}
sas-spin-button button,
sas-spin-button input {
border-radius: var(--border-radius-normal);
width: var(--size);
height: var(--size);
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
text-align: center;
}
sas-spin-button button:first-of-type {
background: var(--color-gray-1);
}
sas-spin-button button:first-of-type .sas-icon {
color: var(--color-gray-3);
}
sas-spin-button button:last-of-type {
background: var(--color-blue-3);
}
sas-spin-button button:last-of-type .sas-icon {
color: var(--color-white);
}
sas-spin-button button:not([aria-disabled="true"]):hover {
background: var(--color-brand-hover);
}
</style>
<label for="sid-3ada0q0obi-input">Infants (0-23 months)</label>
<div>
<button type="button" tabindex="-1" aria-label="Decrement" aria-disabled="true"><svg class="sas-icon sas-icon-cl--minus" role="presentation">
<use href="#cl--minus"></use>
</svg></button>
<input tabindex="0" id="sid-3ada0q0obi-input" role="spinbutton" name="infant" value="0" min="0" max="1">
<button type="button" tabindex="-1" aria-label="Increment" aria-disabled="false"><svg class="sas-icon sas-icon-cl--plus" role="presentation">
<use href="#cl--plus"></use>
</svg></button>
</div>
</sas-spin-button>
<div class="ticket-limit-reached" hidden="">
<p>You can book a maximum of 9 travelers. To book more, you need to make a <a href="/en/customer-service/contact/forms/group-travel/">group booking</a>.</p>
</div>
</div>
<button type="button" name="done" class="btn-md">Done</button>
</div>
</section>
<button type="button" aria-expanded="false" aria-controls="sid-tnng9hb4oe-section-youth" id="sid-tnng9hb4oe-youth-button">
<div> Youth tickets<span>Special fares for travelers between 12 and 25 years old</span>
</div>
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-right"></use>
</svg>
</button>
<section id="sid-tnng9hb4oe-section-youth" role="region" aria-labelledby="sid-tnng9hb4oe-youth-button">
<div role="alertdialog" aria-owns="sid-tnng9hb4oe-youth-back">
<p>The ticket cannot be booked in combination with other ticket types (e.g. adult & child).</p>
<p>Do you want to proceed to youth tickets? This will remove previous selections.</p>
<button type="button" class="btn-md">Yes,continue</button>
</div>
<div>
<div>
<sas-spin-button label-decrement="Decrement" label-increment="Increment" name="youth" label="Youths (12-25 years)" value="0" min="" max="" id="sid-gtpp558h6r">
<style data-element-name="sas-spin-button">
sas-spin-button {
--size: calc(var(--margin-quadra) + var(--unit-grid));
display: inline-flex;
align-items: center;
justify-content: space-between;
}
sas-spin-button label {
margin-right: var(--gap-form);
}
sas-spin-button div {
display: inline-flex;
gap: var(--unit-grid);
}
sas-spin-button button,
sas-spin-button input {
border-radius: var(--border-radius-normal);
width: var(--size);
height: var(--size);
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
text-align: center;
}
sas-spin-button button:first-of-type {
background: var(--color-gray-1);
}
sas-spin-button button:first-of-type .sas-icon {
color: var(--color-gray-3);
}
sas-spin-button button:last-of-type {
background: var(--color-blue-3);
}
sas-spin-button button:last-of-type .sas-icon {
color: var(--color-white);
}
sas-spin-button button:not([aria-disabled="true"]):hover {
background: var(--color-brand-hover);
}
</style>
<label for="sid-gtpp558h6r-input">Youths (12-25 years)</label>
<div>
<button type="button" tabindex="-1" aria-label="Decrement" aria-disabled="false"><svg class="sas-icon sas-icon-cl--minus" role="presentation">
<use href="#cl--minus"></use>
</svg></button>
<input tabindex="0" id="sid-gtpp558h6r-input" role="spinbutton" name="youth" value="0" min="" max="">
<button type="button" tabindex="-1" aria-label="Increment" aria-disabled="false"><svg class="sas-icon sas-icon-cl--plus" role="presentation">
<use href="#cl--plus"></use>
</svg></button>
</div>
</sas-spin-button>
<div class="ticket-limit-reached" hidden="">
<p>You can book a maximum of 9 travelers. To book more, you need to make a <a href="/en/customer-service/contact/forms/group-travel/">group booking</a>.</p>
</div>
</div>
<button type="button" name="done" class="btn-md">Done</button>
</div>
<button type="button" id="sid-tnng9hb4oe-youth-back" class="btn-md back">
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-left"></use>
</svg>
<div>Back to all types of travelers<span>This will remove your selected youth tickets</span></div>
</button>
</section>
<button type="button" aria-expanded="false" aria-controls="sid-tnng9hb4oe-section-umnr" id="sid-tnng9hb4oe-umnr-button">
<div>Unaccompanied minors<span>For children aged 5–15</span>
</div>
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-right"></use>
</svg>
</button>
<section id="sid-tnng9hb4oe-section-umnr" role="region" aria-labelledby="sid-tnng9hb4oe-umnr-button">
<div role="alertdialog" aria-owns="sid-tnng9hb4oe-umnr-back">
<p>The tickets cannot be booked in combination with other ticket types (e.g. adult & child).</p>
<p>Do you want to proceed? This will remove previous selections.</p>
<button type="button" class="btn-md">Yes, continue</button>
</div>
<div>
<div>
<sas-spin-button label-decrement="Decrement" label-increment="Increment" name="child" label="Children (5-11 years)" value="0" min="0" max="8" id="sid-7qab2hnrjb8">
<style data-element-name="sas-spin-button">
sas-spin-button {
--size: calc(var(--margin-quadra) + var(--unit-grid));
display: inline-flex;
align-items: center;
justify-content: space-between;
}
sas-spin-button label {
margin-right: var(--gap-form);
}
sas-spin-button div {
display: inline-flex;
gap: var(--unit-grid);
}
sas-spin-button button,
sas-spin-button input {
border-radius: var(--border-radius-normal);
width: var(--size);
height: var(--size);
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
padding: 0;
text-align: center;
}
sas-spin-button button:first-of-type {
background: var(--color-gray-1);
}
sas-spin-button button:first-of-type .sas-icon {
color: var(--color-gray-3);
}
sas-spin-button button:last-of-type {
background: var(--color-blue-3);
}
sas-spin-button button:last-of-type .sas-icon {
color: var(--color-white);
}
sas-spin-button button:not([aria-disabled="true"]):hover {
background: var(--color-brand-hover);
}
</style>
<label for="sid-7qab2hnrjb8-input">Children (5-11 years)</label>
<div>
<button type="button" tabindex="-1" aria-label="Decrement" aria-disabled="true"><svg class="sas-icon sas-icon-cl--minus" role="presentation">
<use href="#cl--minus"></use>
</svg></button>
<input tabindex="0" id="sid-7qab2hnrjb8-input" role="spinbutton" name="child" value="0" min="0" max="8">
<button type="button" tabindex="-1" aria-label="Increment" aria-disabled="false"><svg class="sas-icon sas-icon-cl--plus" role="presentation">
<use href="#cl--plus"></use>
</svg></button>
</div>
</sas-spin-button>
<div class="ticket-limit-reached" hidden="">
<p>You can book a maximum of 9 travelers. To book more, you need to make a <a href="/en/customer-service/contact/forms/group-travel/">group booking</a>.</p>
</div>
</div>
<button type="button" name="done" class="btn-md">Done</button>
</div>
<button type="button" id="sid-tnng9hb4oe-umnr-back" class="btn-md back">
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-left"></use>
</svg>
<div>Back to all types of travelers<span>This will remove your selected tickets</span></div>
</button>
</section>
<a href="/en/customer-service/contact/forms/group-travel/" aria-expanded="false" class="group-button">
<div>
Group booking
<span>For groups of more than 9 people</span>
</div>
<svg class="sas-icon sas-icon-in--arrow-down" role="presentation">
<use href="#in--arrow-right"></use>
</svg>
</a>
</dialog>
</sas-dialog>
</sas-cep-travelers>
</div>
<sas-cep-ond data-id="ond" origin-code="" origin-label="From" destination-code="" destination-label="To" return-from-code="" return-label="Return from" trip-type="rt" swap-label="Swap" all-airports-label="All airports" id="sid-ad5l5pc5u9g">
<style data-element-name="sas-cep-ond">
:host(sas-cep-ond),
sas-cep-ond,
sas-cep-ond>div {
display: flex;
flex-flow: column;
gap: calc(var(--margin-normal));
}
sas-cep-ond>div {
position: relative;
}
sas-combobox {
flex-grow: 1;
}
sas-cep-ond ul::-webkit-scrollbar {
appearance: none;
width: 7px;
}
sas-cep-ond ul::-webkit-scrollbar-thumb:vertical {
border-radius: 4px;
background-color: rgb(0 0 0 / 0.5);
box-shadow: 0 0 1px rgb(255 255 255 / 0.5);
}
sas-cep-ond ul {
padding: 0;
margin: -4px 0 0 0;
position: absolute;
z-index: 1;
list-style: none;
background-color: white;
display: none;
box-sizing: border-box;
border-radius: 0 0 var(--border-radius-input) var(--border-radius-input);
border: var(--border-input);
width: 100%;
max-height: 250px;
overflow-x: hidden;
overflow-y: auto;
font: var(--font-p);
cursor: pointer;
}
sas-cep-ond li {
display: flex;
flex-flow: row nowrap;
align-items: center;
list-style-type: none;
margin: 0;
padding: var(--margin-normal);
}
sas-cep-ond li svg {
margin: 0 var(--margin-normal) 0 0;
}
sas-cep-ond li>div {
display: flex;
flex-flow: column;
flex-grow: 1;
}
sas-cep-ond .country,
sas-cep-ond .city {
font-size: 0.875rem;
}
sas-cep-ond .city svg {
height: 16px;
}
sas-cep-ond .code {
font-weight: 800;
}
sas-cep-ond li:nth-child(odd) {
background-color: var(--color-gray-1);
}
sas-cep-ond li:hover,
sas-cep-ond li[aria-selected="true"] {
background-color: var(--background-highlight);
}
sas-cep-ond #cep-swap {
align-items: center;
background: var(--color-white);
border-radius: 50%;
border: 0;
display: flex;
flex-grow: 0;
height: 36px;
justify-content: center;
min-height: auto;
min-width: auto;
padding: 0;
position: absolute;
right: var(--margin-plus);
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 36px;
z-index: 1;
}
sas-cep-ond #cep-swap::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.06);
}
sas-cep-ond #cep-swap:focus-visible {
border: var(--border-input);
box-shadow: var(--box-shadow-focus);
}
@supports selector(:has(+ *)) {
sas-cep-ond div:has([aria-expanded="true"]):has(li) #cep-swap {
display: none;
}
}
.invalid~#cep-swap {
display: none;
}
</style>
<div>
<sas-combobox id="sid-ad5l5pc5u9g-origin" class="origin" aria-autocomplete="list" label="From" sort-priority="cityCode,airportCode,airport,city,country" filter-min-length="3" required="" hide-toggle="" aria-label="From">
<style data-element-name="sas-combobox">
:host(sas-combobox),
sas-combobox {
display: inline-block;
}
sas-combobox input {
width: 100%;
}
sas-combobox div {
position: relative;
}
sas-combobox button.icon-arrow {
display: inline-flex;
place-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: var(--margin-normal);
pointer-events: none;
background: none;
border: none;
transition: all 0.2s ease;
font: var(--font-p);
padding: 0;
}
sas-combobox button[aria-expanded="true"] svg {
transform: rotate(180deg);
}
.match {
text-decoration: underline;
}
sas-combobox:not(.focus) input[aria-invalid="true"] {
border-color: var(--color-error);
}
.alert {
color: var(--color-error);
font: var(--font-p1);
margin: var(--unit-grid) 0;
display: none;
align-items: center;
}
.alert::before {
content: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.583 13.648H8.142V17h3.44v-3.352zM11.724 4H8l.426 8.477h2.873L11.724 4z" fill="hsl( 0 0% 100% )" fill-rule="evenodd"/></svg>');
background-color: var(--color-error);
margin-right: var(--margin-normal);
display: inline-flex;
place-content: center;
border-radius: 50%;
scale: 0.8;
width: 20px;
height: 20px;
}
sas-combobox:not(.focus) input[aria-invalid="true"]~.alert {
display: flex;
}
</style>
<div>
<input id="sid-ad5l5pc5u9g-origin-input" type="text" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="sid-ad5l5pc5u9g-origin-listbox" aria-errormessage="sid-ad5l5pc5u9g-origin-alert" placeholder=" " required="">
<label for="sid-ad5l5pc5u9g-origin-input">From</label>
<button type="button" class="icon-arrow" tabindex="-1" aria-label="From" aria-expanded="false" aria-controls="sid-ad5l5pc5u9g-origin-listbox" hidden="">
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<path d="m5.11740785 14.180035-2.11740785-2.1252256 7.0808568-7.0548094 7.0365511 7.0106666-2.1174079 2.1252256-4.9191432-4.90104774z" fill="black" fill-rule="evenodd" transform="rotate(180,10,10)"></path>
</svg>
</button>
<p id="sid-ad5l5pc5u9g-origin-alert" class="alert" role="alert"></p>
<ul id="sid-ad5l5pc5u9g-origin-listbox" style="display: none;" role="listbox" aria-label="From"></ul>
</div>
</sas-combobox>
<button type="button" id="cep-swap" class="btn-swap" aria-label="Swap" title="Swap">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M6 7l1.429 1.429-2.5 2.5H11v2.142H4.928l2.5 2.503L6 17l-5-5 5-5zm8-4l5 5-5 5-1.429-1.429 2.5-2.5H9V6.93h6.072l-2.5-2.503L14 3z" fill="#3f3d3a" fill-rule="evenodd"></path>
</svg>
</button>
<sas-combobox id="sid-ad5l5pc5u9g-destination" class="destination" aria-autocomplete="list" label="To" sort-priority="cityCode,airportCode,airport,city,country" filter-min-length="3" required="" hide-toggle="" aria-label="To">
<style data-element-name="sas-combobox">
:host(sas-combobox),
sas-combobox {
display: inline-block;
}
sas-combobox input {
width: 100%;
}
sas-combobox div {
position: relative;
}
sas-combobox button.icon-arrow {
display: inline-flex;
place-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: var(--margin-normal);
pointer-events: none;
background: none;
border: none;
transition: all 0.2s ease;
font: var(--font-p);
padding: 0;
}
sas-combobox button[aria-expanded="true"] svg {
transform: rotate(180deg);
}
.match {
text-decoration: underline;
}
sas-combobox:not(.focus) input[aria-invalid="true"] {
border-color: var(--color-error);
}
.alert {
color: var(--color-error);
font: var(--font-p1);
margin: var(--unit-grid) 0;
display: none;
align-items: center;
}
.alert::before {
content: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.583 13.648H8.142V17h3.44v-3.352zM11.724 4H8l.426 8.477h2.873L11.724 4z" fill="hsl( 0 0% 100% )" fill-rule="evenodd"/></svg>');
background-color: var(--color-error);
margin-right: var(--margin-normal);
display: inline-flex;
place-content: center;
border-radius: 50%;
scale: 0.8;
width: 20px;
height: 20px;
}
sas-combobox:not(.focus) input[aria-invalid="true"]~.alert {
display: flex;
}
</style>
<div>
<input id="sid-ad5l5pc5u9g-destination-input" type="text" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="sid-ad5l5pc5u9g-destination-listbox" aria-errormessage="sid-ad5l5pc5u9g-destination-alert"
placeholder=" " required="">
<label for="sid-ad5l5pc5u9g-destination-input">To</label>
<button type="button" class="icon-arrow" tabindex="-1" aria-label="To" aria-expanded="false" aria-controls="sid-ad5l5pc5u9g-destination-listbox" hidden="">
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<path d="m5.11740785 14.180035-2.11740785-2.1252256 7.0808568-7.0548094 7.0365511 7.0106666-2.1174079 2.1252256-4.9191432-4.90104774z" fill="black" fill-rule="evenodd" transform="rotate(180,10,10)"></path>
</svg>
</button>
<p id="sid-ad5l5pc5u9g-destination-alert" class="alert" role="alert"></p>
<ul id="sid-ad5l5pc5u9g-destination-listbox" style="display: none;" role="listbox" aria-label="To"></ul>
</div>
</sas-combobox>
</div>
<sas-combobox id="sid-ad5l5pc5u9g-return-from" class="return-from" aria-autocomplete="list" label="Return from" sort-priority="cityCode,airportCode,airport,city,country" filter-min-length="3" hidden="true" hide-toggle="" aria-label="Return from">
<style data-element-name="sas-combobox">
:host(sas-combobox),
sas-combobox {
display: inline-block;
}
sas-combobox input {
width: 100%;
}
sas-combobox div {
position: relative;
}
sas-combobox button.icon-arrow {
display: inline-flex;
place-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: var(--margin-normal);
pointer-events: none;
background: none;
border: none;
transition: all 0.2s ease;
font: var(--font-p);
padding: 0;
}
sas-combobox button[aria-expanded="true"] svg {
transform: rotate(180deg);
}
.match {
text-decoration: underline;
}
sas-combobox:not(.focus) input[aria-invalid="true"] {
border-color: var(--color-error);
}
.alert {
color: var(--color-error);
font: var(--font-p1);
margin: var(--unit-grid) 0;
display: none;
align-items: center;
}
.alert::before {
content: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.583 13.648H8.142V17h3.44v-3.352zM11.724 4H8l.426 8.477h2.873L11.724 4z" fill="hsl( 0 0% 100% )" fill-rule="evenodd"/></svg>');
background-color: var(--color-error);
margin-right: var(--margin-normal);
display: inline-flex;
place-content: center;
border-radius: 50%;
scale: 0.8;
width: 20px;
height: 20px;
}
sas-combobox:not(.focus) input[aria-invalid="true"]~.alert {
display: flex;
}
</style>
<div>
<input id="sid-ad5l5pc5u9g-return-from-input" type="text" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="sid-ad5l5pc5u9g-return-from-listbox" aria-errormessage="sid-ad5l5pc5u9g-return-from-alert"
placeholder=" ">
<label for="sid-ad5l5pc5u9g-return-from-input">Return from</label>
<button type="button" class="icon-arrow" tabindex="-1" aria-label="Return from" aria-expanded="false" aria-controls="sid-ad5l5pc5u9g-return-from-listbox" hidden="">
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<path d="m5.11740785 14.180035-2.11740785-2.1252256 7.0808568-7.0548094 7.0365511 7.0106666-2.1174079 2.1252256-4.9191432-4.90104774z" fill="black" fill-rule="evenodd" transform="rotate(180,10,10)"></path>
</svg>
</button>
<p id="sid-ad5l5pc5u9g-return-from-alert" class="alert" role="alert"></p>
<ul id="sid-ad5l5pc5u9g-return-from-listbox" style="display: none;" role="listbox" aria-label="Return from"></ul>
</div>
</sas-combobox>
</sas-cep-ond>
<fieldset class="custom-datepicker">
<sas-input type="text" icon="cl--calendar" inputmode="numeric" data-id="departure-date" label="Departure date" required="" value="2024-09-03" aria-describedby="sid-onubsp9od2o-date-input-description" aria-live="polite" aria-relevant="text"
display-value="Tue, Sep 3" aria-label="Departure date (YYYY-MM-DD)" id="sid-jikm4h0qqp">
<style data-element-name="sas-input">
sas-input .display-value {
position: absolute;
top: 0;
left: 0;
height: var(--height-text-input);
padding: var(--margin-triple) var(--margin-double) var(--margin-normal);
pointer-events: none;
white-space: nowrap;
font: var(--font-p);
color: var(--color-input);
user-select: none;
-webkit-user-select: none;
}
sas-input input[type="date"]~.display-value {
display: none;
}
sas-input[display-value]:not([type="date"]) input {
color: transparent;
}
sas-input:not([type="date"]) input:focus~.display-value {
display: none;
}
sas-input:not([type="date"]) input:focus {
color: var(--color-input);
}
sas-input svg {
position: absolute;
top: 50%;
left: var(--margin-double);
transform: translateY(-50%);
pointer-events: none;
}
sas-input[icon]:not([type="date"]) label {
padding-left: calc(var(--margin-triple) + var(--margin-normal));
}
sas-input[icon]:not([type="date"]) input,
sas-input[icon]:not([type="date"]) .display-value {
padding-left: calc(var(--margin-quadra) + var(--margin-double));
}
sas-input input::-webkit-date-and-time-value {
text-align: left;
}
sas-input[type="date"] svg {
display: none;
}
</style>
<input id="input-sid-jikm4h0qqp" type="text" value="2024-09-03" required="" inputmode="numeric" aria-describedby="sid-onubsp9od2o-date-input-description" aria-live="polite" aria-relevant="text" aria-label="Departure date (YYYY-MM-DD)">
<label for="input-sid-jikm4h0qqp">Departure date</label>
<span class="display-value" aria-hidden="true">Tue, Sep 3</span>
<svg class="sas-icon sas-icon-cl--calendar" role="presentation">
<use href="#cl--calendar"></use>
</svg>
</sas-input>
<sas-input type="text" inputmode="numeric" data-id="return-date" label="Return date" required="" value="2024-09-07" aria-describedby="sid-onubsp9od2o-date-input-description" aria-live="polite" aria-relevant="text" display-value="Sat, Sep 7"
aria-label="Return date (YYYY-MM-DD)" id="sid-l6vj9j5qoto">
<style data-element-name="sas-input">
sas-input .display-value {
position: absolute;
top: 0;
left: 0;
height: var(--height-text-input);
padding: var(--margin-triple) var(--margin-double) var(--margin-normal);
pointer-events: none;
white-space: nowrap;
font: var(--font-p);
color: var(--color-input);
user-select: none;
-webkit-user-select: none;
}
sas-input input[type="date"]~.display-value {
display: none;
}
sas-input[display-value]:not([type="date"]) input {
color: transparent;
}
sas-input:not([type="date"]) input:focus~.display-value {
display: none;
}
sas-input:not([type="date"]) input:focus {
color: var(--color-input);
}
sas-input svg {
position: absolute;
top: 50%;
left: var(--margin-double);
transform: translateY(-50%);
pointer-events: none;
}
sas-input[icon]:not([type="date"]) label {
padding-left: calc(var(--margin-triple) + var(--margin-normal));
}
sas-input[icon]:not([type="date"]) input,
sas-input[icon]:not([type="date"]) .display-value {
padding-left: calc(var(--margin-quadra) + var(--margin-double));
}
sas-input input::-webkit-date-and-time-value {
text-align: left;
}
sas-input[type="date"] svg {
display: none;
}
</style>
<input id="input-sid-l6vj9j5qoto" type="text" value="2024-09-07" required="" inputmode="numeric" aria-describedby="sid-onubsp9od2o-date-input-description" aria-live="polite" aria-relevant="text" aria-label="Return date (YYYY-MM-DD)">
<label for="input-sid-l6vj9j5qoto">Return date</label>
<span class="display-value" aria-hidden="true">Sat, Sep 7</span>
</sas-input>
<div id="sid-onubsp9od2o-date-input-description" style="display:none;"> Write date or choose date with arrow-keys on your keyboard. </div>
</fieldset>
<sas-cep-datepicker trip-type="rt" departure="2024-09-03" return="2024-09-07" label-close="Done" label-departure="Departure date" label-return="Return date" hidden="" id="sid-3iaegko593o">
<style data-element-name="sas-cep-datepicker">
:host(sas-cep-datepicker),
sas-cep-datepicker {
display: inline-flex;
flex-flow: column;
position: absolute;
z-index: 2;
top: 0;
right: -25rem;
width: 25rem;
height: 100%;
background: var(--color-white);
overflow: hidden;
background-image: linear-gradient(to right,
hsl(var(--black) / 0.03),
hsl(var(--black) / 0) calc(var(--margin-normal) * 3));
}
sas-cep-datepicker .calendar-container::-webkit-scrollbar {
appearance: none;
width: 7px;
}
sas-cep-datepicker .calendar-container::-webkit-scrollbar-thumb:vertical {
border-radius: 4px;
background-color: rgb(0 0 0 / 0.5);
box-shadow: 0 0 1px rgb(255 255 255 / 0.5);
}
sas-cep-datepicker .calendar-container {
padding: var(--margin-double) var(--margin-quadra);
height: calc(100% - 4rem);
overflow-x: hidden;
overflow-y: auto;
background-image: linear-gradient(to top,
hsl(var(--black) / 0.03),
hsl(var(--black) / 0) calc(var(--margin-normal)));
}
sas-cep-datepicker>.button-container {
position: absolute;
width: 25rem;
height: 4rem;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
sas-cep-datepicker h2 {
margin: 0 0 var(--margin-quadra);
text-align: center;
color: var(--color-text);
}
sas-cep-datepicker table {
font-size: 0.875rem;
}
sas-cep-datepicker table caption {
padding-top: var(--margin-double);
font-size: 1rem;
font-weight: 800;
color: var(--color-blue-3);
text-transform: uppercase;
text-align: left;
}
sas-cep-datepicker thead {
border-bottom: 1px solid var(--color-gray-1);
}
sas-cep-datepicker table th,
sas-cep-datepicker table td {
background-color: transparent;
text-align: center;
}
sas-cep-datepicker tr:nth-child(odd) {
background-color: unset;
}
sas-cep-datepicker table th {
color: var(--color-gray-3);
font-size: 0.75rem;
text-transform: uppercase;
}
sas-cep-datepicker table td {
padding: 0;
font-size: 0.875rem;
font-weight: 700;
}
sas-cep-datepicker table button.day {
display: inline-block;
text-align: center;
padding: 0;
border-radius: 0;
background: transparent;
font-weight: 400;
font-size: 0.75rem;
color: var(--color-text);
}
sas-cep-datepicker table button[data-selected] {
background-color: var(--color-blue-2);
color: var(--color-white);
}
sas-cep-datepicker table button[data-within-range] {
background-color: var(--color-blue-1-2);
color: var(--color-text);
}
sas-cep-datepicker table button[disabled] {
color: var(--color-gray-2);
}
</style>
<div class="calendar-container">
<h2></h2>
<table>
<caption> August 2024 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-01" disabled="true"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-02" disabled="true"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-03" disabled="true"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-04" disabled="true"> 4 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-08-05" disabled="true"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-06" disabled="true"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-07" disabled="true"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-08" disabled="true"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-09" disabled="true"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-10" disabled="true"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-11" disabled="true"> 11 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-08-12" disabled="true"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-13" disabled="true"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-14" disabled="true"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-15" disabled="true"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-16" disabled="true"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-17" disabled="true"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-18"> 18 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-08-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-25"> 25 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-08-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-08-31"> 31 </button>
</td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> September 2024 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-01"> 1 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-09-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-03" data-selected=""> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-04" data-within-range="true"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-05" data-within-range="true"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-06" data-within-range="true"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-07" data-selected=""> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-08"> 8 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-09-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-15"> 15 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-09-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-22"> 22 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-09-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-09-29"> 29 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-09-30"> 30 </button>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> October 2024 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-06"> 6 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-10-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-13"> 13 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-10-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-20"> 20 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-10-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-27"> 27 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-10-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-10-31"> 31 </button>
</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> November 2024 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-03"> 3 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-11-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-10"> 10 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-11-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-17"> 17 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-11-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-24"> 24 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-11-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-11-30"> 30 </button>
</td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> December 2024 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-01"> 1 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-12-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-08"> 8 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-12-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-15"> 15 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-12-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-22"> 22 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-12-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-29"> 29 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2024-12-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2024-12-31"> 31 </button>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> January 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-05"> 5 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-01-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-12"> 12 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-01-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-19"> 19 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-01-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-26"> 26 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-01-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-01-31"> 31 </button>
</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> February 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-02"> 2 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-02-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-09"> 9 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-02-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-16"> 16 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-02-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-23"> 23 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-02-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-02-28"> 28 </button>
</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> March 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-02"> 2 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-03-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-09"> 9 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-03-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-16"> 16 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-03-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-23"> 23 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-03-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-03-30"> 30 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-03-31"> 31 </button>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> April 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-06"> 6 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-04-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-13"> 13 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-04-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-20"> 20 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-04-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-27"> 27 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-04-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-04-30"> 30 </button>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> May 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-04"> 4 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-05-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-11"> 11 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-05-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-18"> 18 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-05-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-25"> 25 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-05-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-05-31"> 31 </button>
</td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> June 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-01"> 1 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-06-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-08"> 8 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-06-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-15"> 15 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-06-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-22"> 22 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-06-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-06-29"> 29 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-06-30"> 30 </button>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> July 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-03"> 3 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-06"> 6 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-07-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-10"> 10 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-13"> 13 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-07-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-17"> 17 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-20"> 20 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-07-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-24"> 24 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-27"> 27 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-07-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-07-31"> 31 </button>
</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<caption> August 2025 </caption>
<thead translate="no">
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody translate="no">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-01"> 1 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-02"> 2 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-03"> 3 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-08-04"> 4 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-05"> 5 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-06"> 6 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-07"> 7 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-08"> 8 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-09"> 9 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-10"> 10 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-08-11"> 11 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-12"> 12 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-13"> 13 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-14"> 14 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-15"> 15 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-16"> 16 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-17"> 17 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-08-18"> 18 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-19"> 19 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-20"> 20 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-21"> 21 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-22"> 22 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-23"> 23 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-24"> 24 </button>
</td>
</tr>
<tr>
<td>
<button tabindex="-1" class="day" data-date="2025-08-25"> 25 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-26"> 26 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-27"> 27 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-28"> 28 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-29"> 29 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-30"> 30 </button>
</td>
<td>
<button tabindex="-1" class="day" data-date="2025-08-31"> 31 </button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="button-container">
<button id="sid-3iaegko593o-close" type="button" class="btn-sm btn-secondary" tabindex="-1">Done</button>
</div>
</sas-cep-datepicker>
<div class="flex-row flow-selection">
<div class="direct-flights-selection">
<input id="cep-direct-flights" data-id="direct-flights" type="checkbox" value="direct"><label for="cep-direct-flights">Direct flights only</label>
</div>
<div class="book-flow-selection">
<input id="cep-book-flow" data-id="book-flow" type="checkbox" value="points"><label for="cep-book-flow">Pay with points</label>
</div>
</div>
<div class="flow-foot">
<button type="button" class="btn-md btn-continue" data-id="btn-continue"> Search flights </button>
<button type="button" class="btn-md btn-secondary btn-lpc" data-id="btn-lpc"> Show lowest price </button>
</div>
</form>Text Content
SAS & COOKIES
SAS uses cookies to enhance your experience and to make your visit on our
website as pleasant as possible. Some cookies are technically necessary for the
website to function and are therefore always activated. By clicking "Accept" you
consent to the use of third-party cookies for statistics and marketing purposes.
You can change your settings under cookie settings.
Read more about how we use cookies in our cookie policy.
Cookie settings Decline Accept
Skip to main content
Toggle main navigation
* Book
* Book Flight
* Low fare calendar
* SAS Youth tickets
* Unaccompanied Minors
* Group trips
* Customize your journey
* Destinations
* SAS for Work
* Book corporate trip
* Join SAS for Work
* Program benefits
* Corporate sustainability program
* Travel Pass products
* Partners
* Car rental (earn points)
* Car rental (use points)
* Hotels (earn points)
* Hotels (use points)
* Check in
* My bookings
* Travel info
* Plan your trip
* Passport, ID and visa
* Baggage
* Check-in options
* Traveling with children
* Special travel needs
* Traveling with pets
* At the airport
* Flight information
* Security control
* Fast Track
* Lounges
* Onboard
* Travel classes
* Comfort & seats
* Food & beverages
* WiFi
* Show all travel info
* Ticket types
* Digital services
* 24-hour money back guarantee
* SAS EuroBonus
* Join EuroBonus
* About EuroBonus
* Levels & benefits
* Member offers
* Partners
* Point types
* Claim missing points
* Conscious Traveler
* Use points
* Flights
* SAS bonus trips
* Star Alliance bonus trips
* Upgrade
* Hotels
* Car rental
* EuroBonus Shop
* Earn points
* Flights
* Payment cards
* Hotels
* Car rental
* Shopping
* Point Sharing
Select your country
NOTIFICATIONS
* LOADING...
Login
FIND YOUR NEXT ADVENTURE
FIND YOUR NEXT ADVENTURE
Flights Hotel Car rental
Round trip
* Round trip
* One way
* Return from another airport
1 adult Travelers
Adults
Children (2-11 years)
Infants (0-23 months)
You can book a maximum of 9 travelers. To book more, you need to make a group
booking.
Done
Youth ticketsSpecial fares for travelers between 12 and 25 years old
The ticket cannot be booked in combination with other ticket types (e.g. adult &
child).
Do you want to proceed to youth tickets? This will remove previous selections.
Yes,continue
Youths (12-25 years)
You can book a maximum of 9 travelers. To book more, you need to make a group
booking.
Done
Back to all types of travelersThis will remove your selected youth tickets
Unaccompanied minorsFor children aged 5–15
The tickets cannot be booked in combination with other ticket types (e.g. adult
& child).
Do you want to proceed? This will remove previous selections.
Yes, continue
Children (5-11 years)
You can book a maximum of 9 travelers. To book more, you need to make a group
booking.
Done
Back to all types of travelersThis will remove your selected tickets
Group booking For groups of more than 9 people
From
To
Return from
Departure date Tue, Sep 3 Return date Sat, Sep 7
Write date or choose date with arrow-keys on your keyboard.
August 2024 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
22 23 24 25 26 27 28 29 30 31
September 2024 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30
October 2024 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
22 23 24 25 26 27 28 29 30 31
November 2024 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30
December 2024 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30 31
January 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
22 23 24 25 26 27 28 29 30 31
February 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28
March 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
22 23 24 25 26 27 28 29 30 31
April 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
22 23 24 25 26 27 28 29 30
May 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
23 24 25 26 27 28 29 30 31
June 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
23 24 25 26 27 28 29 30
July 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
23 24 25 26 27 28 29 30 31
August 2025 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
22 23 24 25 26 27 28 29 30 31
Done
Direct flights only
Pay with points
Search flights Show lowest price
Pay with money Pay with points
Pay with money Pay with points
Check in My bookings
Book by
August
26th
Flights
THE BIG SALE
Book now
OFFERS RIGHT NOW
STOCKHOLM, ONE WAY, INCLUDING TAXES AND FEES
FIND THE BEST PRICES ON YOUR NEXT TRIP
Show low fare calendar
COPENHAGEN ONE WAY
FROM €44
OSLO OSL ONE WAY
FROM €49
TROMSO ONE WAY
FROM €70
ROVANIEMI ONE WAY
FROM -
KIRUNA ONE WAY
FROM €73
SAVE UP TO 15 % ON CAR RENTALS
Right now you get up to 15% discount and up to 5000 EuroBonus Bonus points and
2500 Level points when you book a rental car via SAS. Book by 31 August and run
until 31 December 2024.
DOUBLE POINTS ON HOTEL STAYS
Earn double EuroBonus Bonus points and enjoy 20% off or more on selected hotels
when you book a stay through our partner hotels.com with SAS. Book by 28 August
2024.
DON'T MISS ANY DETAILS BEFORE THE VACATION
Are you the tour guide or the one who just goes with the flow because
'everything will work out'? Regardless, we have gathered everything you need to
think about for this summer's adventures. Customize your trip here.
BECOME A MEMBER
CREATE A PROFILE AND JOIN EUROBONUS
* Make booking on our site easier for yourself.
* Earn EuroBonus points on flights, hotels etc.
* Spend your points on SAS and partners.
Join now or log in
ARE YOU A CONSCIOUS TRAVELER?
We’re on a journey to sustainability, and need your support. Do the right thing,
get rewards. Become a EuroBonus Conscious Traveler.
Learn more