theghotels.seebooking.com Open in urlscan Pro
45.60.47.35  Public Scan

URL: https://theghotels.seebooking.com/
Submission: On June 29 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

<form novalidate="" id="searchDetails" autocomplete="off" class="ng-untouched ng-pristine ng-valid">
  <div class="form-row reservation-search-row add-p-b-s">
    <div class="datepicker-col add-font-family-sans col-lg-6 disable-click">
      <div class="checkinout-panel form-control d-flex" style="align-items: center; cursor: pointer; min-height: 57px; border: none;" aria-expanded="false">
        <div class="check-in-div2 medium">
          <div class="d-flex">
            <div class="checkinout-icon"><svg id="date_range_black_24dp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path id="Path_3" data-name="Path 3" d="M0,0H24V24H0Z" fill="none"></path>
                <path id="Path_4" data-name="Path 4"
                  d="M19,4H18V3a1,1,0,0,0-2,0V4H8V3A1,1,0,0,0,6,3V4H5A1.991,1.991,0,0,0,3.01,6L3,20a2,2,0,0,0,2,2H19a2.006,2.006,0,0,0,2-2V6A2.006,2.006,0,0,0,19,4Zm0,15a1,1,0,0,1-1,1H6a1,1,0,0,1-1-1V9H19ZM7,11H9v2H7Zm4,0h2v2H11Zm4,0h2v2H15Z"
                  fill="#c4c4c6"></path>
              </svg></div>
          </div>
        </div>
        <div class="checkinout-cal-date medium pt-1 border-end pr-2 border-2">
          <div aria-expanded="false" class="checkinout-cal-details px-2">
            <div class="checkinout-cal-date" style="white-space: nowrap; overflow: hidden;"> 29/6/2024 </div>
          </div>
        </div>
        <div class="checkinout-cal-date medium pt-1 pl-2">
          <div aria-expanded="false" class="checkinout-cal-details px-2">
            <div class="checkinout-cal-date" style="white-space: nowrap; overflow: hidden;"> 30/6/2024 </div>
          </div>
        </div>
      </div>
      <div class="date-range-input-holder"><input type="text" id="date-picker-trigger" placeholder="Daterangepicker" name="dateRangeData" bsdaterangepicker="" class="ng-untouched ng-pristine ng-valid"><!----></div>
    </div>
    <div id="expand" dropdown="" class="search-room-people-panel col-lg-6 availability-calendar">
      <div dropdowntoggle="" class="dropdown room-people-dropdown search-component-details pl-3 add-font-family-sans" style="height: 57px; cursor: pointer;" aria-haspopup="true" aria-expanded="false">
        <div class="d-flex">
          <div class="checkinout-icon"><svg id="people_black_24dp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
              <path id="Path_5" data-name="Path 5" d="M0,0H24V24H0Z" fill="none"></path>
              <path id="Path_6" data-name="Path 6"
                d="M16,11a3,3,0,1,0-3-3A2.987,2.987,0,0,0,16,11ZM8,11A3,3,0,1,0,5,8,2.987,2.987,0,0,0,8,11Zm0,2c-2.33,0-7,1.17-7,3.5V18a1,1,0,0,0,1,1H14a1,1,0,0,0,1-1V16.5C15,14.17,10.33,13,8,13Zm8,0c-.29,0-.62.02-.97.05.02.01.03.03.04.04A4.16,4.16,0,0,1,17,16.5V18a3,3,0,0,1-.18,1H22a1,1,0,0,0,1-1V16.5C23,14.17,18.33,13,16,13Z"
                fill="#c4c4c6"></path>
            </svg></div>
        </div>
        <div style="width: 100%;"><button type="button" class="room-people-drop-btn w-100 add-font-family-sans"> 1 Adult(s) <!----></button></div>
      </div><!---->
    </div><!----><!---->
  </div>
  <div>
    <div class="date-range-input-holder"><custom-calendar>
        <div>
          <div class="datepicker-container container">
            <div class="row">
              <div class="col-12 px-1 px-md-0"><ngx-daterangepicker-material firstmonthdayclass="first-day" lastmonthdayclass="last-day" emptyweekrowclass="empty-week-row" emptyweekcolumnclass="empty-week-column"
                  lastdayofpreviousmonthclass="last-previous-day" firstdayofnextmonthclass="first-next-day">
                  <div class="md-drppicker mt-0 mt-xl-3 drops-undefined-undefined ltr shown inline double">
                    <div>
                      <div class="d-flex flex-column px-3 scrollable-content px-md-auto flex-lg-row"><!---->
                        <div class="calendar calendar-left px-0 px-md-auto col-12 col-lg-6 left">
                          <div class="calendar-table">
                            <table class="table-condensed">
                              <thead>
                                <tr><!----><!---->
                                  <th></th><!----><!---->
                                  <th colspan="6" class="month drp-animate w-100"><!----> June 2024 <!----><!----></th>
                                </tr>
                                <tr class="week-days"><!---->
                                  <th><span>Sun</span></th>
                                  <th><span>Mon</span></th>
                                  <th><span>Tue</span></th>
                                  <th><span>Wed</span></th>
                                  <th><span>Thu</span></th>
                                  <th><span>Fri</span></th>
                                  <th><span>Sat</span></th><!---->
                                </tr>
                              </thead>
                              <tbody class="drp-animate">
                                <tr class="empty-week-row" style="display: revert;"><!----><!---->
                                  <td class="disabled empty-week-column off weekend"><span>26</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>27</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>28</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>29</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>30</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column last-previous-day off"><span>31</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled first-day off weekend"><span>1</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>2</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>3</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>4</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>5</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>6</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>7</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off weekend"><span>8</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>9</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>10</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>11</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>12</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>13</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>14</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off weekend"><span>15</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>16</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>17</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>18</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>19</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>20</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>21</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off weekend"><span>22</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>23</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>24</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>25</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>26</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>27</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>28</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="active available start-date today weekend"><span>29</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr class="empty-week-row" style="display: revert;"><!----><!---->
                                  <td class="active available end-date in-range last-day weekend"><span>30</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column first-next-day off"><span>1</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>2</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>3</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>4</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>5</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off weekend"><span>6</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr><!---->
                              </tbody><!---->
                            </table><!---->
                          </div><!---->
                        </div><!---->
                        <div class="calendar calendar-right px-0 px-md-auto col-12 col-lg-6">
                          <div class="calendar-table">
                            <table class="table-condensed">
                              <thead>
                                <tr>
                                  <th colspan="6" class="month w-100"><!----> July 2024 <!----><!----></th>
                                  <th class="next available"></th><!----><!----><!---->
                                </tr>
                                <tr class="week-days"><!---->
                                  <th><span>Sun</span></th>
                                  <th><span>Mon</span></th>
                                  <th><span>Tue</span></th>
                                  <th><span>Wed</span></th>
                                  <th><span>Thu</span></th>
                                  <th><span>Fri</span></th>
                                  <th><span>Sat</span></th><!---->
                                </tr>
                              </thead>
                              <tbody>
                                <tr class="empty-week-row" style="display: revert;"><!----><!---->
                                  <td class="active available empty-week-column end-date last-previous-day off weekend"><span>30</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available first-day"><span>1</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>2</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>3</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>4</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>5</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>6</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="available weekend"><span>7</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>8</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>9</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>10</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>11</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>12</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>13</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="available weekend"><span>14</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>15</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>16</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>17</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>18</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>19</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>20</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="available weekend"><span>21</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>22</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>23</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>24</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>25</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>26</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>27</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr class="empty-week-row" style="display: revert;"><!----><!---->
                                  <td class="available weekend"><span>28</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>29</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>30</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available last-day"><span>31</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column first-next-day off"><span>1</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>2</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off weekend"><span>3</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr class="empty-week-row" style="display: none;"><!----><!---->
                                  <td class="available empty-week-column off weekend"><span>4</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>5</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>6</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>7</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>8</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>9</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off weekend"><span>10</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr><!---->
                              </tbody><!---->
                            </table><!---->
                          </div><!---->
                        </div><!---->
                      </div>
                      <div class="col-12 pb-3 pb-md-1 pb-xl-2 mt-md-2 mt-lg-0 mt-4">
                        <div></div>
                        <div class="buttons pr-md-4 pr-0">
                          <div class="buttons_input"><!----><!----><button type="button" class="btn text-capitalize applyBtn">Search </button></div>
                        </div><!---->
                      </div>
                    </div>
                  </div>
                </ngx-daterangepicker-material></div>
            </div>
          </div><!---->
          <div class="d-none"><ngx-daterangepicker-material>
              <div class="md-drppicker mt-0 mt-xl-3 drops-undefined-undefined ltr shown inline double">
                <div>
                  <div class="d-flex flex-column px-3 scrollable-content px-md-auto flex-lg-row"><!---->
                    <div class="calendar calendar-left px-0 px-md-auto col-12 col-lg-6 left">
                      <div class="calendar-table">
                        <table class="table-condensed">
                          <thead>
                            <tr><!---->
                              <th class="prev available"></th><!----><!----><!---->
                              <th colspan="6" class="month drp-animate w-100"><!----> Jun 2024 <!----><!----></th>
                            </tr>
                            <tr class="week-days"><!---->
                              <th><span>Su</span></th>
                              <th><span>Mo</span></th>
                              <th><span>Tu</span></th>
                              <th><span>We</span></th>
                              <th><span>Th</span></th>
                              <th><span>Fr</span></th>
                              <th><span>Sa</span></th><!---->
                            </tr>
                          </thead>
                          <tbody class="drp-animate">
                            <tr><!----><!---->
                              <td class="available off weekend"><span>26</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>27</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>28</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>29</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>30</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>31</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>1</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>2</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>3</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>4</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>5</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>6</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>7</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>8</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>9</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>10</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>11</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>12</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>13</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>14</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>15</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>16</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>17</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>18</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>19</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>20</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>21</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>22</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>23</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>24</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>25</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>26</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>27</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>28</span>
                                <div class="empty"></div>
                              </td>
                              <td class="active available end-date start-date today weekend"><span>29</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>30</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>1</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>2</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>3</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>4</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>5</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off weekend"><span>6</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr><!---->
                          </tbody><!---->
                        </table><!---->
                      </div><!---->
                    </div><!---->
                    <div class="calendar calendar-right px-0 px-md-auto col-12 col-lg-6">
                      <div class="calendar-table">
                        <table class="table-condensed">
                          <thead>
                            <tr>
                              <th colspan="6" class="month w-100"><!----> Jul 2024 <!----><!----></th>
                              <th class="next available"></th><!----><!----><!---->
                            </tr>
                            <tr class="week-days"><!---->
                              <th><span>Su</span></th>
                              <th><span>Mo</span></th>
                              <th><span>Tu</span></th>
                              <th><span>We</span></th>
                              <th><span>Th</span></th>
                              <th><span>Fr</span></th>
                              <th><span>Sa</span></th><!---->
                            </tr>
                          </thead>
                          <tbody>
                            <tr><!----><!---->
                              <td class="available off weekend"><span>30</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>1</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>2</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>3</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>4</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>5</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>6</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>7</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>8</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>9</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>10</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>11</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>12</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>13</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>14</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>15</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>16</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>17</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>18</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>19</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>20</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>21</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>22</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>23</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>24</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>25</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>26</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>27</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>28</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>29</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>30</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>31</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>1</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>2</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off weekend"><span>3</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available off weekend"><span>4</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>5</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>6</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>7</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>8</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>9</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off weekend"><span>10</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr><!---->
                          </tbody><!---->
                        </table><!---->
                      </div><!---->
                    </div><!---->
                  </div>
                  <div class="col-12 pb-3 pb-md-1 pb-xl-2 mt-md-2 mt-lg-0 mt-4">
                    <div></div>
                    <div class="buttons pr-md-4 pr-0">
                      <div class="buttons_input"><!----><!----><button type="button" class="btn text-capitalize applyBtn">Search </button></div>
                    </div><!---->
                  </div>
                </div>
              </div>
            </ngx-daterangepicker-material></div><input type="text" id="date" placeholder="Daterangepicker" name="dateRangeData" bsdaterangepicker="" class="ng-untouched ng-pristine ng-valid"><!---->
        </div>
      </custom-calendar></div>
  </div>
