Add task list demo application

2024-09-17 15:38:26 -06:00
parent b13029bffc
commit 4971bda81b
40 changed files with 2545 additions and 773 deletions
--- a/examples/task-list/src/date-time.tsx
+++ b/examples/task-list/src/date-time.tsx
@@ -0,0 +1,15 @@
+export const DateTime = ({ date, title }: { date: Date; title: string }) => {
+  return (
+    <div className="flex gap-2 text-xs sm:flex-row">
+      <h3 className="font-semibold sm:after:content-[':'] after:text-gray-900 text-primary-800">
+        {title}
+      </h3>
+      <p>
+        {date.toLocaleString(undefined, {
+          dateStyle: 'short',
+          timeStyle: 'short',
+        })}
+      </p>
+    </div>
+  );
+};