From 0327b07669db7c44405e75607ad769726814f670 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 2 Sep 2026 11:56:00 +0700
Subject: [PATCH] feat: set default maxDate in DatePicker component

---
 resources/js/components/date-picker.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/date-picker.tsx b/resources/js/components/date-picker.tsx
index a50ee21..b85b81a 100644
--- a/resources/js/components/date-picker.tsx
+++ b/resources/js/components/date-picker.tsx
@@ -19,13 +19,17 @@ type DatePickerProps = {
     maxDate?: Date;
 };
 
+const defaultMaxDate = new Date(
+    new Date().setFullYear(new Date().getFullYear() + 5),
+);
+
 export function DatePicker({
     value,
     onChange,
     placeholder = 'Pilih tanggal',
     className,
     disabled,
-    maxDate,
+    maxDate = defaultMaxDate,
 }: DatePickerProps) {
     return (
         <Popover>
@@ -50,6 +54,7 @@ export function DatePicker({
                     defaultMonth={value ?? undefined}
                     captionLayout="dropdown"
                     onSelect={onChange}
+                    endMonth={maxDate}
                     disabled={maxDate ? { after: maxDate } : undefined}
                 />
             </PopoverContent>