Components
These components demonstrate how to build scalable semantic UI with TailUI.
Calendar
Date picker calendar with day, month, and year navigation.
Preview
January 2025
Mo
Tu
We
Th
Fr
Sa
Su
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
Code
1<div class="ui-calendar">2 <div class="ui-calendar-header">3 <button class="ui-calendar-nav ui-prev">‹</button>4 <span class="ui-calendar-title">January 2025</span>5 <button class="ui-calendar-nav ui-next">›</button>6 </div>7 <div class="ui-calendar-grid">8 <div class="ui-calendar-weekday">Mo</div>9 <div class="ui-calendar-weekday">Tu</div>10 <!-- ... -->11 <div class="ui-calendar-day">1</div>12 <div class="ui-calendar-day">2</div>13 <div class="ui-calendar-day ui-active">15</div>14 <div class="ui-calendar-day ui-today">20</div>15 <div class="ui-calendar-day ui-disabled">31</div>16 </div>17</div>