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>