www.nh-collection.com Open in urlscan Pro
23.208.231.169  Public Scan

Submitted URL: https://digital.nh-hotels.com/sap/public/cuan/link/100/8E7CFFBFF4BD572319B20F555D40968AAB1D8351?_V_=2&_K11_=2EB9AA620F01FC872C...
Effective URL: https://www.nh-collection.com/en?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&utm_term=2018....
Submission: On October 04 via api from BE — Scanned from ES

Form analysis 4 forms found in the DOM

Name: loginRewardsFormMob

<form class="form-horizontal track-form" novalidate="true" name="loginRewardsFormMob" id="loginFormMobv2">
  <div class="row">
    <div class="col-md-12">
      <div id="emailBoxMob" class="form-group">
        <label for="emailMob"></label>
        <input data-validation-required-message="Please revise this field:" data-error="" type="text" required="" class="form-control" name="emailMob" id="emailMob" placeholder="Username / Email / Card Number">
        <div class="help-block with-errors"></div>
      </div>
      <div id="passwordBoxMob" class="form-group">
        <label for="passwordMob"></label>
        <input data-validation-required-message="Please revise this field:" name="passwordMob" data-error="" type="password" required="" class="form-control" id="passwordMob" placeholder="Password">
        <div class="help-block with-errors"></div>
      </div>
      <div class="form-group">
        <div class="js-error-login text-color-red">
          <!--here global errors login modal--> The e-mail or password entered is incorrect
        </div>
      </div>
      <div class="unblocked-user">
        <a class="margin-b-10 display-inline-block js-recorverpass-modal-trigger" href="#" data-state="recover" data-toggle="modal" data-target="#m-modal-login">Forgot your password?</a>
        <div class="g-recaptcha"></div>
        <input class="response-recaptcha" type="hidden">
        <input type="text" value="" name="validationCaptcha" data-captcha="true" data-error-captcha="Please revise this field:" style="display:none">
        <div class="checkbox">
          <input id="check2" name="-" class="sr-only" type="checkbox" value="">
          <label for="check2">Remember me</label>
        </div>
        <button id="sigin" type="submit" class="btn btn-primary pull-right"> Enter </button>
      </div>
      <div class="blocked-user">
        <p class="color-alert">Server Error</p>
        <p> For security reasons please <a class="link-ghost-mobile js-forgotten-password" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
												reset your password.
											</a>
        </p>
      </div>
    </div>
  </div>
  <span class="title">Sign up now!</span>
</form>

Name: signupRewardsForm /en/nhdiscovery/signup

<form class="form-horizontal track-form" novalidate="" data-validate="validate" action="/en/nhdiscovery/signup" name="signupRewardsForm">
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <label for="inputRegister"></label>
        <input name="e" data-validation-required-message="Please revise this field:" data-error="" type="text" required="" class="form-control" id="inputRegister" placeholder="Enter your email">
        <div class="help-block with-errors"></div>
      </div>
      <button role="button" type="submit" class="btn btn-primary pull-right"> Sign up </button>
    </div>
  </div>
</form>

Name: loginRewardsFormPOST

<form novalidate="true" id="loginFormV2" name="loginRewardsForm" method="post">
  <div class="c-input-label form-group labelup has-feedback">
    <label class="labelup-control" for="login-email">User name / Email</label>
    <input class="form-control" type="text" name="email" id="login-email" required="" autocomplete="off" data-error="Please review the field" data-required-error="Please review the field" data-validation-required-message="Please review the field"
      tabindex="1">
    <button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
      <span class="nh-ic-input-clear" aria-hidden="true"></span>
    </button>
    <div class="help-block with-errors side"></div>
  </div>
  <div class="c-input-label form-group labelup has-feedback">
    <label class="labelup-control" for="login-password"> Password </label>
    <input class="form-control" type="password" name="password" id="login-password" required="" autocomplete="off" data-error="Please review the field" data-required-error="Please review the field"
      data-validation-required-message="Please review the field" tabindex="2">
    <button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
      <span class="nh-ic-input-clear" aria-hidden="true"></span>
    </button>
    <div class="help-block with-errors side"></div>
  </div>
  <div class="form-group">
    <div class="js-error-login text-color-red"></div>
  </div>
  <div class="unblocked-user">
    <div class="form-group checkbox">
      <input id="remember" name="remember" class="sr-only" type="checkbox" value="">
      <label for="remember">Remember me</label>
      <div class="help-block side with-errors"></div>
    </div>
    <div class="g-recaptcha"></div>
    <input class="response-recaptcha" type="hidden">
    <button class="btn btn-primary btn-submit" type="submit">Log in</button>
    <a class="js-recorverpass-modal-trigger link-forgot" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
                  Forgot your password?
                </a>
  </div>
  <div class="blocked-user">
    <p class="text-color-red"> Server Error</p>
    <p> For security reasons please <a class="js-recorverpass-modal-trigger" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">reset your password.
                  </a>
    </p>
  </div>
