<div class="c-voucher-partial-form">
<div class="c-voucher-partial-form__fieldset c-form">
<p class="u-typo-level-2 u-mb-space-32">Inserisci il codice del volo.</p>
<div grid="grid">
<div grid="6@sm">
<div class="c-voucher-partial-form__control">
<label for="input-departure-date" class="is-datepicker" aria-label="Scegli la data di partenza del volo">
Data di partenza <span class="required-marker" aria-hidden="true">*</span>
<input id="input-departure-date" type="date" class="" placeholder="" value="">
</label>
</div>
</div>
<div grid="6@sm">
<div class="c-voucher-partial-form__control">
<label for="input-flight-number" class="" aria-label="">
Numero volo <span class="required-marker" aria-hidden="true">*</span>
<input id="input-flight-number" type="text" class="" placeholder="" value="">
</label>
</div>
</div>
</div>
<p class="u-typo-level-1 u-mt-space-32"><sup>*</sup>Campi obbligatori</p>
</div>
</div>
<div class="c-voucher-partial-form{{#if modifier}} {{ modifier }}{{/if}}">
{{!-- FIELDSET --}}
<div class="c-voucher-partial-form__fieldset c-form">
<p class="u-typo-level-2 u-mb-space-32">Inserisci il codice del volo.</p>
<div grid="grid">
<div grid="6@sm">
<div class="c-voucher-partial-form__control">
{{> @input--date input-departure-date }}
</div>
</div>
<div grid="6@sm">
<div class="c-voucher-partial-form__control">
{{> @input--default input-flight-number }}
</div>
</div>
</div>
<p class="u-typo-level-1 u-mt-space-32"><sup>*</sup>Campi obbligatori</p>
</div>
{{!-- END FIELDSET --}}
</div>
{
"input-departure-date": {
"name": "input-departure-date",
"label_id": "input-departure-date",
"label_message": "Data di partenza",
"label_class": "is-datepicker",
"atom-input": {
"id": "input-departure-date",
"type": "date",
"class": "",
"placeholder": null,
"required": true,
"hasNote": false
},
"screen-reader-text": "Scegli la data di partenza del volo"
},
"input-flight-number": {
"name": "input-flight-number",
"label_id": "input-flight-number",
"label_message": "Numero volo",
"label_class": "",
"atom-input": {
"id": "input-flight-number",
"type": "text",
"class": "",
"placeholder": "",
"required": true,
"hasNote": false
}
}
}
.c-voucher-partial-form__fieldset {
background-color: primary(sky, 10);
color: primary(night, 120);
padding: remify(24px) remify(16px);
border-radius: remify(12px);
}
.c-voucher-partial-form__selection-item {
height: 100%;
& > .c-selection {
height: 100%;
}
}
No notes defined.