Skip to main content
logo regione lombardia

Bootstrap Regione Lombardia

Versione di Bootstrap Italia per la Regione Lombardia per lo sviluppo di applicazioni web per la PA

Time Picker

Time Picker

I Time picker aiutano gli utenti a selezionare e impostare un’ora specifica.
Essi consentono agli utenti di inserire un valore di tempo e possono essere utilizzati per un’ampia gamma di scenari, come ad esempio in ambito di prenotazioni o programmazioni di eventi.

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

<div class="row mt-5 mt-md-0">
  <div class="col-md-4 col-xl-3">
    <div class="it-datepicker-wrapper">
      <div class="form-group">
        <div class="form-group">
          <label class="active" for="timeStandard">Timepicker</label>
          <input class="form-control" id="timeStandard" type="time" />
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-4 offset-xl-3 col-xl-3">
    <div class="it-datepicker-wrapper">
      <div class="form-group">
        <label class="active" for="da">Selezione Da</label>
        <input class="form-control" id="da" type="time" />
      </div>
    </div>
  </div>
  <div class="col-md-4 col-xl-3">
    <div class="it-datepicker-wrapper">
      <div class="form-group">
        <label class="active" for="a">a</label>
        <input class="form-control" id="a" type="time" />
      </div>
    </div>
  </div>
</div>

Breaking change

Eliminati Time Picker avanzato e Time Picker con orologio per problemi di accessibilità.