</form>

Name: collectionHomeFormPOST /en/collection

<form id="searchBarModifyForm" action="/en/collection" name="collectionHomeForm" method="post" autocomplete="off" accept-charset="utf-8" novalidate="true">
  <input type="hidden" data-id="code" data-target="code">
  <input type="hidden" data-id="type" data-target="typeSearch">
  <input type="hidden" data-id="name" data-target="Name">
  <input type="hidden" name="destinationValue" data-id="locationLcv" data-target="lcv">
  <input type="hidden" data-id="locality" data-target="locality">
  <input type="hidden" data-target="tcm">
  <input type="hidden" name="destinationTcm" data-id="locationTCM" data-target="tcm">
  <input type="hidden" name="tipoBuscador" value="Home" data-id="tipoBuscador">
  <input type="hidden" name="urlHotel" data-id="urlHotel" data-target="url">
  <input type="hidden" id="lang" value="en">
  <input type="hidden" id="brand" data-target="brand">
  <input type="hidden" id="locationName" data-target="locationName">
  <input type="hidden" id="countryKey" data-target="countryKey">
  <input type="hidden" id="cityKey" data-target="cityKey">
  <!-- INI GEOLOCALIZATION-->
  <!-- Latitud-->
  <input class="geo-lat js-geolocation" type="hidden" name="latitude">
  <!-- Longitud-->
  <input class="geo-lon js-geolocation" type="hidden" name="longitude">
  <!-- Precisión-->
  <input class="geo-acc js-geolocation" type="hidden" name="geo-acc">
  <!-- FIN GEOLOCALIZATION-->
  <div class="search-bar-content">
    <div class="location">
      <div class="form-group labelup ico-right input-group has-feedback">
        <label class="labelup-control" for="location2-sb"> Destination </label>
        <input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2-sb" required="" data-source="/content-api/rest/auto/autocompleteHome" data-hotel-label="[hotel,hotels]"
          data-error="Required Field" data-required-error="Required Field" data-initial-value="true" data-search="empty" data-search-error="Required Field">
        <div class="autocomplete-results" style="display: none;"></div>
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-poi"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
    </div>
    <div class="m-calendar-booking" data-checkin-date="04/10/2022" data-checkout-date="05/10/2022" data-msg-checkin="Choose your check-in date" data-msg-checkout="Choose your check-out date" data-msg-novalid="Invalid dates"
      data-msg-night="night chosen" data-msg-nights="nights chosen" data-msg-maxmonths="Sorry, you cannot book more than 18 months in advance"
      data-translate-months="[&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;, &quot;August&quot;, &quot;September&quot;, &quot;October&quot;, &quot;November&quot;, &quot;December&quot;]"
      data-translate-days="[&quot;MON&quot;,&quot;TUE&quot;,&quot;WED&quot;,&quot;THU&quot;,&quot;FRI&quot;,&quot;SAT&quot;,&quot;SUN&quot;]">
      <div class="calendar-booking">
        <div class="js-calendar-booking-input calendar-booking-input">
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkin-sb"> Check in </label>
            <input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkout-sb"> Check out </label>
            <input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
        </div>
        <div class="help-block with-errors side">
          <ul class="list-unstyled">
            <li>Invalid Range</li>
          </ul>
        </div>
        <div class="js-calendar-booking-dropdown calendar-booking-dropdown">
          <div class="calendar-booking-header">
            <div class="calendar-booking-title"><span class="title-name">Choose dates</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
            <div class="calendar-booking-selected">
              <div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
              <div class="calendar-booking-checkin"><span class="focus">Check in</span>
                <p class="js-selected-checkin">Tu, 04 Oct 22</p>
              </div>
              <div class="calendar-booking-checkout"><span class="focus">Check out</span>
                <p class="js-selected-checkout">We, 05 Oct 22</p>
              </div>
              <div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
            </div>
            <div class="calendar-booking-weeks">
              <div class="calendar-booking-week">MO</div>
              <div class="calendar-booking-week">TU</div>
              <div class="calendar-booking-week">WE</div>
              <div class="calendar-booking-week">TH</div>
              <div class="calendar-booking-week">FR</div>
              <div class="calendar-booking-week">SA</div>
              <div class="calendar-booking-week">SU</div>
            </div>
            <div class="calendar-booking-month-fixed">October 2022</div>
          </div>
          <div class="calendar-booking-months">
            <div class="calendar-booking-month" data-index="0">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">October</span>
                <span class="year-name">2022</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="1" data-month="9" data-year="2022" disabled="">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="2" data-month="9" data-year="2022" disabled="">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="3" data-month="9" data-year="2022" disabled="">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="4" data-month="9" data-year="2022">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="5" data-month="9" data-year="2022">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2022">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2022">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2022">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2022">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2022">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2022">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2022">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2022">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2022">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2022">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2022">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2022">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2022">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2022">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2022">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2022">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2022">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2022">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2022">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2022">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2022">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2022">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2022">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2022">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2022">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2022">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month" data-index="1">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">November</span>
                <span class="year-name">2022</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="10" data-year="2022">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2022">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2022">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2022">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2022">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2022">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2022">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2022">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2022">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2022">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2022">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2022">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2022">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2022">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="10" data-year="2022">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2022">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2022">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2022">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2022">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2022">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2022">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2022">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2022">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2022">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2022">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2022">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2022">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2022">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2022">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2022">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="2">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">December</span>
                <span class="year-name">2022</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2022">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2022">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2022">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2022">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2022">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2022">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2022">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2022">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2022">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2022">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2022">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2022">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2022">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2022">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2022">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2022">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2022">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2022">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2022">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2022">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2022">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2022">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2022">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2022">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2022">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2022">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2022">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2022">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2022">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2022">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2022">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="3">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">January</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="4">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">February</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="5">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">March</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="6">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">April</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="7">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">May</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="8">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">June</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="9">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">July</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="10">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">August</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="11">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">September</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="8" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="12">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">October</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="9" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="13">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">November</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="10" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="10" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="14">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">December</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="15">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">January</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="16">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">February</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="1" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="17">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">March</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="calendar-booking-footer">
            <div class="calendar-booking-info">1 night chosen</div>
            <button class="btn btn-primary js-calendar-booking-button" type="button"> Accept </button>
          </div>
        </div>
      </div>
    </div>
    <div class="m-occupancy" id="m-occupancy-sb">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="optionRooms"> Occupancy </label>
        <input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name=" " id="optionRooms" required="" readonly="" data-required-error="Required Field" data-info="1 room, 2 adults ">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-user-line"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
      <div class="m-occupancy-wrapper">
        <div class="occupancy-content"
          data-labels="{&quot;rooms&quot;:&quot;rooms&quot;,&quot;room&quot;:&quot;room&quot;,&quot;adults&quot;:&quot;adults&quot;,&quot;adult&quot;:&quot;adult&quot;,&quot;children&quot;:&quot;children&quot;,&quot;child&quot;:&quot;child&quot;,&quot;babies&quot;:&quot;babies&quot;,&quot;baby&quot;:&quot;baby&quot;}">
          <div class="option-values"></div>
          <div class="option-header">
            <h3 class="title">Select Rooms</h3>
            <title-icon class="nh-ic-close room-close"></title-icon>
          </div>
          <div class="option-list">
            <!-- option 1-->
            <div class="option option-1">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room hidden" type="button" title="Delete room" data-close="0" disabled="">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 1 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 2-->
            <div class="option option-2 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="1">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 2 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 3-->
            <div class="option option-3 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="2">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 3 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 4-->
            <div class="option option-4 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="3">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 4 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 5-->
            <div class="option option-5 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="4">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 5 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 6-->
            <div class="option option-6 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="5">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 6 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 7-->
            <div class="option option-7 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="6">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 7 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 8-->
            <div class="option option-8 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="7">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 8 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 9-->
            <div class="option option-9 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="8">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 9 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div id="endRooms"></div>
          </div>
          <div class="occupancy-footer">
            <div class="add-room">
              <button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Add room </button>
            </div>
            <div class="room-resume">1 room, 2 adults </div>
            <button class="btn btn-primary room-apply" type="button"> Accept </button>
          </div>
        </div>
      </div>
    </div>
    <div class="voucher-code">
      <div class="form-group labelup">
        <label class="labelup-control" for="voucherCode-sb"> Promo Code </label>
        <input class="form-control text-ellipsis" type="text" name="voucherCode" id="voucherCode-sb" maxlength="30">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
      </div>
    </div>
    <div class="search-btn">
      <button id="btn-search" class="btn-block btn btn-primary btn-loader js-track-new-search js-submitFormGA4" type="submit">
        <span class="btn-text">See rooms</span>
        <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
      </button>
    </div>
  </div>
