From 1825eac663e6e46cb7d5126a35a830c39e34437b Mon Sep 17 00:00:00 2001
From: pavel <14926950+prichodko@users.noreply.github.com>
Date: Wed, 28 May 2025 17:24:23 +0200
Subject: [PATCH 1/3] add date picker

---
 src/components/ui/date-picker.tsx | 58 +++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 src/components/ui/date-picker.tsx

diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx
new file mode 100644
index 0000000..2b72202
--- /dev/null
+++ b/src/components/ui/date-picker.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import * as React from 'react'
+import { Calendar as CalendarIcon } from 'lucide-react'
+
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Calendar } from '@/components/ui/calendar'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+const formatter = new Intl.DateTimeFormat('en-US', {
+  year: 'numeric',
+  month: 'long',
+  day: 'numeric',
+})
+
+export function DatePicker({
+  trigger,
+  date,
+  onChange,
+  ...props
+}: {
+  trigger?: React.ReactElement
+  date: Date
+  onChange: (date: Date) => void
+} & React.ComponentType<typeof Calendar>) {
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        {trigger ?? (
+          <Button
+            variant={'outline'}
+            className={cn(
+              'w-[280px] justify-start text-left font-normal',
+              !date && 'text-muted-foreground'
+            )}
+          >
+            <CalendarIcon className="mr-2 h-4 w-4" />
+            {date ? formatter.format(date) : <span>Pick a date</span>}
+          </Button>
+        )}
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0">
+        <Calendar
+          mode="single"
+          selected={date}
+          onSelect={onChange}
+          initialFocus
+          {...props}
+        />
+      </PopoverContent>
+    </Popover>
+  )
+}

From b10c7c9991bcaa124ae0cce9358cb03f551b7ac2 Mon Sep 17 00:00:00 2001
From: pavel <14926950+prichodko@users.noreply.github.com>
Date: Wed, 28 May 2025 17:29:09 +0200
Subject: [PATCH 2/3] Update src/components/ui/date-picker.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/components/ui/date-picker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx
index 2b72202..004d2f6 100644
--- a/src/components/ui/date-picker.tsx
+++ b/src/components/ui/date-picker.tsx
@@ -27,7 +27,7 @@ export function DatePicker({
   trigger?: React.ReactElement
   date: Date
   onChange: (date: Date) => void
-} & React.ComponentType<typeof Calendar>) {
+} & React.ComponentProps<typeof Calendar>) {
   return (
     <Popover>
       <PopoverTrigger asChild>

From fbf37a233dcdc4eb8fefc67a35ec63235ee17c28 Mon Sep 17 00:00:00 2001
From: pavel <14926950+prichodko@users.noreply.github.com>
Date: Wed, 28 May 2025 17:29:22 +0200
Subject: [PATCH 3/3] Update src/components/ui/date-picker.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/components/ui/date-picker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx
index 004d2f6..386a987 100644
--- a/src/components/ui/date-picker.tsx
+++ b/src/components/ui/date-picker.tsx
@@ -25,7 +25,7 @@ export function DatePicker({
   ...props
 }: {
   trigger?: React.ReactElement
-  date: Date
+  date?: Date
   onChange: (date: Date) => void
 } & React.ComponentProps<typeof Calendar>) {
   return (