date-range-picker-validation

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/date-range-picker-validation.tsx
"use client"

import { DateRangePicker } from "@/registry/new-york/ui/date-range-picker"

export default function DateRangePickerValidation() {
  return (
    <DateRangePicker
      label="Vacation dates"
      description="Select your vacation start and end dates."
      isRequired
      errorMessage="Please select a valid date range."
    />
  )
}

Installation

npx shadcn@latest add @taki/date-range-picker-validation

Usage

import { DateRangePickerValidation } from "@/components/date-range-picker-validation"
<DateRangePickerValidation />