<div class="date-picker-range--dark">
<div class="date-picker-range__container">
<div class="text-field--dark date-picker--dark is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="from" type="text" name="date[from]" />
<label class="text-field__label date-picker__label" for="from">From</label>
<button type="reset" class="date-picker__reset"></button>
</div>
<div class="text-field__helper date-picker__helper">
<div class="text-field__helper--text date-picker__text">Please note that this form field has a helper text</div>
<div class="text-field__helper--tooltip date-picker__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
<span class="visually-hidden">Information</span>
</button>
</div>
</div>
<div class="text-field__error date-picker__error">Please provide a value for this field</div>
</div>
<div class="text-field--dark date-picker--dark is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="to" type="text" name="date[to]" />
<label class="text-field__label date-picker__label" for="to">To</label>
<button type="reset" class="date-picker__reset"></button>
</div>
<div class="text-field__helper date-picker__helper">
<div class="text-field__helper--text date-picker__text">Please note that this form field has a helper text</div>
<div class="text-field__helper--tooltip date-picker__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
<span class="visually-hidden">Information</span>
</button>
</div>
</div>
<div class="text-field__error date-picker__error">Please provide a value for this field</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/date-picker-range/date-picker-range.twig' %}
{
"from": {
"minDate": "",
"maxDate": "",
"language": "",
"format": "",
"id": "from",
"name": "date[from]",
"label": "From",
"value": "",
"required": false,
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "Please provide a value for this field",
"helper": "Please note that this form field has a helper text",
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
}
},
"to": {
"minDate": "",
"maxDate": "",
"language": "",
"format": "",
"id": "to",
"name": "date[to]",
"label": "To",
"value": "",
"required": false,
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "Please provide a value for this field",
"helper": "Please note that this form field has a helper text",
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
}
},
"variant": "dark"
}
import './date-picker-range.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/date-picker-range/date-picker-range";
No notes defined.