Viora LogoViora UI
Login

Style by Birthday

A style suggestion date picker DOB calendar form utilizing react-hook-form and zod.

form-9.tsx
Loading source code...

Installation

pnpm dlx viora-ui@latest add form-9
npx viora-ui@latest add form-9
yarn viora-ui@latest add form-9
bunx --bun viora-ui@latest add form-9

Usage

import { Form9 } from "viora-ui";
import { Form9 } from "viora-ui";

export default function Form9Demo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <Form9 />
    </div>
  );
}

API Reference

Calendar

PropTypeDefaultDescription
mode?'single'-Configuration for mode.
selected?Date-Configuration for selected.
onSelect?(date: Date | undefined) => void-Callback fired on select event.
disabled?(date: Date) => boolean-Whether the component is disabled.
className?string""Additional CSS classes for custom styling.

Built by Otis

Last updated: 10/12/2026