DateField

import { DateField, Label } from "@/components/ui/heroui-date-field";

export default function Default() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center overflow-hidden bg-background p-8">
      <DateField className="w-[256px]" name="date">
        <Label>Date</Label>
        <DateField.Group>
          <DateField.Input />
        </DateField.Group>
      </DateField>
    </div>
  );
}

export { Default };