Merge pull request #42 from plezanje-net/date-picker

Date picker

package.json

@@ -24,6 +24,7 @@
     "dayjs": "^1.11.6",
     "eslint": "^8.42.0",
     "eslint-config-next": "^14.0.3",
+    "focus-trap-react": "^10.2.3",
     "graphql": "^16.6.0",
     "leaflet": "^1.9.4",
     "next": "^14.1.4",

src/app/sandbox/date-picker/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import DatePicker, { TDate } from "@/components/ui/date-picker";
+import { useState } from "react";
+
+function DatePickerPage() {
+  const [value, setValue] = useState<TDate>({
+    // day: 19,
+    // month: 5,
+    // year: 2024,
+    day: "dd",
+    month: "mm",
+    year: "llll",
+  });
+
+  return (
+    <div>
+      <div className="relative mx-auto mt-8 w-80">
+        <DatePicker value={value} onChange={setValue} />
+      </div>
+    </div>
+  );
+}
+
+export default DatePickerPage;