Chunda Palace

Arrival Date:

Depart Date:

Copy and paste below code into your website wherever you want to display this section.

<div class="hotelReservationPanel">
   <form action="https://reservation.chundapalace.com:443/hotel/Chunda-Palace/process-hotel-booking" method="get"
                onsubmit="return validateForm()" target="_blank">
    <script src="https://reservation.chundapalace.com:443/DatePicker/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="https://reservation.chundapalace.com:443/DatePicker/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <link href="https://reservation.chundapalace.com:443/DatePicker/css/datepicker.css" rel="stylesheet" type="text/css" />
    <link href="https://reservation.chundapalace.com:443/DatePicker/css/normalize.css" rel="stylesheet" type="text/css" />
    <script src="https://reservation.chundapalace.com:443/js/windowReservation.js" type="text/javascript"></script>
   
    <p>
        Arrival Date:
        <input type="text" id="Text1" name="arrival" class="arrival icon-calender" readonly="readonly" onchange="arrival_onchange(this.value)" />
    </p>
    <p>
        Depart Date:
        <input type="text" id="Text2" name="depart" class="depart icon-calender" readonly="readonly" /></p>
    <div>
        <input type="submit" class="loginButton" value="View Best Available Rate" />
    </div>
  
    </form>  
    </div>
    <style>
    .icon-calender
    {
        width:130px;
padding:5px;
font-size:13px;color:gray;
background-image:url('https://reservation.chundapalace.com:443/images/calender-icon.png');
background-repeat:no-repeat;
background-position:right center;
 
  border: solid 1px #A8A8A7;
  transition: box-shadow 0.3s, border 0.3s;
}
    </style>