jqwidgets-scripts-custom/demos/Angular/rangeselector/backgroundimage/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div>
  <jqxRangeSelector [theme]="'material'" #rangeSelector
                    [width]="getWidth()"                    
                    [height]="100"
                    [min]="min"
                    [max]="max"
                    [range]="range"
                    [majorTicksInterval]="'week'"
                    [minorTicksInterval]="'day'"
                    [labelsFormat]="'dd'"
                    [markersFormat]="'d'"
                    [showGroupLabels]="true">
    <div id="jqxRangeSelectorContent">
      <img id="backgroundImage" />
    </div>
  </jqxRangeSelector>
  <br />
  <jqxButton [theme]="'material'" style="margin-left: 80px;" #submit (onClick)="onClickSubmit()">
    Submit vacation
  </jqxButton>
  <div style="margin-left: 80px; margin-top: 10px;" #result>
  </div>
</div>