JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<template>
  <div>
    <div class="sign-up">
      <div id="sign-up__form" class="sign-up__form">


        <input type="text" id="birthDate" name="birthDate" required="required" class="input-field birthDateClass input-hidde-field ">
        <input type="text" id="languageCode" name="languageCode" class="input-field input-hidde-field" value="en">
        <input type="text" id="currency" name="currency" class="input-field input-hidde-field" value="DKK">

        <input type="hidden" class="signUpUrl" value="/api/player/signup">

        <div class="sign-up__fields sign-up__first">
          <div class="form-group-vertical sign-up__field">
            <div class="form-group-vertical__label"><label>Name</label></div>
            <div class="form-group-vertical__field sign-up__field">
              <input type="text" id="firstName" name="firstName" required="required" class="capitalize input-field ">

              <div class="field-error firstNameError"></div>
            </div>

            <div class="form-group-vertical sign-up__field">
              <div class="form-group-vertical__label"><label>Surname</label></div>
              <div class="form-group-vertical__field ">
                <input type="text" id="lastName" name="lastName" required="required" class="capitalize input-field ">

                <div class="field-error lastNameError"></div>
              </div>
            </div>

            <div class="sign-up__field signUpMarginBottom">
              <div class="form-group-vertical__label ">Date of birth</div>
              <div class="sign-up__field-group">
                <div class="birthday">
                  <div class="birthday__day">

                    <span id="dayMob">
                      <div class="select" id="day">
                        <i class="icon-select-arrow select__arrow"></i>
                        <select class="select__control" id="day_ul_mob" name="birthDay">
                          <option disabled=""...