Refine date picker and popover component styles

Simplified conditional class logic in the date picker and updated popover styles to use more generic CSS variables and utility classes for improved maintainability and consistency.

Author: hotlong

packages/components/src/renderers/form/date-picker.tsx

@@ -35,8 +35,8 @@ ComponentRegistry.register('date-picker',
               id={schema.id}
               variant="outline"
               className={cn(
-                'w-full justify-start text-left font-normal transition-all duration-300',
-                !value ? 'text-muted-foreground' : 'text-cyan-300 font-medium shadow-[0_0_10px_-5px_rgba(6,182,212,0.5)] border-cyan-500/50 bg-cyan-950/20',
+                'w-full justify-start text-left font-normal',
+                !value && 'text-muted-foreground',
                 className
               )}
               {...triggerProps}

packages/components/src/ui/popover.tsx

@@ -30,7 +30,7 @@ function PopoverContent({
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          "bg-slate-950/90 backdrop-blur-xl border border-cyan-500/30 text-cyan-100 shadow-[0_0_20px_-5px_rgba(6,182,212,0.3)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md p-4 outline-hidden",
+          "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
           className
         )}
         {...props}