Datetime Picker Demo

PreviousNext

component for the Datetime Picker Demo

Docs
spectrumuicomponent

Preview

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

const DatetimePickerDemo = () => {
  const [date, setDate] = useState<Date | undefined>(undefined);
  return (
    <DateTimePicker
      value={date}
      onChange={setDate}
      className="w-[280px]"
      locale={undefined}
      weekStartsOn={undefined}
      showWeekNumber={undefined}
      showOutsideDays={undefined}
    />
  );
};

export default DatetimePickerDemo;

Installation

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

Usage

import { DatetimePickerDemo } from "@/components/datetime-picker-demo"
<DatetimePickerDemo />