"use client";
import * as React from 'react';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var TimePicker = React.forwardRef(
  ({
    value,
    onChange,
    step,
    min,
    max,
    disabled,
    className,
    "aria-label": ariaLabel,
    ...rest
  }, ref) => {
    return /* @__PURE__ */ jsx(
      "input",
      {
        ref,
        type: "time",
        value: value ?? "",
        step,
        min,
        max,
        disabled,
        "aria-label": ariaLabel,
        onChange: (e) => onChange?.(e.target.value),
        className: cn(
          "inline-flex h-[var(--control-height-md,2.5rem)] w-[160px] items-center rounded-md border border-input bg-background px-[var(--space-3,0.75rem)] py-[var(--space-2,0.5rem)] text-sm font-normal transition-all duration-[var(--duration-normal,200ms)] ease-out",
          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
          "disabled:pointer-events-none disabled:opacity-50",
          "[&::-webkit-calendar-picker-indicator]:cursor-pointer [&::-webkit-calendar-picker-indicator]:opacity-60 hover:[&::-webkit-calendar-picker-indicator]:opacity-100",
          className
        ),
        ...rest
      }
    );
  }
);
TimePicker.displayName = "TimePicker";

export { TimePicker };
//# sourceMappingURL=time-picker.js.map
//# sourceMappingURL=time-picker.js.map