JSFiddle - React, Tailwind, and code Playground

by New Tech

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="price-range"></div>
<div class="min-price-label"></div>
<div class="max-price-label"></div>

JavaScript

var json = {
  "tpAmbiente": null,
  "hotelPesquisa": [{
    "dtEntrada": "20170510",
    "dtSaida": "20170511",
    "hotel": {
      "id": 94,
      "nome": "Itamarati"
    },
    "quarto": [{
      "quartoUh": [{
        "nQUarto": 1,
        "tarifa": {
          "vlDiariaTotal": 157.21,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
      }, {
        "nQUarto": 2,
        "tarifa": {
          "vlDiariaTotal": 157.21,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
      }, ]
    }]
  }, {
    "dtEntrada": "20170510",
    "dtSaida": "20170511",
    "hotel": {
      "id": 95,
      "nome": "copacabana"
    },
    "quarto": [{
      "quartoUh": [{
        "nQUarto": 1,
        "tarifa": {
          "vlDiariaTotal": 102.1,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
      }, {
        "nQUarto": 2,
        "tarifa": {
          "vlDiariaTotal": 102.1,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
      }, ]
    }]
  }, {
    "dtEntrada": "20170510",
    "dtSaida": "20170511",
    "hotel": {
      "id": 96,
      "nome": "Itamarati"
    },
    "quarto": [{
      "quartoUh": [{
        "nQUarto": 1,
        "tarifa": {
          "vlDiariaTotal": 157.21,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
      }, {
        "nQUarto": 2,
        "tarifa": {
          "vlDiariaTotal": 157.21,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
      }, ]
    }]
  }, {
    "dtEntrada": "20170510",
    "dtSaida": "20170511",
    "hotel": {
      "id": 96,
      "nome": "Litoral Hotel"
    },
    "quarto": [{
      "quartoUh": [{
        "nQUarto": 1,
        "tarifa": {
          "vlDiariaTotal": 1001.00,
          "desconto": null
        },
        "qtDisponivel": null,
        "desconto": null
     ...