</form>

Text Content

 * Reservations
 * Help
 * Our Hotels
 * The Brand
 * Feel the Extraordinary
 * NH DISCOVERY
 * English
   * Español
   * Nederlands
   * Deutsch
   * Italiano
   * Français
   * Portugués
 * Customer Care: +34 91 6008146 (ES)
   * +43 12 67 59 72 (AT)
   * +32 258 80 062 (BE)
   * +33 176 54 1942 (FR)
   * +49 30 22388599 (DE)
   * +39 02 87368144 (IT)
   * +351 210 020 848 (PT)
   * +41 31 5208011 (CH)
   * +31 (0)20 70 18 042 (NL)
   * +44 203 4998 271 (GB)
   * +1 212 219 7607 (US)
   * +54 11 68419937 (AR)
   * +56 2 2760 9024 (CL)
   * +57 13819596 (CO)
   * +52 55 95968237 (MX)
   * +59 8 29160001 (UY)
   * +55 1139588450 (BR)
   * +42 0 2 28 880 714 (CZ)
   * +36 18154346 (HU)
   * +352 27772097 (LU)
   * +48 222441252 (PL)
   * +40 317801218 (RO)
   * +42 1233456575 (SK)
   * +34 91 398 46 61 (Global Access)
 * Log in

LOG IN TO NH DISCOVERY
The e-mail or password entered is incorrect
Forgot your password?

