<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
center
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
strong
>SPECTRE Autocomplete</
strong
>
<
br
><
br
>
<
div
class
=
"calendar"
>
<
div
class
=
"calendar-nav navbar"
>
<
button
class
=
"btn btn-action btn-link btn-lg"
>
<
i
class
=
"icon icon-arrow-left"
></
i
>
</
button
>
<
div
class
=
"navbar-primary"
>June 2022</
div
>
<
button
class
=
"btn btn-action btn-link btn-lg"
>
<
i
class
=
"icon icon-arrow-right"
></
i
>
</
button
>
</
div
>
<
div
class
=
"calendar-container"
>
<
div
class
=
"calendar-header"
>
<
div
class
=
"calendar-date"
>Mon</
div
>
<
div
class
=
"calendar-date"
>Tue</
div
>
<
div
class
=
"calendar-date"
>Wed</
div
>
<
div
class
=
"calendar-date"
>Thu</
div
>
<
div
class
=
"calendar-date"
>Fri</
div
>
<
div
class
=
"calendar-date"
>Sat</
div
>
<
div
class
=
"calendar-date"
>Sun</
div
>
</
div
>
<
div
class
=
"calendar-body"
>
<
div
class
=
"calendar-date prev-month"
>
<
button
class
=
"date-item"
>30</
button
>
</
div
>
<
div
class
=
"calendar-date prev-month"
>
<
button
class
=
"date-item"
>31</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>1</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>2</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>3</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">4</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">5</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>6</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>7</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>8</
button
>
</
div
>
<
div
class
=
"calendar-date range-start"
>
<
button
class
=
"date-item"
>9</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>10</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">11</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">12</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>13</
button
>
</
div
>
<
div
class="calendar-date
calendar-range range-start">
<
button
class
=
"date-item "
>14</
button
>
</
div
>
<
div
class
=
"calendar-date calendar-range"
>
<
button
class
=
"date-item"
>15</
button
>
</
div
>
<
div
class="calendar-date
calendar-range range-end">
<
button
class
=
"date-item "
>16</
button
>
</
div
>
<
div
class
=
"calendar-date "
>
<
button
class
=
"date-item"
>17</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">18</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">19</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>20</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>24</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>22</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>23</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>24</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">25</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class="date-item bg-error
text-secondary">26</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>27</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>28</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>29</
button
>
</
div
>
<
div
class
=
"calendar-date"
>
<
button
class
=
"date-item"
>30</
button
>
</
div
>
<
div
class
=
"calendar-date next-month"
>
<
button
class
=
"date-item"
>1</
button
>
</
div
>
<
div
class
=
"calendar-date next-month"
>
<
button
class
=
"date-item"
>2</
button
>
</
div
>
<
div
class
=
"calendar-date next-month"
>
<
button
class
=
"date-item"
>3</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
</
center
>
</
body
>
</
html
>