Inputs

Calendário de bolso

por @ravox·css

0
#f1ece2
1<div class="calendario">2  <p class="escolhido"><span>Data</span></p>3  <div class="mes">4    <div class="cabeca"><span class="seta">‹</span><b>Novembro 2026</b><span class="seta">›</span></div>5    <div class="grade">6      <i>D</i><i>S</i><i>T</i><i>Q</i><i>Q</i><i>S</i><i>S</i>7      <label class="dia"><input type="radio" name="dia-reserva" id="dia-1" disabled />1</label>8      <label class="dia"><input type="radio" name="dia-reserva" id="dia-2" disabled />2</label>9      <label class="dia"><input type="radio" name="dia-reserva" id="dia-3" disabled />3</label>10      <label class="dia"><input type="radio" name="dia-reserva" id="dia-4" disabled />4</label>11      <label class="dia hoje"><input type="radio" name="dia-reserva" id="dia-5" />5</label>12      <label class="dia"><input type="radio" name="dia-reserva" id="dia-6" />6</label>13      <label class="dia"><input type="radio" name="dia-reserva" id="dia-7" />7</label>14      <label class="dia"><input type="radio" name="dia-reserva" id="dia-8" />8</label>15      <label class="dia"><input type="radio" name="dia-reserva" id="dia-9" />9</label>16      <label class="dia"><input type="radio" name="dia-reserva" id="dia-10" />10</label>17      <label class="dia"><input type="radio" name="dia-reserva" id="dia-11" />11</label>18      <label class="dia"><input type="radio" name="dia-reserva" id="dia-12" />12</label>19      <label class="dia"><input type="radio" name="dia-reserva" id="dia-13" />13</label>20      <label class="dia"><input type="radio" name="dia-reserva" id="dia-14" />14</label>21      <label class="dia"><input type="radio" name="dia-reserva" id="dia-15" />15</label>22      <label class="dia"><input type="radio" name="dia-reserva" id="dia-16" />16</label>23      <label class="dia"><input type="radio" name="dia-reserva" id="dia-17" />17</label>24      <label class="dia"><input type="radio" name="dia-reserva" id="dia-18" />18</label>25      <label class="dia"><input type="radio" name="dia-reserva" id="dia-19" />19</label>26      <label class="dia"><input type="radio" name="dia-reserva" id="dia-20" />20</label>27      <label class="dia"><input type="radio" name="dia-reserva" id="dia-21" />21</label>28      <label class="dia"><input type="radio" name="dia-reserva" id="dia-22" />22</label>29      <label class="dia"><input type="radio" name="dia-reserva" id="dia-23" />23</label>30      <label class="dia"><input type="radio" name="dia-reserva" id="dia-24" />24</label>31      <label class="dia"><input type="radio" name="dia-reserva" id="dia-25" />25</label>32      <label class="dia"><input type="radio" name="dia-reserva" id="dia-26" />26</label>33      <label class="dia"><input type="radio" name="dia-reserva" id="dia-27" />27</label>34      <label class="dia"><input type="radio" name="dia-reserva" id="dia-28" />28</label>35      <label class="dia"><input type="radio" name="dia-reserva" id="dia-29" />29</label>36      <label class="dia"><input type="radio" name="dia-reserva" id="dia-30" />30</label>37    </div>38  </div>39</div>
#data#calendário#reserva#claro

Mais inputs

Ver todos