chore: tweaks and fix darkmode selectbox bg

apps/www/src/lib/registry/default/example/DateTimePickerDemo.vue

@@ -26,7 +26,7 @@ const date = ref<Date>()
         )"
       >
         <CalendarIcon class="mr-2 h-4 w-4" />
-        <span>{{ date ? format(date, "PPP") : "Pick a date" }}</span>
+        <span>{{ date ? format(date, 'PPP - hh:mm') : "Pick a date" }}</span>
       </Button>
     </PopoverTrigger>
     <PopoverContent class="w-auto p-0">

apps/www/src/lib/registry/default/ui/calendar/Calendar.vue

@@ -246,7 +246,7 @@ onMounted(async () => {
   @apply pointer-events-none opacity-50;
 }
 .vc-time-picker.vc-attached {
-  @apply border-t border-solid border-secondary;
+  @apply border-t border-solid border-secondary mt-2;
 }
 .vc-time-picker > * + * {
   @apply mt-1;
@@ -261,7 +261,7 @@ onMounted(async () => {
   @apply mr-1 text-primary stroke-primary;
 }
 .vc-time-select-group select {
-  @apply bg-transparent p-1 appearance-none outline-none text-center;
+  @apply bg-primary-foreground p-1 appearance-none outline-none text-center;
 }
 .vc-time-weekday {
   @apply text-muted-foreground tracking-wide;

apps/www/src/lib/registry/new-york/example/DateTimePickerDemo.vue

@@ -26,7 +26,7 @@ const date = ref<Date>()
         )"
       >
         <CalendarIcon class="mr-2 h-4 w-4" />
-        <span>{{ date ? format(date, "PPP") : "Pick a date" }}</span>
+        <span>{{ date ? format(date, 'PPP - hh:mm') : "Pick a date" }}</span>
       </Button>
     </PopoverTrigger>
     <PopoverContent class="w-auto p-0">

apps/www/src/lib/registry/new-york/ui/calendar/Calendar.vue

@@ -252,7 +252,7 @@ onMounted(async () => {
   @apply pointer-events-none opacity-50;
 }
 .vc-time-picker.vc-attached {
-  @apply border-t border-solid border-secondary;
+  @apply border-t border-solid border-secondary mt-2;
 }
 .vc-time-picker > * + * {
   @apply mt-1;
@@ -267,7 +267,7 @@ onMounted(async () => {
   @apply mr-1 text-primary stroke-primary;
 }
 .vc-time-select-group select {
-  @apply bg-transparent p-1 appearance-none outline-none text-center;
+  @apply bg-primary-foreground p-1 appearance-none outline-none text-center;
 }
 .vc-time-weekday {
   @apply text-muted-foreground tracking-wide;