tailwind_dsl 0.0.10 → 0.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/generators/domain-model.rb +30 -28
  3. data/.builders/generators/utilities.rb +19 -17
  4. data/CHANGELOG.md +7 -0
  5. data/docs/domain-model.drawio +49 -46
  6. data/docs/domain-model.json +144 -121
  7. data/docs/domain-model.svg +1 -1
  8. data/lib/tailwind_dsl/etl/component_structures/raw_component_query.rb +197 -0
  9. data/lib/tailwind_dsl/version.rb +1 -1
  10. data/lib/tailwind_dsl.rb +1 -0
  11. data/package-lock.json +2 -2
  12. data/package.json +1 -1
  13. metadata +3 -50
  14. data/.components/tui/application-ui/component/data-display/calendar/01.clean.html +0 -204
  15. data/.components/tui/application-ui/component/data-display/calendar/01.html +0 -243
  16. data/.components/tui/application-ui/component/data-display/calendar/01.settings.json +0 -9
  17. data/.components/tui/application-ui/component/data-display/calendar/02.clean.html +0 -496
  18. data/.components/tui/application-ui/component/data-display/calendar/02.html +0 -551
  19. data/.components/tui/application-ui/component/data-display/calendar/02.settings.json +0 -9
  20. data/.components/tui/application-ui/component/data-display/calendar/03.clean.html +0 -240
  21. data/.components/tui/application-ui/component/data-display/calendar/03.html +0 -274
  22. data/.components/tui/application-ui/component/data-display/calendar/03.settings.json +0 -9
  23. data/.components/tui/application-ui/component/data-display/calendar/04.clean.html +0 -385
  24. data/.components/tui/application-ui/component/data-display/calendar/04.html +0 -439
  25. data/.components/tui/application-ui/component/data-display/calendar/04.settings.json +0 -9
  26. data/.components/tui/application-ui/component/data-display/calendar/05.clean.html +0 -211
  27. data/.components/tui/application-ui/component/data-display/calendar/05.html +0 -254
  28. data/.components/tui/application-ui/component/data-display/calendar/05.settings.json +0 -9
  29. data/.components/tui/application-ui/component/data-display/calendar/06.clean.html +0 -320
  30. data/.components/tui/application-ui/component/data-display/calendar/06.html +0 -336
  31. data/.components/tui/application-ui/component/data-display/calendar/06.settings.json +0 -9
  32. data/.components/tui/application-ui/component/data-display/calendar/07.clean.html +0 -266
  33. data/.components/tui/application-ui/component/data-display/calendar/07.html +0 -294
  34. data/.components/tui/application-ui/component/data-display/calendar/07.settings.json +0 -9
  35. data/.components/tui/application-ui/component/data-display/calendar/08.clean.html +0 -268
  36. data/.components/tui/application-ui/component/data-display/calendar/08.html +0 -296
  37. data/.components/tui/application-ui/component/data-display/calendar/08.settings.json +0 -9
  38. data/.components/tui/application-ui/component/data-display/description-list/01.clean.html +0 -59
  39. data/.components/tui/application-ui/component/data-display/description-list/01.html +0 -61
  40. data/.components/tui/application-ui/component/data-display/description-list/01.settings.json +0 -9
  41. data/.components/tui/application-ui/component/data-display/description-list/02.clean.html +0 -59
  42. data/.components/tui/application-ui/component/data-display/description-list/02.html +0 -61
  43. data/.components/tui/application-ui/component/data-display/description-list/02.settings.json +0 -9
  44. data/.components/tui/application-ui/component/data-display/description-list/03.clean.html +0 -86
  45. data/.components/tui/application-ui/component/data-display/description-list/03.html +0 -88
  46. data/.components/tui/application-ui/component/data-display/description-list/03.settings.json +0 -9
  47. data/.components/tui/application-ui/component/data-display/description-list/04.clean.html +0 -59
  48. data/.components/tui/application-ui/component/data-display/description-list/04.html +0 -61
  49. data/.components/tui/application-ui/component/data-display/description-list/04.settings.json +0 -9
  50. data/.components/tui/application-ui/component/data-display/description-list/05.clean.html +0 -59
  51. data/.components/tui/application-ui/component/data-display/description-list/05.html +0 -61
  52. data/.components/tui/application-ui/component/data-display/description-list/05.settings.json +0 -9
  53. data/.components/tui/application-ui/component/data-display/stats/01.clean.html +0 -17
  54. data/.components/tui/application-ui/component/data-display/stats/01.html +0 -19
  55. data/.components/tui/application-ui/component/data-display/stats/01.settings.json +0 -9
  56. data/.components/tui/application-ui/component/data-display/stats/02.clean.html +0 -80
  57. data/.components/tui/application-ui/component/data-display/stats/02.html +0 -89
  58. data/.components/tui/application-ui/component/data-display/stats/02.settings.json +0 -9
  59. data/.components/tui/application-ui/component/data-display/stats/03.clean.html +0 -53
  60. data/.components/tui/application-ui/component/data-display/stats/03.html +0 -61
  61. data/.components/tui/application-ui/component/data-display/stats/03.settings.json +0 -9
