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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
{
"version": 1,
"medium": {
"type": "vstack",
"padding": 12,
"spacing": 8,
"cornerRadius": 14,
"background": "#0f172a",
"children": [
{
"type": "text",
"content": "Schedule",
"fontSize": 15,
"fontWeight": "semibold",
"color": "#f8fafc"
},
{
"type": "hstack",
"spacing": 16,
"alignment": "center",
"children": [
{
"type": "vstack",
"spacing": 4,
"alignment": "leading",
"children": [
{
"type": "text",
"content": "Time",
"fontSize": 11,
"color": "#94a3b8"
},
{
"type": "date",
"date": "2099-06-15T14:30:00Z",
"dateStyle": "time",
"fontSize": 14,
"color": "#e2e8f0"
}
]
},
{
"type": "vstack",
"spacing": 4,
"alignment": "leading",
"children": [
{
"type": "text",
"content": "Relative",
"fontSize": 11,
"color": "#94a3b8"
},
{
"type": "date",
"date": "2099-12-25T00:00:00Z",
"dateStyle": "relative",
"fontSize": 14,
"color": "#e2e8f0"
}
]
},
{
"type": "vstack",
"spacing": 4,
"alignment": "leading",
"children": [
{
"type": "text",
"content": "Countdown",
"fontSize": 11,
"color": "#94a3b8"
},
{
"type": "timer",
"targetDate": "2099-01-01T00:00:00Z",
"counting": "down",
"fontSize": 14,
"fontWeight": "semibold",
"color": "#38bdf8"
}
]
}
]
}
]
}
}