</form>

<form novalidate="" id="searchDetails" autocomplete="off" class="ng-untouched ng-pristine ng-valid">
  <div class="form-row reservation-search-row add-p-b-s">
    <div class="datepicker-col add-font-family-sans col-lg-6 disable-click">
      <div class="checkinout-panel form-control d-flex" style="align-items: center; cursor: pointer; min-height: 57px; border: none;" aria-expanded="false">
        <div class="check-in-div2 medium">
          <div class="d-flex">
            <div class="checkinout-icon"><svg id="date_range_black_24dp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path id="Path_3" data-name="Path 3" d="M0,0H24V24H0Z" fill="none"></path>
                <path id="Path_4" data-name="Path 4"
                  d="M19,4H18V3a1,1,0,0,0-2,0V4H8V3A1,1,0,0,0,6,3V4H5A1.991,1.991,0,0,0,3.01,6L3,20a2,2,0,0,0,2,2H19a2.006,2.006,0,0,0,2-2V6A2.006,2.006,0,0,0,19,4Zm0,15a1,1,0,0,1-1,1H6a1,1,0,0,1-1-1V9H19ZM7,11H9v2H7Zm4,0h2v2H11Zm4,0h2v2H15Z"
                  fill="#c4c4c6"></path>
              </svg></div>
          </div>
        </div>
        <div class="checkinout-cal-date medium pt-1 border-end pr-2 border-2">
          <div aria-expanded="false" class="checkinout-cal-details px-2">
            <div class="checkinout-cal-date" style="white-space: nowrap; overflow: hidden;"> 29/6/2024 </div>
          </div>
        </div>
        <div class="checkinout-cal-date medium pt-1 pl-2">
          <div aria-expanded="false" class="checkinout-cal-details px-2">
            <div class="checkinout-cal-date" style="white-space: nowrap; overflow: hidden;"> 30/6/2024 </div>
          </div>
        </div>
      </div>
      <div class="date-range-input-holder"><input type="text" id="date-picker-trigger" placeholder="Daterangepicker" name="dateRangeData" bsdaterangepicker="" class="ng-untouched ng-pristine ng-valid"><!----></div>
    </div>
    <div id="expand" dropdown="" class="search-room-people-panel col-lg-6 availability-calendar">
      <div dropdowntoggle="" class="dropdown room-people-dropdown search-component-details pl-3 add-font-family-sans" style="height: 57px; cursor: pointer;" aria-haspopup="true" aria-expanded="false">
        <div class="d-flex">
          <div class="checkinout-icon"><svg id="people_black_24dp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
              <path id="Path_5" data-name="Path 5" d="M0,0H24V24H0Z" fill="none"></path>
              <path id="Path_6" data-name="Path 6"
                d="M16,11a3,3,0,1,0-3-3A2.987,2.987,0,0,0,16,11ZM8,11A3,3,0,1,0,5,8,2.987,2.987,0,0,0,8,11Zm0,2c-2.33,0-7,1.17-7,3.5V18a1,1,0,0,0,1,1H14a1,1,0,0,0,1-1V16.5C15,14.17,10.33,13,8,13Zm8,0c-.29,0-.62.02-.97.05.02.01.03.03.04.04A4.16,4.16,0,0,1,17,16.5V18a3,3,0,0,1-.18,1H22a1,1,0,0,0,1-1V16.5C23,14.17,18.33,13,16,13Z"
                fill="#c4c4c6"></path>
            </svg></div>
        </div>
        <div style="width: 100%;"><button type="button" class="room-people-drop-btn w-100 add-font-family-sans"> 1 Adult(s) <!----></button></div>
      </div><!---->
    </div><!----><!---->
  </div>
  <div>
    <div class="date-range-input-holder"><custom-calendar>
        <div>
          <div class="datepicker-container container">
            <div class="row">
              <div class="col-12 px-1 px-md-0"><ngx-daterangepicker-material firstmonthdayclass="first-day" lastmonthdayclass="last-day" emptyweekrowclass="empty-week-row" emptyweekcolumnclass="empty-week-column"
                  lastdayofpreviousmonthclass="last-previous-day" firstdayofnextmonthclass="first-next-day">
                  <div class="md-drppicker mt-0 mt-xl-3 drops-undefined-undefined ltr shown inline double">
                    <div>
                      <div class="d-flex flex-column px-3 scrollable-content px-md-auto flex-lg-row"><!---->
                        <div class="calendar calendar-left px-0 px-md-auto col-12 col-lg-6 left">
                          <div class="calendar-table">
                            <table class="table-condensed">
                              <thead>
                                <tr><!----><!---->
                                  <th></th><!----><!---->
                                  <th colspan="6" class="month drp-animate w-100"><!----> June 2024 <!----><!----></th>
                                </tr>
                                <tr class="week-days"><!---->
                                  <th><span>Sun</span></th>
                                  <th><span>Mon</span></th>
                                  <th><span>Tue</span></th>
                                  <th><span>Wed</span></th>
                                  <th><span>Thu</span></th>
                                  <th><span>Fri</span></th>
                                  <th><span>Sat</span></th><!---->
                                </tr>
                              </thead>
                              <tbody class="drp-animate">
                                <tr class="empty-week-row"><!----><!---->
                                  <td class="disabled empty-week-column off weekend"><span>26</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>27</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>28</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>29</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column off"><span>30</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled empty-week-column last-previous-day off"><span>31</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled first-day off weekend"><span>1</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>2</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>3</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>4</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>5</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>6</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>7</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off weekend"><span>8</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>9</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>10</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>11</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>12</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>13</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>14</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off weekend"><span>15</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>16</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>17</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>18</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>19</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>20</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>21</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off weekend"><span>22</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="disabled off weekend"><span>23</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>24</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>25</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>26</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>27</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="disabled off"><span>28</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="active available start-date today weekend"><span>29</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr>
                                <tr class="empty-week-row"><!----><!---->
                                  <td class="active available end-date in-range last-day weekend"><span>30</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column first-next-day off"><span>1</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>2</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>3</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>4</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off"><span>5</span>
                                    <div class="empty"></div>
                                  </td>
                                  <td class="available empty-week-column off weekend"><span>6</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                </tr><!---->
                              </tbody><!---->
                            </table><!---->
                          </div><!---->
                        </div><!---->
                        <div class="calendar calendar-right px-0 px-md-auto col-12 col-lg-6">
                          <div class="calendar-table">
                            <table class="table-condensed">
                              <thead>
                                <tr>
                                  <th colspan="6" class="month w-100"><!----> July 2024 <!----><!----></th>
                                  <th class="next available"></th><!----><!----><!---->
                                </tr>
                                <tr class="week-days"><!---->
                                  <th><span>Sun</span></th>
                                  <th><span>Mon</span></th>
                                  <th><span>Tue</span></th>
                                  <th><span>Wed</span></th>
                                  <th><span>Thu</span></th>
                                  <th><span>Fri</span></th>
                                  <th><span>Sat</span></th><!---->
                                </tr>
                              </thead>
                              <tbody>
                                <tr class="empty-week-row"><!----><!---->
                                  <td class="active available empty-week-column end-date last-previous-day off weekend"><span>30</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available first-day"><span>1</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>2</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>3</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>4</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>5</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>6</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="available weekend"><span>7</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>8</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>9</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>10</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>11</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>12</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>13</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="available weekend"><span>14</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>15</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>16</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>17</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>18</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>19</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>20</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr><!----><!---->
                                  <td class="available weekend"><span>21</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>22</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>23</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>24</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>25</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>26</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available weekend"><span>27</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr class="empty-week-row"><!----><!---->
                                  <td class="available weekend"><span>28</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>29</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available"><span>30</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available last-day"><span>31</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column first-next-day off"><span>1</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>2</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off weekend"><span>3</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr>
                                <tr class="empty-week-row"><!----><!---->
                                  <td class="available empty-week-column off weekend"><span>4</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>5</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>6</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>7</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>8</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off"><span>9</span>
                                    <div class="empty"></div>
                                  </td><!---->
                                  <td class="available empty-week-column off weekend"><span>10</span>
                                    <div class="empty"></div>
                                  </td><!----><!---->
                                </tr><!---->
                              </tbody><!---->
                            </table><!---->
                          </div><!---->
                        </div><!---->
                      </div>
                      <div class="col-12 pb-3 pb-md-1 pb-xl-2 mt-md-2 mt-lg-0 mt-4">
                        <div></div>
                        <div class="buttons pr-md-4 pr-0">
                          <div class="buttons_input"><!----><!----><button type="button" class="btn text-capitalize applyBtn">Search </button></div>
                        </div><!---->
                      </div>
                    </div>
                  </div>
                </ngx-daterangepicker-material></div>
            </div>
          </div><!---->
          <div class="d-none"><ngx-daterangepicker-material>
              <div class="md-drppicker mt-0 mt-xl-3 drops-undefined-undefined ltr shown inline double">
                <div>
                  <div class="d-flex flex-column px-3 scrollable-content px-md-auto flex-lg-row"><!---->
                    <div class="calendar calendar-left px-0 px-md-auto col-12 col-lg-6 left">
                      <div class="calendar-table">
                        <table class="table-condensed">
                          <thead>
                            <tr><!---->
                              <th class="prev available"></th><!----><!----><!---->
                              <th colspan="6" class="month drp-animate w-100"><!----> Jun 2024 <!----><!----></th>
                            </tr>
                            <tr class="week-days"><!---->
                              <th><span>Su</span></th>
                              <th><span>Mo</span></th>
                              <th><span>Tu</span></th>
                              <th><span>We</span></th>
                              <th><span>Th</span></th>
                              <th><span>Fr</span></th>
                              <th><span>Sa</span></th><!---->
                            </tr>
                          </thead>
                          <tbody class="drp-animate">
                            <tr><!----><!---->
                              <td class="available off weekend"><span>26</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>27</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>28</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>29</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>30</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>31</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>1</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>2</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>3</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>4</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>5</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>6</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>7</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>8</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>9</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>10</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>11</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>12</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>13</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>14</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>15</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>16</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>17</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>18</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>19</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>20</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>21</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available weekend"><span>22</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>23</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>24</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>25</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>26</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>27</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available"><span>28</span>
                                <div class="empty"></div>
                              </td>
                              <td class="active available end-date start-date today weekend"><span>29</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>30</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>1</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>2</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>3</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>4</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off"><span>5</span>
                                <div class="empty"></div>
                              </td>
                              <td class="available off weekend"><span>6</span>
                                <div class="empty"></div>
                              </td><!---->
                            </tr><!---->
                          </tbody><!---->
                        </table><!---->
                      </div><!---->
                    </div><!---->
                    <div class="calendar calendar-right px-0 px-md-auto col-12 col-lg-6">
                      <div class="calendar-table">
                        <table class="table-condensed">
                          <thead>
                            <tr>
                              <th colspan="6" class="month w-100"><!----> Jul 2024 <!----><!----></th>
                              <th class="next available"></th><!----><!----><!---->
                            </tr>
                            <tr class="week-days"><!---->
                              <th><span>Su</span></th>
                              <th><span>Mo</span></th>
                              <th><span>Tu</span></th>
                              <th><span>We</span></th>
                              <th><span>Th</span></th>
                              <th><span>Fr</span></th>
                              <th><span>Sa</span></th><!---->
                            </tr>
                          </thead>
                          <tbody>
                            <tr><!----><!---->
                              <td class="available off weekend"><span>30</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>1</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>2</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>3</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>4</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>5</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>6</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>7</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>8</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>9</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>10</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>11</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>12</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>13</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>14</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>15</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>16</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>17</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>18</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>19</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>20</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>21</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>22</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>23</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>24</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>25</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>26</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available weekend"><span>27</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available weekend"><span>28</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>29</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>30</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available"><span>31</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>1</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>2</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off weekend"><span>3</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr>
                            <tr><!----><!---->
                              <td class="available off weekend"><span>4</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>5</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>6</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>7</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>8</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off"><span>9</span>
                                <div class="empty"></div>
                              </td><!---->
                              <td class="available off weekend"><span>10</span>
                                <div class="empty"></div>
                              </td><!----><!---->
                            </tr><!---->
                          </tbody><!---->
                        </table><!---->
                      </div><!---->
                    </div><!---->
                  </div>
                  <div class="col-12 pb-3 pb-md-1 pb-xl-2 mt-md-2 mt-lg-0 mt-4">
                    <div></div>
                    <div class="buttons pr-md-4 pr-0">
                      <div class="buttons_input"><!----><!----><button type="button" class="btn text-capitalize applyBtn">Search </button></div>
                    </div><!---->
                  </div>
                </div>
              </div>
            </ngx-daterangepicker-material></div><input type="text" id="date" placeholder="Daterangepicker" name="dateRangeData" bsdaterangepicker="" class="ng-untouched ng-pristine ng-valid"><!---->
        </div>
      </custom-calendar></div>
  </div>
