ajuste para aparecer data de competencia

src/app/DRE/analitico.tsx

@@ -28,6 +28,7 @@ interface AnaliticoItem {
 }
 
 type SortField =
+  | 'data_competencia'
   | 'data_vencimento'
   | 'data_caixa'
   | 'codigo_fornecedor'
@@ -61,7 +62,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
   const [data, setData] = useState<AnaliticoItem[]>([]);
   const [loading, setLoading] = useState(false);
   const [sortConfig, setSortConfig] = useState<SortConfig>({
-    field: 'data_vencimento',
+    field: 'data_competencia',
     direction: 'desc',
   });
 
@@ -161,6 +162,9 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
 
     // Preparar dados para exportação
     const exportData = data.map((item) => ({
+      'Data Competência': new Date(item.data_competencia).toLocaleDateString(
+        'pt-BR'
+      ),
       'Data Vencimento': new Date(item.data_vencimento).toLocaleDateString(
         'pt-BR'
       ),
@@ -261,6 +265,16 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
             className="flex p-2 font-semibold text-xs"
             style={{ backgroundColor: 'white', opacity: 1 }}
           >
+            <div className="flex-1 min-w-[100px] max-w-[120px]">
+              <Button
+                variant="ghost"
+                onClick={() => handleSort('data_competencia')}
+                className="h-auto p-0 font-semibold"
+              >
+                Data Comp.
+                {getSortIcon('data_competencia')}
+              </Button>
+            </div>
             <div className="flex-1 min-w-[100px] max-w-[120px]">
               <Button
                 variant="ghost"
@@ -361,6 +375,9 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
           ) : (
             sortedData.map((row, index) => (
               <div key={index} className="flex border-b hover:bg-gray-50">
+                <div className="flex-1 min-w-[100px] max-w-[120px] p-1 text-xs">
+                  {formatDate(row.data_competencia)}
+                </div>
                 <div className="flex-1 min-w-[100px] max-w-[120px] p-1 text-xs">
                   {formatDate(row.data_vencimento)}
                 </div>