Date Range Picker Disabled

"use client"

import { DateRangePicker, DateRangePickerTrigger } from "@/components/ui/date-range-picker"
import { Description, Label } from "@/components/ui/field"

export default function DateRangePickerDisabledDemo() {
  return (
    <span data-slot="layout">
      <DateRangePicker isDisabled>
        <Label>Event date</Label>
        <DateRangePickerTrigger />
        <Description>Please select the start and end date for your event.</Description>
      </DateRangePicker>
    </span>
  )
}