period selection

src/components/Dashboard/Dashboard.models.ts

@@ -46,4 +46,6 @@ export interface DashboardProps {
   data: any; // Aggregated data from features
   latest: any[]; // Latest items from features
   onModeChange?: (mode: DashboardMode) => void;
+  selectedPeriodId: string | null;
+  onSelectPeriodId: (id: string | null) => void;
 }

src/components/Dashboard/Dashboard.view.tsx

@@ -21,7 +21,9 @@ export default function DashboardView({
   latest,
   state,
   setState,
-  onModeChange
+  onModeChange,
+  selectedPeriodId,
+  onSelectPeriodId,
 }: ViewProps) {
   const theme = useTheme();
   const themeMode = theme.palette.mode;
@@ -143,6 +145,8 @@ export default function DashboardView({
                   onPeriodTypeChange={(p: any) => setState(prev => ({ ...prev, periodType: p }))}
                   comparison={comparison}
                   setComparison={(c: any) => setState(prev => ({ ...prev, comparison: c }))}
+                  selectedPeriodId={selectedPeriodId}
+                  onSelectPeriodId={onSelectPeriodId}
                 />
               )}
             </Grid>