<div class="ecl-form-group"><label for="example-input-id-1" id="example-input-id-1-label" class="ecl-form-label">Label<span class="ecl-form-label__required" role="note" aria-label="required">*</span></label> <div class="ecl-help-block" id="example-input-id-1-helper">This is the input's helper text.</div> <div class="ecl-datepicker"><input autocomplete="off" data-ecl-datepicker-toggle data-ecl-auto-init="Datepicker" id="example-input-id-1" name="example-input-id-1" type=text class="ecl-datepicker__field ecl-text-input ecl-text-input--s" required placeholder="DD-MM-YYYY" value="03-10-2023" aria-describedby="example-input-id-1-helper" /><svg class="ecl-icon ecl-icon--xs ecl-datepicker__icon" focusable="false" aria-hidden="true"> <use xlink:href="/component-library/v4.0.0-beta-1/dist/media/icons.4713c4a6.svg#calendar"></use> </svg></div> </div>
Try it yourself on the playground
Playground