</form>

Text Content

SOMETHING WENT WRONG PLEASE TRY AGAIN

 
   
   
 * Manage Booking
   
   
 * EN
   

Search & Promo Code
29/6/2024
30/6/2024

1 Adult(s)

June 2024 SunMonTueWedThuFriSat26

27

28

29

30

31

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

1

2

3

4

5

6


July 2024 SunMonTueWedThuFriSat30

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

2

3

4

5

6

7

8

9

10


Search

Jun 2024 SuMoTuWeThFrSa26

27

28

29

30

31

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

1

2

3

4

5

6


Jul 2024 SuMoTuWeThFrSa30

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

2

3

4

5

6

7

8

9

10


Search
29/6/2024
30/6/2024

1 Adult(s)

June 2024 SunMonTueWedThuFriSat26

27

28

29

30

31

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

1

2

3

4

5

6


July 2024 SunMonTueWedThuFriSat30

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

2

3

4

5

6

7

8

9

10


Search

Jun 2024 SuMoTuWeThFrSa26

27

28

29

30

31

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

1

2

3

4

5

6


Jul 2024 SuMoTuWeThFrSa30

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

2

3

4

5

6

7

8

9

10


Search
© 2024 Copyright: THE G HOTEL SEASHELL ALAMEIN
Please enable JavaScript to continue using this application.