diff --git a/app/Models/PeriodePelaporan.php b/app/Models/PeriodePelaporan.php
new file mode 100644
index 0000000..28a619f
--- /dev/null
+++ b/app/Models/PeriodePelaporan.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class PeriodePelaporan extends Model
+{
+    protected $table = 'PeriodePelaporan';
+    protected $primaryKey = 'PeriodePelaporanId';
+    protected $fillable = [
+        'NamaPeriodePelaporan',
+        'BulanAwal',
+        'BulanSelesai',
+    ];
+}
diff --git a/resources/js/components/Dashboard/DatePicker.tsx b/resources/js/components/Dashboard/DatePicker.tsx
index 1910e28..dd83ac6 100644
--- a/resources/js/components/Dashboard/DatePicker.tsx
+++ b/resources/js/components/Dashboard/DatePicker.tsx
@@ -30,7 +30,7 @@ export function DatePickerWithRange({
                         id="date"
                         variant={"outline"}
                         className={cn(
-                            "w-[300px] justify-start text-left font-normal",
+                            "w-full justify-start text-left font-normal",
                             !date && "text-muted-foreground"
                         )}
                     >