Date Picker Input

1"use client"
2 
3import * as React from "react"
4import { DatePickerInput as BaseDatePickerInput } from "@/components/ui/date-picker-input"
5import { cn } from "@/lib/utils"
6import type { GlassCustomization } from "@/lib/glass-utils"
7import { hoverEffects, type HoverEffect } from "@/lib/hover-effects"
8 
9export interface DatePickerInputProps extends React.ComponentProps<typeof BaseDatePickerInput> {
10  effect?: HoverEffect
11  glass?: GlassCustomization
12}
13 
14/**
15 * Glass UI Date Picker Input - A beautifully designed date picker with glassy effects
16 * Built on top of the base DatePickerInput component with enhanced visual styling
17 */
18export const DatePickerInput = React.forwardRef<HTMLInputElement, DatePickerInputProps>(
19  ({ className, variant = "glass", effect = "none", glass, ...props }, ref) => {
20    return (
21      <BaseDatePickerInput
22        ref={ref}
23        variant={variant}
24        className={cn(
25          hoverEffects({ hover: effect }),
26          className
27        )}
28        {...props}
29      />
30    )
31  }
32)
33DatePickerInput.displayName = "DatePickerInput"
34