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
data/.components/tui/application-ui/component/data-display/calendar/02.clean.html DELETED
@@ -1,496 +0,0 @@
1
- <div class="lg:flex lg:h-full lg:flex-col">
2
- <header class="flex items-center justify-between border-b border-gray-200 py-4 px-6 lg:flex-none">
3
- <h1 class="text-lg font-semibold text-gray-900">
4
- <time datetime="2022-01">January 2022</time>
5
- </h1>
6
- <div class="flex items-center">
7
- <div class="flex items-center rounded-md shadow-sm md:items-stretch">
8
- <button type="button" class="flex items-center justify-center rounded-l-md border border-r-0 border-gray-300 bg-white py-2 pl-3 pr-4 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
9
- <span class="sr-only">Previous month</span>
10
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
11
- <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" />
12
- </svg>
13
- </button>
14
- <button type="button" class="hidden border-t border-b border-gray-300 bg-white px-3.5 text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:relative md:block">Today</button>
15
- <span class="relative -mx-px h-5 w-px bg-gray-300 md:hidden"></span>
16
- <button type="button" class="flex items-center justify-center rounded-r-md border border-l-0 border-gray-300 bg-white py-2 pl-4 pr-3 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
17
- <span class="sr-only">Next month</span>
18
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
19
- <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" />
20
- </svg>
21
- </button>
22
- </div>
23
- <div class="hidden md:ml-4 md:flex md:items-center">
24
- <div class="relative">
25
- <button type="button" class="flex items-center rounded-md border border-gray-300 bg-white py-2 pl-3 pr-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50" id="menu-button" aria-expanded="false" aria-haspopup="true">
26
- Month view
27
- <svg class="ml-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
28
- <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
29
- </svg>
30
- </button>
31
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
32
- <div class="py-1" role="none">
33
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-0">Day view</a>
34
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-1">Week view</a>
35
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-2">Month view</a>
36
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-3">Year view</a>
37
- </div>
38
- </div>
39
- </div>
40
- <div class="ml-6 h-6 w-px bg-gray-300"></div>
41
- <button type="button" class="ml-6 rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Add event</button>
42
- </div>
43
- <div class="relative ml-6 md:hidden">
44
- <button type="button" class="-mx-2 flex items-center rounded-full border border-transparent p-2 text-gray-400 hover:text-gray-500" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
45
- <span class="sr-only">Open menu</span>
46
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
47
- <path d="M3 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM8.5 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM15.5 8.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" />
48
- </svg>
49
- </button>
50
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right divide-y divide-gray-100 overflow-hidden 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">
51
- <div class="py-1" role="none">
52
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Create event</a>
53
- </div>
54
- <div class="py-1" role="none">
55
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Go to today</a>
56
- </div>
57
- <div class="py-1" role="none">
58
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-2">Day view</a>
59
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-3">Week view</a>
60
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-4">Month view</a>
61
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-5">Year view</a>
62
- </div>
63
- </div>
64
- </div>
65
- </div>
66
- </header>
67
- <div class="shadow ring-1 ring-black ring-opacity-5 lg:flex lg:flex-auto lg:flex-col">
68
- <div class="grid grid-cols-7 gap-px border-b border-gray-300 bg-gray-200 text-center text-xs font-semibold leading-6 text-gray-700 lg:flex-none">
69
- <div class="flex justify-center bg-white py-2">
70
- <span>M</span>
71
- <span class="sr-only sm:not-sr-only">on</span>
72
- </div>
73
- <div class="flex justify-center bg-white py-2">
74
- <span>T</span>
75
- <span class="sr-only sm:not-sr-only">ue</span>
76
- </div>
77
- <div class="flex justify-center bg-white py-2">
78
- <span>W</span>
79
- <span class="sr-only sm:not-sr-only">ed</span>
80
- </div>
81
- <div class="flex justify-center bg-white py-2">
82
- <span>T</span>
83
- <span class="sr-only sm:not-sr-only">hu</span>
84
- </div>
85
- <div class="flex justify-center bg-white py-2">
86
- <span>F</span>
87
- <span class="sr-only sm:not-sr-only">ri</span>
88
- </div>
89
- <div class="flex justify-center bg-white py-2">
90
- <span>S</span>
91
- <span class="sr-only sm:not-sr-only">at</span>
92
- </div>
93
- <div class="flex justify-center bg-white py-2">
94
- <span>S</span>
95
- <span class="sr-only sm:not-sr-only">un</span>
96
- </div>
97
- </div>
98
- <div class="flex bg-gray-200 text-xs leading-6 text-gray-700 lg:flex-auto">
99
- <div class="hidden w-full lg:grid lg:grid-cols-7 lg:grid-rows-6 lg:gap-px">
100
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
101
- <time datetime="2021-12-27">27</time>
102
- </div>
103
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
104
- <time datetime="2021-12-28">28</time>
105
- </div>
106
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
107
- <time datetime="2021-12-29">29</time>
108
- </div>
109
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
110
- <time datetime="2021-12-30">30</time>
111
- </div>
112
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
113
- <time datetime="2021-12-31">31</time>
114
- </div>
115
- <div class="relative bg-white py-2 px-3">
116
- <time datetime="2022-01-01">1</time>
117
- </div>
118
- <div class="relative bg-white py-2 px-3">
119
- <time datetime="2022-01-01">2</time>
120
- </div>
121
- <div class="relative bg-white py-2 px-3">
122
- <time datetime="2022-01-03">3</time>
123
- <ol class="mt-2">
124
- <li>
125
- <a href="#" class="group flex">
126
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Design review</p>
127
- <time datetime="2022-01-03T10:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">10AM</time>
128
- </a>
129
- </li>
130
- <li>
131
- <a href="#" class="group flex">
132
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Sales meeting</p>
133
- <time datetime="2022-01-03T14:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">2PM</time>
134
- </a>
135
- </li>
136
- </ol>
137
- </div>
138
- <div class="relative bg-white py-2 px-3">
139
- <time datetime="2022-01-04">4</time>
140
- </div>
141
- <div class="relative bg-white py-2 px-3">
142
- <time datetime="2022-01-05">5</time>
143
- </div>
144
- <div class="relative bg-white py-2 px-3">
145
- <time datetime="2022-01-06">6</time>
146
- </div>
147
- <div class="relative bg-white py-2 px-3">
148
- <time datetime="2022-01-07">7</time>
149
- <ol class="mt-2">
150
- <li>
151
- <a href="#" class="group flex">
152
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Date night</p>
153
- <time datetime="2022-01-08T18:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">6PM</time>
154
- </a>
155
- </li>
156
- </ol>
157
- </div>
158
- <div class="relative bg-white py-2 px-3">
159
- <time datetime="2022-01-08">8</time>
160
- </div>
161
- <div class="relative bg-white py-2 px-3">
162
- <time datetime="2022-01-09">9</time>
163
- </div>
164
- <div class="relative bg-white py-2 px-3">
165
- <time datetime="2022-01-10">10</time>
166
- </div>
167
- <div class="relative bg-white py-2 px-3">
168
- <time datetime="2022-01-11">11</time>
169
- </div>
170
- <div class="relative bg-white py-2 px-3">
171
- <time datetime="2022-01-12" class="flex h-6 w-6 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</time>
172
- <ol class="mt-2">
173
- <li>
174
- <a href="#" class="group flex">
175
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Sam's birthday party</p>
176
- <time datetime="2022-01-25T14:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">2PM</time>
177
- </a>
178
- </li>
179
- </ol>
180
- </div>
181
- <div class="relative bg-white py-2 px-3">
182
- <time datetime="2022-01-13">13</time>
183
- </div>
184
- <div class="relative bg-white py-2 px-3">
185
- <time datetime="2022-01-14">14</time>
186
- </div>
187
- <div class="relative bg-white py-2 px-3">
188
- <time datetime="2022-01-15">15</time>
189
- </div>
190
- <div class="relative bg-white py-2 px-3">
191
- <time datetime="2022-01-16">16</time>
192
- </div>
193
- <div class="relative bg-white py-2 px-3">
194
- <time datetime="2022-01-17">17</time>
195
- </div>
196
- <div class="relative bg-white py-2 px-3">
197
- <time datetime="2022-01-18">18</time>
198
- </div>
199
- <div class="relative bg-white py-2 px-3">
200
- <time datetime="2022-01-19">19</time>
201
- </div>
202
- <div class="relative bg-white py-2 px-3">
203
- <time datetime="2022-01-20">20</time>
204
- </div>
205
- <div class="relative bg-white py-2 px-3">
206
- <time datetime="2022-01-21">21</time>
207
- </div>
208
- <div class="relative bg-white py-2 px-3">
209
- <time datetime="2022-01-22">22</time>
210
- <ol class="mt-2">
211
- <li>
212
- <a href="#" class="group flex">
213
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Maple syrup museum</p>
214
- <time datetime="2022-01-22T15:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">3PM</time>
215
- </a>
216
- </li>
217
- <li>
218
- <a href="#" class="group flex">
219
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Hockey game</p>
220
- <time datetime="2022-01-22T19:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">7PM</time>
221
- </a>
222
- </li>
223
- </ol>
224
- </div>
225
- <div class="relative bg-white py-2 px-3">
226
- <time datetime="2022-01-23">23</time>
227
- </div>
228
- <div class="relative bg-white py-2 px-3">
229
- <time datetime="2022-01-24">24</time>
230
- </div>
231
- <div class="relative bg-white py-2 px-3">
232
- <time datetime="2022-01-25">25</time>
233
- </div>
234
- <div class="relative bg-white py-2 px-3">
235
- <time datetime="2022-01-26">26</time>
236
- </div>
237
- <div class="relative bg-white py-2 px-3">
238
- <time datetime="2022-01-27">27</time>
239
- </div>
240
- <div class="relative bg-white py-2 px-3">
241
- <time datetime="2022-01-28">28</time>
242
- </div>
243
- <div class="relative bg-white py-2 px-3">
244
- <time datetime="2022-01-29">29</time>
245
- </div>
246
- <div class="relative bg-white py-2 px-3">
247
- <time datetime="2022-01-30">30</time>
248
- </div>
249
- <div class="relative bg-white py-2 px-3">
250
- <time datetime="2022-01-31">31</time>
251
- </div>
252
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
253
- <time datetime="2022-02-01">1</time>
254
- </div>
255
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
256
- <time datetime="2022-02-02">2</time>
257
- </div>
258
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
259
- <time datetime="2022-02-03">3</time>
260
- </div>
261
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
262
- <time datetime="2022-02-04">4</time>
263
- <ol class="mt-2">
264
- <li>
265
- <a href="#" class="group flex">
266
- <p class="flex-auto truncate font-medium text-gray-900 group-hover:text-indigo-600">Cinema with friends</p>
267
- <time datetime="2022-02-04T21:00" class="ml-3 hidden flex-none text-gray-500 group-hover:text-indigo-600 xl:block">9PM</time>
268
- </a>
269
- </li>
270
- </ol>
271
- </div>
272
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
273
- <time datetime="2022-02-05">5</time>
274
- </div>
275
- <div class="relative bg-gray-50 py-2 px-3 text-gray-500">
276
- <time datetime="2022-02-06">6</time>
277
- </div>
278
- </div>
279
- <div class="isolate grid w-full grid-cols-7 grid-rows-6 gap-px lg:hidden">
280
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
281
- <time datetime="2021-12-27" class="ml-auto">27</time>
282
- <span class="sr-only">0 events</span>
283
- </button>
284
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
285
- <time datetime="2021-12-28" class="ml-auto">28</time>
286
- <span class="sr-only">0 events</span>
287
- </button>
288
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
289
- <time datetime="2021-12-29" class="ml-auto">29</time>
290
- <span class="sr-only">0 events</span>
291
- </button>
292
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
293
- <time datetime="2021-12-30" class="ml-auto">30</time>
294
- <span class="sr-only">0 events</span>
295
- </button>
296
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
297
- <time datetime="2021-12-31" class="ml-auto">31</time>
298
- <span class="sr-only">0 events</span>
299
- </button>
300
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
301
- <time datetime="2022-01-01" class="ml-auto">1</time>
302
- <span class="sr-only">0 events</span>
303
- </button>
304
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
305
- <time datetime="2022-01-02" class="ml-auto">2</time>
306
- <span class="sr-only">0 events</span>
307
- </button>
308
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
309
- <time datetime="2022-01-03" class="ml-auto">3</time>
310
- <span class="sr-only">2 events</span>
311
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
312
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
313
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
314
- </span>
315
- </button>
316
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
317
- <time datetime="2022-01-04" class="ml-auto">4</time>
318
- <span class="sr-only">0 events</span>
319
- </button>
320
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
321
- <time datetime="2022-01-05" class="ml-auto">5</time>
322
- <span class="sr-only">0 events</span>
323
- </button>
324
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
325
- <time datetime="2022-01-06" class="ml-auto">6</time>
326
- <span class="sr-only">0 events</span>
327
- </button>
328
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
329
- <time datetime="2022-01-07" class="ml-auto">7</time>
330
- <span class="sr-only">1 event</span>
331
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
332
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
333
- </span>
334
- </button>
335
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
336
- <time datetime="2022-01-08" class="ml-auto">8</time>
337
- <span class="sr-only">0 events</span>
338
- </button>
339
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
340
- <time datetime="2022-01-09" class="ml-auto">9</time>
341
- <span class="sr-only">0 events</span>
342
- </button>
343
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
344
- <time datetime="2022-01-10" class="ml-auto">10</time>
345
- <span class="sr-only">0 events</span>
346
- </button>
347
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
348
- <time datetime="2022-01-11" class="ml-auto">11</time>
349
- <span class="sr-only">0 events</span>
350
- </button>
351
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 font-semibold text-indigo-600 hover:bg-gray-100 focus:z-10">
352
- <time datetime="2022-01-12" class="ml-auto">12</time>
353
- <span class="sr-only">1 event</span>
354
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
355
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
356
- </span>
357
- </button>
358
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
359
- <time datetime="2022-01-13" class="ml-auto">13</time>
360
- <span class="sr-only">0 events</span>
361
- </button>
362
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
363
- <time datetime="2022-01-14" class="ml-auto">14</time>
364
- <span class="sr-only">0 events</span>
365
- </button>
366
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
367
- <time datetime="2022-01-15" class="ml-auto">15</time>
368
- <span class="sr-only">0 events</span>
369
- </button>
370
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
371
- <time datetime="2022-01-16" class="ml-auto">16</time>
372
- <span class="sr-only">0 events</span>
373
- </button>
374
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
375
- <time datetime="2022-01-17" class="ml-auto">17</time>
376
- <span class="sr-only">0 events</span>
377
- </button>
378
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
379
- <time datetime="2022-01-18" class="ml-auto">18</time>
380
- <span class="sr-only">0 events</span>
381
- </button>
382
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
383
- <time datetime="2022-01-19" class="ml-auto">19</time>
384
- <span class="sr-only">0 events</span>
385
- </button>
386
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
387
- <time datetime="2022-01-20" class="ml-auto">20</time>
388
- <span class="sr-only">0 events</span>
389
- </button>
390
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
391
- <time datetime="2022-01-21" class="ml-auto">21</time>
392
- <span class="sr-only">0 events</span>
393
- </button>
394
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 font-semibold text-white hover:bg-gray-100 focus:z-10">
395
- <time datetime="2022-01-22" class="ml-auto flex h-6 w-6 items-center justify-center rounded-full bg-gray-900">22</time>
396
- <span class="sr-only">2 events</span>
397
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
398
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
399
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
400
- </span>
401
- </button>
402
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
403
- <time datetime="2022-01-23" class="ml-auto">23</time>
404
- <span class="sr-only">0 events</span>
405
- </button>
406
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
407
- <time datetime="2022-01-24" class="ml-auto">24</time>
408
- <span class="sr-only">0 events</span>
409
- </button>
410
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
411
- <time datetime="2022-01-25" class="ml-auto">25</time>
412
- <span class="sr-only">0 events</span>
413
- </button>
414
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
415
- <time datetime="2022-01-26" class="ml-auto">26</time>
416
- <span class="sr-only">0 events</span>
417
- </button>
418
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
419
- <time datetime="2022-01-27" class="ml-auto">27</time>
420
- <span class="sr-only">0 events</span>
421
- </button>
422
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
423
- <time datetime="2022-01-28" class="ml-auto">28</time>
424
- <span class="sr-only">0 events</span>
425
- </button>
426
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
427
- <time datetime="2022-01-29" class="ml-auto">29</time>
428
- <span class="sr-only">0 events</span>
429
- </button>
430
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
431
- <time datetime="2022-01-30" class="ml-auto">30</time>
432
- <span class="sr-only">0 events</span>
433
- </button>
434
- <button type="button" class="flex h-14 flex-col bg-white py-2 px-3 text-gray-900 hover:bg-gray-100 focus:z-10">
435
- <time datetime="2022-01-31" class="ml-auto">31</time>
436
- <span class="sr-only">0 events</span>
437
- </button>
438
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
439
- <time datetime="2022-02-01" class="ml-auto">1</time>
440
- <span class="sr-only">0 events</span>
441
- </button>
442
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
443
- <time datetime="2022-02-02" class="ml-auto">2</time>
444
- <span class="sr-only">0 events</span>
445
- </button>
446
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
447
- <time datetime="2022-02-03" class="ml-auto">3</time>
448
- <span class="sr-only">0 events</span>
449
- </button>
450
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
451
- <time datetime="2022-02-04" class="ml-auto">4</time>
452
- <span class="sr-only">1 event</span>
453
- <span class="-mx-0.5 mt-auto flex flex-wrap-reverse">
454
- <span class="mx-0.5 mb-1 h-1.5 w-1.5 rounded-full bg-gray-400"></span>
455
- </span>
456
- </button>
457
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
458
- <time datetime="2022-02-05" class="ml-auto">5</time>
459
- <span class="sr-only">0 events</span>
460
- </button>
461
- <button type="button" class="flex h-14 flex-col bg-gray-50 py-2 px-3 text-gray-500 hover:bg-gray-100 focus:z-10">
462
- <time datetime="2022-02-06" class="ml-auto">6</time>
463
- <span class="sr-only">0 events</span>
464
- </button>
465
- </div>
466
- </div>
467
- </div>
468
- <div class="py-10 px-4 sm:px-6 lg:hidden">
469
- <ol class="divide-y divide-gray-100 overflow-hidden rounded-lg bg-white text-sm shadow ring-1 ring-black ring-opacity-5">
470
- <li class="group flex p-4 pr-6 focus-within:bg-gray-50 hover:bg-gray-50">
471
- <div class="flex-auto">
472
- <p class="font-semibold text-gray-900">Maple syrup museum</p>
473
- <time datetime="2022-01-15T09:00" class="mt-2 flex items-center text-gray-700">
474
- <svg class="mr-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
475
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" />
476
- </svg>
477
- 3PM
478
- </time>
479
- </div>
480
- <a href="#" class="ml-6 flex-none self-center rounded-md border border-gray-300 bg-white py-2 px-3 font-semibold text-gray-700 opacity-0 shadow-sm hover:bg-gray-50 focus:opacity-100 group-hover:opacity-100">Edit<span class="sr-only">, Maple syrup museum</span></a>
481
- </li>
482
- <li class="group flex p-4 pr-6 focus-within:bg-gray-50 hover:bg-gray-50">
483
- <div class="flex-auto">
484
- <p class="font-semibold text-gray-900">Hockey game</p>
485
- <time datetime="2022-01-22T19:00" class="mt-2 flex items-center text-gray-700">
486
- <svg class="mr-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
487
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" />
488
- </svg>
489
- 7PM
490
- </time>
491
- </div>
492
- <a href="#" class="ml-6 flex-none self-center rounded-md border border-gray-300 bg-white py-2 px-3 font-semibold text-gray-700 opacity-0 shadow-sm hover:bg-gray-50 focus:opacity-100 group-hover:opacity-100">Edit<span class="sr-only">, Hockey game</span></a>
493
- </li>
494
- </ol>
495
- </div>
496
- </div>