Framework7 error loading Range Slider in pop-up box Popup

framework7 loads the Range Slider range selection slider in the Popup pop-up box. The selection slider and the numeric values are not visible only the title. Solution, I am learning that the front-end framework is a rookie.

<div class="range-slider range-slider-init" data-label="true">
    <input id="demo" min="1" max="24" step="1" id="" type="range"> -sharp
<div>
Menu