@asteby/metacore-runtime-react 18.5.0 → 18.6.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @asteby/metacore-runtime-react
 
+## 18.6.0
+
+### Minor Changes
+
+- ed63683: Record dialog date fields use the real shadcn Calendar (react-day-picker) from
+  `@asteby/metacore-ui` instead of the dependency-free native `<input type="date">`
+  shim, and match datetime/timestamp(tz) types too. Empty/Go-zero dates
+  (0001-01-01) now show the "Seleccionar fecha" placeholder instead of
+  "31 de diciembre de 1".
+
 ## 18.5.0
 
 ### Minor Changes

package/dist/dialogs/dynamic-record.js

@@ -12,9 +12,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // SDK stays transport- and host-agnostic.
 import { createContext, useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Button, Input, Textarea, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Skeleton, Badge, Popover, PopoverContent, PopoverTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from '@asteby/metacore-ui/primitives';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Button, Input, Textarea, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Skeleton, Badge, Popover, PopoverContent, PopoverTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Calendar, } from '@asteby/metacore-ui/primitives';
 import { cn } from '@asteby/metacore-ui/lib';
-import { Calendar } from './_primitives';
 import { toast } from 'sonner';
 import { format, parseISO } from 'date-fns';
 import { es } from 'date-fns/locale';
@@ -580,9 +579,13 @@ function EditField({ field, value, onChange }) {
     if (field.type === 'color') {
         return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "color", value: value || '#6366f1', onChange: (e) => onChange(e.target.value), className: "h-9 w-14 cursor-pointer rounded-md border p-1" }), _jsx(Input, { value: value || '', onChange: (e) => onChange(e.target.value), placeholder: "#6366f1", className: "flex-1 h-9" })] }));
     }
-    if (field.type === 'date') {
+    if (field.type === 'date' || field.type === 'datetime' || field.type === 'timestamp' || field.type === 'timestamptz') {
         const dateValue = value ? (typeof value === 'string' ? parseISO(value) : new Date(value)) : undefined;
-        const validDate = dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined;
+        // Treat the Go zero-time (0001-01-01) as empty so an unset date shows the
+        // placeholder instead of "31 de diciembre de 1".
+        const validDate = dateValue && !isNaN(dateValue.getTime()) && dateValue.getFullYear() > 1
+            ? dateValue
+            : undefined;
         return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: cn("w-full justify-start text-left font-normal h-9", !validDate && "text-muted-foreground"), children: [_jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), validDate
                                 ? format(validDate, 'PPP', { locale: es })
                                 : "Seleccionar fecha"] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: validDate, onSelect: (date) => onChange(date ? format(date, 'yyyy-MM-dd') : ''), locale: es }) })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "18.5.0",
+  "version": "18.6.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/dialogs/dynamic-record.tsx

@@ -40,9 +40,9 @@ import {
     CommandInput,
     CommandItem,
     CommandList,
+    Calendar,
 } from '@asteby/metacore-ui/primitives'
 import { cn } from '@asteby/metacore-ui/lib'
-import { Calendar } from './_primitives'
 import { toast } from 'sonner'
 import { format, parseISO } from 'date-fns'
 import { es } from 'date-fns/locale'
@@ -1108,9 +1108,14 @@ function EditField({ field, value, onChange }: {
         )
     }
 
-    if (field.type === 'date') {
+    if (field.type === 'date' || field.type === 'datetime' || field.type === 'timestamp' || field.type === 'timestamptz') {
         const dateValue = value ? (typeof value === 'string' ? parseISO(value) : new Date(value)) : undefined
-        const validDate = dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined
+        // Treat the Go zero-time (0001-01-01) as empty so an unset date shows the
+        // placeholder instead of "31 de diciembre de 1".
+        const validDate =
+            dateValue && !isNaN(dateValue.getTime()) && dateValue.getFullYear() > 1
+                ? dateValue
+                : undefined
 
         return (
             <Popover>