JSFiddle - React, Tailwind, and code Playground

by petersendidit

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<select name="billstate" id="billstate">
    <option value="ZZ">Please Select State</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District of Columbia</option>
    <option value="FL">Florida</option>
    <option value="GA">Georgia</option>
    <option value="HI">Hawaii</option>
    <option value="ID">Idaho</option>
    <option value="IL">Illinois</option>
    <option value="IN">Indiana</option>
    <option value="IA">Iowa</option>
    <option value="KS">Kansas</option>
    <option value="KY">Kentucky</option>
    <option value="LA">Louisiana</option>
    <option value="ME">Maine</option>
    <option value="MD">Maryland</option>
    <option value="MA">Massachusetts</option>
    <option value="MI">Michigan</option>
    <option value="MN">Minnesota</option>
    <option value="MS">Mississippi</option>
    <option value="MO">Missouri</option>
    <option value="MT">Montana</option>
    <option value="NE">Nebraska</option>
    <option value="NV">Nevada</option>
    <option value="NH">New Hampshire</option>
    <option value="NJ">New Jersey</option>
    <option value="NM">New Mexico</option>
    <option value="NY">New York</option>
    <option value="NC">North Carolina</option>
    <option value="ND">North Dakota</option>
    <option value="OH">Ohio</option>
    <option value="OK">Oklahoma</option>
    <option value="OR">Oregon</option>
    <option value="PA">Pennsylvania</option>
    <option value="RI">Rhode Island</option>
    <option value="SC">South Carolina</option>
    <option value="SD">South Dakota</option>
    <option...

JavaScript

$('#shipmethod').attr('disabled', true);
$("#datepicker").datepicker({
    minDate: +2,
    maxDate: "+1M +10D",
    beforeShowDay: function(date) {
        return ((date.getDay() === 1) || $.datepicker.noWeekends(date));
    },
    onSelect: function(date) {
        var shipping;
        var today = new Date();
        today = new Date(today.getFullYear(), today.getMonth(), today.getDate());
        date = new Date(date);
        var diff = date - today;
        
        if (diff == 172800000 || date.getDay() === 2) {
            shipping = 1; // UPS Next Day Air
        } else {
            if ($('#billstate').val() == 'TX') {
                shipping = 3; //UPS Ground
            } else {
                shipping = 0; // UPS 2nd Day Air
            }
        }
        $('#shipmethod').val(shipping);
    }
});