JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<select id="hotel">
<option>hotel_a</option>
<option>hotel_b</option>
<option>hotel_c</option>
</select>

<input type="text" id="from" />
<input type="text" id="to" />
<div id="availability"></div>

JavaScript

var hotelMap = { hotel_a: 15, hotel_b: 6, hotel_c: 10 };
$(function() {
   $('#hotel').change(function() {
     // assign the value to a variable, so you can test to see if it is working
     var selectVal = $('#hotel :selected').val();
     $("#from, #to").datepicker("option", "minDate", hotelMap[selectVal]);
   });
        var dates = $('#from, #to').datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            dateFormat: 'yy-m-d',
            minDate: 10,
            numberOfMonths: 1,
            onSelect: function(selectedDate) {
                var option = this.id == "from" ? "minDate" : "maxDate";
                var instance = $(this).data("datepicker");
                var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
                dates.not(this).datepicker("option", option, date);
            }
        });
    });

$(document).ready(check);
            function check(){
                $('#from, #to, #hotel').bind('change', update);
            }
            function update(){
                var from=$('#from').attr('value');
                var to=$('#to').attr('value');
                var hotel=$('#hotel').attr('value');
                $('#availability').html(from);
            }