JSFiddle - React, Tailwind, and code Playground

by AtheistP3ace

HTML

<input placeholder="yyyy-mm-dd" type="date" name="DateName" id="fm_deliverydate" />
<input placeholder="Enter time" type="time" name="TimeName" id="fm_deliverytime" />

CSS

input:disabled {
    background: grey;
}

JavaScript

var date = new Date();
var dd = date.getDate();
var mm = date.getMonth() + 1;
var yyyy = date.getFullYear();
var hrs = date.getHours();

if (dd < 10) {
    dd = '0' + dd
}

if (mm < 10) {
    mm = '0' + mm
}

date = yyyy + '-' + mm + '-' + dd;

var userDateEntry = document.getElementById("fm_deliverydate");
userDateEntry.addEventListener('change',
    function () {
        if (hrs >= 10 && userDateEntry.value == date) {
            alert("Shipping for today has ended. Your order will arrive tomorrow");
            document.getElementById('fm_deliverytime').disabled = true;
        } else {
            document.getElementById('fm_deliverytime').disabled = false;
        }
    }
);