mdb-range-input html validation error

Hi,

I'm using angular bootstrap slider and multi range slider, but I get html validation errors due to not unique id of html tag (mdb-range-input/*mdb-multi-range-input* and input elements have same id).

<mdb-range-input _ngcontent-serverapp-c172="" id="range">
<div class="range-field ng-star-inserted">
<div class="track">
<div title="range" class="range-cloud hidden" style="left: 125.3px;"><span class="text-transform">20</span></div>
</div>
<input type="range" id="range" min="0" max="100" step="undefined" class="ng-untouched ng-pristine ng-valid">
</div>
</mdb-range-input>

<mdb-multi-range-input _ngcontent-serverapp-c181="" min="14" id="agerange" step="1" max="100">
<div class="multi-range-field my-5 pb-5"><div class="range-field"><div class="track">
<div title="range" class="range-cloud hidden" style="left: 7.5px;"><span class="text-transform">14</span></div></div>
<input type="range" class="mdbMultiRange original active ng-untouched ng-pristine ng-valid" id="agerange" min="14" max="100" step="1" value="14">
<div class="track"><div title="range" class="range-cloud hidden" style="left: 554.5px;"><span class="text-transform">100</span></div></div>
<input type="range" class="mdbMultiRange original ghost active ng-untouched ng-pristine ng-valid" id="agerange" min="14" max="100" step="1" value="100"></div>
</div>
</mdb-multi-range-input>

I there a way to fix this issue?

Thanks Marco