Remember me
Enter

Server Error

For security reasons please reset your password.

Sign up now!

Sign up
 * Customer Care: +34 91 6008146 (ES)
   * +43 12 67 59 72 (AT)
   * +32 258 80 062 (BE)
   * +33 176 54 1942 (FR)
   * +49 30 22388599 (DE)
   * +39 02 87368144 (IT)
   * +351 210 020 848 (PT)
   * +41 31 5208011 (CH)
   * +31 (0)20 70 18 042 (NL)
   * +44 203 4998 271 (GB)
   * +1 212 219 7607 (US)
   * +54 11 68419937 (AR)
   * +56 2 2760 9024 (CL)
   * +57 13819596 (CO)
   * +52 55 95968237 (MX)
   * +59 8 29160001 (UY)
   * +55 1139588450 (BR)
   * +42 0 2 28 880 714 (CZ)
   * +36 18154346 (HU)
   * +352 27772097 (LU)
   * +48 222441252 (PL)
   * +40 317801218 (RO)
   * +42 1233456575 (SK)
   * +34 91 398 46 61 (Global Access)
   
   
 * Reservations
 * Help
   
   
 * English
   * Español
   * Nederlands
   * Deutsch
   * Italiano
   * Français
   * Portugués
   

MENU

 * Our Hotels
 * The Brand
 * Feel the Extraordinary
 * NH DISCOVERY



Log in to NH DISCOVERY

User name / Email

Password


Remember me


Log in Forgot your password?

Server Error

For security reasons please reset your password.

 * Our Hotels
 * The Brand
 * Feel the Extraordinary
 * NH DISCOVERY
 * Reservations
 * Language
   English Español Nederlands Deutsch Italiano Français Portugués
 * Help


CONTACT US

Spain
+34 91 6008146 Central +34 91 398 46 61 See all phone numbers

Destination



Check in
Check out
 * Invalid Range

Choose dates
Check in

Tu, 04 Oct 22

Check out

We, 05 Oct 22


MO
TU
WE
TH
FR
SA
SU
October 2022
MO
TU
WE
TH
FR
SA
SU
October 2022
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
November 2022
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
December 2022
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
January 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
February 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
MO
TU
WE
TH
FR
SA
SU
March 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
April 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
May 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
June 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
July 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
August 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
September 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
October 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
November 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
December 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
January 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
February 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
MO
TU
WE
TH
FR
SA
SU
March 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1 night chosen
Accept
Occupancy




SELECT ROOMS

