JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"></script>
<script src="https://rawgit.com/angular-ui/ui-slider/master/src/slider.js"></script>
<div ng-app="app" ng-controller="sliderCtrl">
  <strong>Slider - range values, step with decimals</strong>
  <div ui-slider="slider.options" ng-model="values"></div>
  <input type="text" ng-model="values">
  <button ng-click="set()">Set values to max</button>
</div>

JavaScript

var app = angular.module('app', ['ui.slider']);

app.controller('sliderCtrl', function ($scope) {
  $scope.slider = {
    options: {
      range: true,
      min: 0,
      max: 100,
      step: 1
    }
  }
  $scope.values = [10,70];
    
    $scope.set = function() {
        $scope.values = [100,100];
    }
});