Initial commit: Horux Despachos project

apps/web/components/periodo-selector.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import { PeriodSelector } from '@horux/shared-ui';
+import { usePeriodoStore } from '@/stores/periodo-store';
+
+/**
+ * Wrapper alrededor de `<PeriodSelector />` de shared-ui que persiste la
+ * selección en `periodo-store`. Pasado como children al `<Header>` en las
+ * páginas que lo usan (mismo patrón que /dashboard, /impuestos, etc).
+ */
+export function PeriodoSelector() {
+  const { fechaInicio, fechaFin, setRango } = usePeriodoStore();
+  return (
+    <PeriodSelector
+      fechaInicio={fechaInicio}
+      fechaFin={fechaFin}
+      onChange={setRango}
+    />
+  );
+}