Delete room room 1
Adults

Children (2-11)

Babies (0-1)

Delete room room 2
Adults

Children (2-11)

Babies (0-1)

Delete room room 3
Adults

Children (2-11)

Babies (0-1)

Delete room room 4
Adults

Children (2-11)

Babies (0-1)

Delete room room 5
Adults

Children (2-11)

Babies (0-1)

Delete room room 6
Adults

Children (2-11)

Babies (0-1)

Delete room room 7
Adults

Children (2-11)

Babies (0-1)

Delete room room 8
Adults

Children (2-11)

Babies (0-1)

Delete room room 9
Adults

Children (2-11)

Babies (0-1)


+ Add room
1 room, 2 adults
Accept
Promo Code
See rooms




NH HOTEL GROUP: BOOK NOW WITH THE BEST PRICE GUARANTEE!


THE HOTELS

NH Collection New York Madison Avenue



NH Collection New York Madison Avenue
NH Collection Amsterdam Doelen



NH Collection Amsterdam Doelen
NH Collection Firenze Porta Rossa



NH Collection Firenze Porta Rossa


THE LOCATIONS

NH Collection Mexico City Reforma



NH Collection Mexico City Reforma
NH Collection München Bavaria



NH Collection München Bavaria
NH Collection Madrid Suecia



NH Collection Madrid Suecia


THE SERVICES

NH Collection Milano Porta Nuova



NH Collection Milano Porta Nuova
NH Collection Taormina



NH Collection Taormina
NH Collection Eindhoven Centre



NH Collection Eindhoven Centre
NH Collection Barcelona Gran Hotel Calderón



NH Collection Barcelona Gran Hotel Calderón


MEETINGS AND EVENTS

NH Collection Madrid Palacio de Tepa



NH Collection Madrid Palacio de Tepa
NH Collection Berlin Mitte Friedrichstrasse



NH Collection Berlin Mitte Friedrichstrasse
NH Collection München Bavaria



NH Collection München Bavaria


AND MUCH MORE


TRULY CONNECTED

Easy and safe high speed WIFI in all hotel.




EAT AT ANY TIME

The best selection of healthy and tasty food.




ALWAYS IN SHAPE

Top of the line equipment in our fitness areas.




GREAT NIGHT’S SLEEP

A bed you would like to take home.




FABULOUS BREAKFAST

Freshly made breakfast and local specialties.




SHOWER RAIN EFFECT

With surprising amenities and professional hair dryer.



This day is not available

This day is not available for this offer. Please choose another date to continue
the reservation process

You've chosen a large range of dates

For reservations of more than 30 nights please contact our reservations team

on telephone+34 91 6008146

Modify See alternative contact numbers
You've chosen a large number of rooms

For reservations of 9 or more rooms please contact our reservations team

See alternative contact numbers

No matches found

Accept

We are unable to pinpoint your location. Activate the locations services on your
device or type in a location.

Accept
Change currency

The information given on the currency selected is merely informative. Charges
will always be made in local currency

Don't change currency Change currency

Join NH DISCOVERY and get 5% off for all your bookings

Loading results

You are required to log out!

To continue with the reservation process, please log out.

Back to home
   
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

--------------------------------------------------------------------------------


CORPORATE INFORMATION

 * About NH Hotel Group
 * NH Hotel Group Companies
 * Shareholders and Investors
 * CSR and Sustainability
 * Careers
 * Press Room


MANAGE YOUR BOOKING

 * NH Customer Care
 * Manage Your Booking
 * General Terms and Conditions
 * Newsletter
 * FAQ
 * Covid19 Cancellation Policy


NH DISCOVERY

 * Join
 * Advantages
 * Contact
 * Login
 * NH DISCOVERY Terms and Conditions

--------------------------------------------------------------------------------

 * Legal Advice
 * Cookie Policy
 * Privacy Policy



© 2000-2022 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain

Now with travelers’ hotel reviews from
Secure site



FOLLOW US


 * Legal Advice
 * Cookie Policy
 * Privacy Policy





© 2000-2022 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain


Oops, something went wrong. Please contact the administrator


COOKIE CONSENT

This site uses its own cookies and those of third parties to support browsing,
improve the user experience, personalise the content, display ads relating to
your preferences and conduct statistical analysis on browsing habits. You can
change your Configuration or obtain more information in our Cookie policy.

Yes, I accept

Do you accept these cookies and the processing of personal data that this
involves?