JSFiddle - React, Tailwind, and code Playground

by rhudecaviar

HTML

<!DOCTYPE html>
<html lang="en">

  <title>Order Details</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Notable|Roboto" rel="stylesheet">
  <link href="/Users/abl/projects/poolside_bedside/css/menu.css" rel="stylesheet" type="text/css" />
  <meta name="description" content="Hotel Sumblime's Fall/Winter Cafe Menu">

  <body>
    <header role="header">
      <h1>Order Time</h1>
    </header>
    <nav class="nav">
    </nav>
    <fieldset>
      <form class="delivery-form" method="POST" target="_blank">
        <div class="delivery-date">
          <label for="date">Delivery date:</label>
          <input class="date-select" type="date" placeholder="mm/dd/yyyy" id="delivery-date" name="delivery-date" min="2018-04-01" max="2020-04-30" onchange="getDate()">
        </div>
        <div class="delivery-time">
          <label for="delivery-time">Choose time: </label>
          <select name="time" id="time" onchange="getTime()">
                    <option value="5:00 AM">5:00 AM</option>
                    <option value="5:15 AM">5:15 AM</option>
                    <option value="5:30 AM">5:30 AM</option>
                    <option value="5:45 AM">5:45 AM</option>

                    <option value="6:00 AM">6:00 AM</option>
                    <option value="6:15 AM">6:15 AM</option>
                    <option value="6:30 AM">6:30 AM</option>
                    <option value="6:45 AM">6:45 AM</option>

                    <option value="7:00 AM">7:00 AM</option>
                    <option value="7:15 AM">7:15 AM</option>
                    <option value="7:30 AM">7:30 AM</option>
                    <option value="7:45 AM">7:45 AM</option>

                    <option value="8:00 AM">8:00 AM</option>
                    <option value="8:15 AM">8:15 AM</option>
                    <option value="8:30 AM">8:30 AM</option>
                ...