@@ -1,336 +0,0 @@
1
- <div>
2
- <div class="relative grid grid-cols-1 gap-x-14 md:grid-cols-2">
3
- <button type="button" class="absolute -top-1 -left-1.5 flex items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
4
- <span class="sr-only">Previous month</span>
5
- <!-- Heroicon name: mini/chevron-left -->
6
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
7
- <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd" />
8
- </svg>
9
- </button>
10
- <button type="button" class="absolute -top-1 -right-1.5 flex items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
11
- <span class="sr-only">Next month</span>
12
- <!-- Heroicon name: mini/chevron-right -->
13
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
14
- <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
15
- </svg>
16
- </button>
17
- <section class="text-center">
18
- <h2 class="font-semibold text-gray-900">January</h2>
19
- <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
20
- <div>M</div>
21
- <div>T</div>
22
- <div>W</div>
23
- <div>T</div>
24
- <div>F</div>
25
- <div>S</div>
26
- <div>S</div>
27
- </div>
28
- <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
29
- <!--
30
- Always include: "py-1.5 hover:bg-gray-100 focus:z-10"
31
- Is current month, include: "bg-white text-gray-900"
32
- Is not current month, include: "bg-gray-50 text-gray-400"
33
-
34
- Top left day, include: "rounded-tl-lg"
35
- Top right day, include: "rounded-tr-lg"
36
- Bottom left day, include: "rounded-bl-lg"
37
- Bottom right day, include: "rounded-br-lg"
38
- -->
39
- <button type="button" class="relative rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
40
- <!--
41
- Always include: "mx-auto flex h-7 w-7 items-center justify-center rounded-full"
42
- Is today, include: "bg-indigo-600 font-semibold text-white"
43
- -->
44
- <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
45
- </button>
46
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
47
- <time datetime="2021-12-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
48
- </button>
49
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
50
- <time datetime="2021-12-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
51
- </button>
52
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
53
- <time datetime="2021-12-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
54
- </button>
55
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
56
- <time datetime="2021-12-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
57
- </button>
58
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
59
- <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
60
- </button>
61
- <button type="button" class="relative rounded-tr-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
62
- <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
63
- </button>
64
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
65
- <time datetime="2022-01-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
66
- </button>
67
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
68
- <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
69
- </button>
70
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
71
- <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
72
- </button>
73
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
74
- <time datetime="2022-01-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
75
- </button>
76
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
77
- <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
78
- </button>
79
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
80
- <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
81
- </button>
82
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
83
- <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
84
- </button>
85
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
86
- <time datetime="2022-01-10" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
87
- </button>
88
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
89
- <time datetime="2022-01-11" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
90
- </button>
91
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
92
- <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</time>
93
- </button>
94
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
95
- <time datetime="2022-01-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
96
- </button>
97
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
98
- <time datetime="2022-01-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
99
- </button>
100
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
101
- <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
102
- </button>
103
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
104
- <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
105
- </button>
106
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
107
- <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
108
- </button>
109
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
110
- <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
111
- </button>
112
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
113
- <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
114
- </button>
115
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
116
- <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
117
- </button>
118
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
119
- <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
120
- </button>
121
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
122
- <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time>
123
- </button>
124
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
125
- <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
126
- </button>
127
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
128
- <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
129
- </button>
130
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
131
- <time datetime="2022-01-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
132
- </button>
133
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
134
- <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
135
- </button>
136
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
137
- <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
138
- </button>
139
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
140
- <time datetime="2022-01-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
141
- </button>
142
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
143
- <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
144
- </button>
145
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
146
- <time datetime="2022-01-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
147
- </button>
148
- <button type="button" class="relative rounded-bl-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
149
- <time datetime="2022-01-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
150
- </button>
151
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
152
- <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
153
- </button>
154
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
155
- <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
156
- </button>
157
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
158
- <time datetime="2022-02-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
159
- </button>
160
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
161
- <time datetime="2022-02-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
162
- </button>
163
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
164
- <time datetime="2022-02-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
165
- </button>
166
- <button type="button" class="relative rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
167
- <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
168
- </button>
169
- </div>
170
- </section>
171
- <section class="hidden text-center md:block">
172
- <h2 class="font-semibold text-gray-900">February</h2>
173
- <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
174
- <div>M</div>
175
- <div>T</div>
176
- <div>W</div>
177
- <div>T</div>
178
- <div>F</div>
179
- <div>S</div>
180
- <div>S</div>
181
- </div>
182
- <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
183
- <button type="button" class="relative rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
184
- <time datetime="2022-01-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
185
- </button>
186
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
187
- <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
188
- </button>
189
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
190
- <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
191
- </button>
192
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
193
- <time datetime="2022-02-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
194
- </button>
195
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
196
- <time datetime="2022-02-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
197
- </button>
198
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
199
- <time datetime="2022-02-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
200
- </button>
201
- <button type="button" class="relative rounded-tr-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
202
- <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
203
- </button>
204
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
205
- <time datetime="2022-02-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
206
- </button>
207
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
208
- <time datetime="2022-02-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
209
- </button>
210
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
211
- <time datetime="2022-02-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
212
- </button>
213
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
214
- <time datetime="2022-02-10" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
215
- </button>
216
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
217
- <time datetime="2022-02-11" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
218
- </button>
219
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
220
- <time datetime="2022-02-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
221
- </button>
222
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
223
- <time datetime="2022-02-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
224
- </button>
225
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
226
- <time datetime="2022-02-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
227
- </button>
228
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
229
- <time datetime="2022-02-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
230
- </button>
231
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
232
- <time datetime="2022-02-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
233
- </button>
234
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
235
- <time datetime="2022-02-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
236
- </button>
237
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
238
- <time datetime="2022-02-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
239
- </button>
240
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
241
- <time datetime="2022-02-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
242
- </button>
243
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
244
- <time datetime="2022-02-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
245
- </button>
246
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
247
- <time datetime="2022-02-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
248
- </button>
249
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
250
- <time datetime="2022-02-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time>
251
- </button>
252
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
253
- <time datetime="2022-02-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
254
- </button>
255
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
256
- <time datetime="2022-02-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
257
- </button>
258
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
259
- <time datetime="2022-02-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
260
- </button>
261
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
262
- <time datetime="2022-02-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
263
- </button>
264
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
265
- <time datetime="2022-02-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
266
- </button>
267
- <button type="button" class="relative bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
268
- <time datetime="2022-02-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
269
- </button>
270
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
271
- <time datetime="2022-03-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
272
- </button>
273
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
274
- <time datetime="2022-03-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
275
- </button>
276
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
277
- <time datetime="2022-03-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
278
- </button>
279
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
280
- <time datetime="2022-03-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
281
- </button>
282
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
283
- <time datetime="2022-03-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
284
- </button>
285
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
286
- <time datetime="2022-03-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
287
- </button>
288
- <button type="button" class="relative rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
289
- <time datetime="2022-03-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
290
- </button>
291
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
292
- <time datetime="2022-03-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
293
- </button>
294
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
295
- <time datetime="2022-03-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
296
- </button>
297
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
298
- <time datetime="2022-03-10" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
299
- </button>
300
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
301
- <time datetime="2022-03-11" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
302
- </button>
303
- <button type="button" class="relative bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
304
- <time datetime="2022-03-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
305
- </button>
306
- <button type="button" class="relative rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
307
- <time datetime="2022-03-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
308
- </button>
309
- </div>
310
- </section>
311
- </div>
312
- <section class="mt-12">
313
- <h2 class="font-semibold text-gray-900">Upcoming events</h2>
314
- <ol class="mt-2 divide-y divide-gray-200 text-sm leading-6 text-gray-500">
315
- <li class="py-4 sm:flex">
316
- <time datetime="2022-01-17" class="w-28 flex-none">Wed, Jan 12</time>
317
- <p class="mt-2 flex-auto sm:mt-0">Nothing on today’s schedule</p>
318
- </li>
319
- <li class="py-4 sm:flex">
320
- <time datetime="2022-01-19" class="w-28 flex-none">Thu, Jan 13</time>
321
- <p class="mt-2 flex-auto font-semibold text-gray-900 sm:mt-0">View house with real estate agent</p>
322
- <p class="flex-none sm:ml-6"><time datetime="2022-01-13T14:30">2:30 PM</time> - <time datetime="2022-01-13T16:30">4:30 PM</time></p>
323
- </li>
324
- <li class="py-4 sm:flex">
325
- <time datetime="2022-01-20" class="w-28 flex-none">Fri, Jan 14</time>
326
- <p class="mt-2 flex-auto font-semibold text-gray-900 sm:mt-0">Meeting with bank manager</p>
327
- <p class="flex-none sm:ml-6">All day</p>
328
- </li>
329
- <li class="py-4 sm:flex">
330
- <time datetime="2022-01-18" class="w-28 flex-none">Mon, Jan 17</time>
331
- <p class="mt-2 flex-auto font-semibold text-gray-900 sm:mt-0">Sign paperwork at lawyers</p>
332
- <p class="flex-none sm:ml-6"><time datetime="2022-01-17T10:00">10:00 AM</time> - <time datetime="2022-01-17T10:15">10:15 AM</time></p>
333
- </li>
334
- </ol>
335
- </section>
336
- </div>
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/calendar",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }
@@ -1,266 +0,0 @@
1
- <div>
2
- <div class="flex items-center">
3
- <h2 class="flex-auto font-semibold text-gray-900">January 2022</h2>
4
- <button type="button" class="-my-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
5
- <span class="sr-only">Previous month</span>
6
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
7
- <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd" />
8
- </svg>
9
- </button>
10
- <button type="button" class="-my-1.5 -mr-1.5 ml-2 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
11
- <span class="sr-only">Next month</span>
12
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
13
- <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
14
- </svg>
15
- </button>
16
- </div>
17
- <div class="mt-10 grid grid-cols-7 text-center text-xs leading-6 text-gray-500">
18
- <div>M</div>
19
- <div>T</div>
20
- <div>W</div>
21
- <div>T</div>
22
- <div>F</div>
23
- <div>S</div>
24
- <div>S</div>
25
- </div>
26
- <div class="mt-2 grid grid-cols-7 text-sm">
27
- <div class="py-2">
28
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
29
- <time datetime="2021-12-27">27</time>
30
- </button>
31
- </div>
32
- <div class="py-2">
33
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
34
- <time datetime="2021-12-28">28</time>
35
- </button>
36
- </div>
37
- <div class="py-2">
38
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
39
- <time datetime="2021-12-29">29</time>
40
- </button>
41
- </div>
42
- <div class="py-2">
43
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
44
- <time datetime="2021-12-30">30</time>
45
- </button>
46
- </div>
47
- <div class="py-2">
48
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
49
- <time datetime="2021-12-31">31</time>
50
- </button>
51
- </div>
52
- <div class="py-2">
53
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
54
- <time datetime="2022-01-01">1</time>
55
- </button>
56
- </div>
57
- <div class="py-2">
58
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
59
- <time datetime="2022-01-02">2</time>
60
- </button>
61
- </div>
62
- <div class="border-t border-gray-200 py-2">
63
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
64
- <time datetime="2022-01-03">3</time>
65
- </button>
66
- </div>
67
- <div class="border-t border-gray-200 py-2">
68
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
69
- <time datetime="2022-01-04">4</time>
70
- </button>
71
- </div>
72
- <div class="border-t border-gray-200 py-2">
73
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
74
- <time datetime="2022-01-05">5</time>
75
- </button>
76
- </div>
77
- <div class="border-t border-gray-200 py-2">
78
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
79
- <time datetime="2022-01-06">6</time>
80
- </button>
81
- </div>
82
- <div class="border-t border-gray-200 py-2">
83
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
84
- <time datetime="2022-01-07">7</time>
85
- </button>
86
- </div>
87
- <div class="border-t border-gray-200 py-2">
88
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
89
- <time datetime="2022-01-08">8</time>
90
- </button>
91
- </div>
92
- <div class="border-t border-gray-200 py-2">
93
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
94
- <time datetime="2022-01-09">9</time>
95
- </button>
96
- </div>
97
- <div class="border-t border-gray-200 py-2">
98
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
99
- <time datetime="2022-01-10">10</time>
100
- </button>
101
- </div>
102
- <div class="border-t border-gray-200 py-2">
103
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
104
- <time datetime="2022-01-11">11</time>
105
- </button>
106
- </div>
107
- <div class="border-t border-gray-200 py-2">
108
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full font-semibold text-indigo-600 hover:bg-gray-200">
109
- <time datetime="2022-01-12">12</time>
110
- </button>
111
- </div>
112
- <div class="border-t border-gray-200 py-2">
113
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
114
- <time datetime="2022-01-13">13</time>
115
- </button>
116
- </div>
117
- <div class="border-t border-gray-200 py-2">
118
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
119
- <time datetime="2022-01-14">14</time>
120
- </button>
121
- </div>
122
- <div class="border-t border-gray-200 py-2">
123
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
124
- <time datetime="2022-01-15">15</time>
125
- </button>
126
- </div>
127
- <div class="border-t border-gray-200 py-2">
128
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
129
- <time datetime="2022-01-16">16</time>
130
- </button>
131
- </div>
132
- <div class="border-t border-gray-200 py-2">
133
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
134
- <time datetime="2022-01-17">17</time>
135
- </button>
136
- </div>
137
- <div class="border-t border-gray-200 py-2">
138
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
139
- <time datetime="2022-01-18">18</time>
140
- </button>
141
- </div>
142
- <div class="border-t border-gray-200 py-2">
143
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
144
- <time datetime="2022-01-19">19</time>
145
- </button>
146
- </div>
147
- <div class="border-t border-gray-200 py-2">
148
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
149
- <time datetime="2022-01-20">20</time>
150
- </button>
151
- </div>
152
- <div class="border-t border-gray-200 py-2">
153
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full bg-gray-900 font-semibold text-white">
154
- <time datetime="2022-01-21">21</time>
155
- </button>
156
- </div>
157
- <div class="border-t border-gray-200 py-2">
158
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
159
- <time datetime="2022-01-22">22</time>
160
- </button>
161
- </div>
162
- <div class="border-t border-gray-200 py-2">
163
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
164
- <time datetime="2022-01-23">23</time>
165
- </button>
166
- </div>
167
- <div class="border-t border-gray-200 py-2">
168
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
169
- <time datetime="2022-01-24">24</time>
170
- </button>
171
- </div>
172
- <div class="border-t border-gray-200 py-2">
173
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
174
- <time datetime="2022-01-25">25</time>
175
- </button>
176
- </div>
177
- <div class="border-t border-gray-200 py-2">
178
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
179
- <time datetime="2022-01-26">26</time>
180
- </button>
181
- </div>
182
- <div class="border-t border-gray-200 py-2">
183
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
184
- <time datetime="2022-01-27">27</time>
185
- </button>
186
- </div>
187
- <div class="border-t border-gray-200 py-2">
188
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
189
- <time datetime="2022-01-28">28</time>
190
- </button>
191
- </div>
192
- <div class="border-t border-gray-200 py-2">
193
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
194
- <time datetime="2022-01-29">29</time>
195
- </button>
196
- </div>
197
- <div class="border-t border-gray-200 py-2">
198
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
199
- <time datetime="2022-01-30">30</time>
200
- </button>
201
- </div>
202
- <div class="border-t border-gray-200 py-2">
203
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-900 hover:bg-gray-200">
204
- <time datetime="2022-01-31">31</time>
205
- </button>
206
- </div>
207
- <div class="border-t border-gray-200 py-2">
208
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
209
- <time datetime="2022-02-01">1</time>
210
- </button>
211
- </div>
212
- <div class="border-t border-gray-200 py-2">
213
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
214
- <time datetime="2022-02-02">2</time>
215
- </button>
216
- </div>
217
- <div class="border-t border-gray-200 py-2">
218
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
219
- <time datetime="2022-02-03">3</time>
220
- </button>
221
- </div>
222
- <div class="border-t border-gray-200 py-2">
223
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
224
- <time datetime="2022-02-04">4</time>
225
- </button>
226
- </div>
227
- <div class="border-t border-gray-200 py-2">
228
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
229
- <time datetime="2022-02-05">5</time>
230
- </button>
231
- </div>
232
- <div class="border-t border-gray-200 py-2">
233
- <button type="button" class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200">
234
- <time datetime="2022-02-06">6</time>
235
- </button>
236
- </div>
237
- </div>
238
- <section class="mt-12">
239
- <h2 class="font-semibold text-gray-900">Schedule for <time datetime="2022-01-21">January 21, 2022</time></h2>
240
- <ol class="mt-4 space-y-1 text-sm leading-6 text-gray-500">
241
- <li class="group flex items-center space-x-4 rounded-xl py-2 px-4 focus-within:bg-gray-100 hover:bg-gray-100">
242
- <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" class="h-10 w-10 flex-none rounded-full">
243
- <div class="flex-auto">
244
- <p class="text-gray-900">Leslie Alexander</p>
245
- <p class="mt-0.5"><time datetime="2022-01-21T13:00">1:00 PM</time> - <time datetime="2022-01-21T14:30">2:30 PM</time></p>
246
- </div>
247
- <div class="relative opacity-0 focus-within:opacity-100 group-hover:opacity-100">
248
- <div>
249
- <button type="button" class="-m-2 flex items-center rounded-full p-1.5 text-gray-500 hover:text-gray-600" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
250
- <span class="sr-only">Open options</span>
251
- <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
252
- <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" />
253
- </svg>
254
- </button>
255
- </div>
256
- <div class="absolute right-0 z-10 mt-2 w-36 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-0-button" tabindex="-1">
257
- <div class="py-1" role="none">
258
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Edit</a>
259
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Cancel</a>
260
- </div>
261
- </div>
262
- </div>
263
- </li>
264
- </ol>
265
- </section>
266
- </div>