Date Field

달력을 열어 날짜를 고르는 입력입니다.

@horon-ai/react 입력과 선택 Storybook ↗

Preview

Usage

tsx

import { DateField, type DateRange } from "@horon-ai/react";
import { useState } from "react";

export default function DateFieldDemo() {
  const [date, setDate] = useState<Date | null>(null);
  const [range, setRange] = useState<DateRange>({ start: null, end: null });
  return (
    <>
      <DateField value={date} onValueChange={setDate} />
      <DateField mode="range" value={range} onValueChange={setRange} />
    </>
  );
}