Datetime Picker Placeholder

PreviousNext

component for the Datetime Picker Placeholder

Docs
spectrumuicomponent

Preview

Loading preview…
app/registry/datetime-picker/usage/datetime-picker-placeholder.tsx
"use client";
import React, { useState } from "react";
import { DateTimePicker } from "@/components/ui/datetime-picker";

const DatetimePickerPlaceholder = () => {
  const [date, setDate] = useState<Date | undefined>(undefined);
  return (
    <DateTimePicker
      value={date}
      onChange={setDate}
      placeholder="What's your birthday?"
      className="w-72"
    />
  );
};

export default DatetimePickerPlaceholder;

Installation

npx shadcn@latest add @spectrumui/datetime-picker-placeholder

Usage

import { DatetimePickerPlaceholder } from "@/components/datetime-picker-placeholder"
<DatetimePickerPlaceholder />