Datetime Picker Display Format
spectrumui/datetime-picker-display-formatFreeComponent
component for the Datetime Picker Display Format
Install it
npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-display-format.jsonSource
1"use client";2import React, { useState } from "react";3import { DateTimePicker } from "@/components/ui/datetime-picker";45const DatetimePickerDisplayFormat = () => {6 const [date, setDate] = useState<Date | undefined>(undefined);7 return (8 <DateTimePicker9 displayFormat={{ hour24: "yyyy/MM/dd" }}10 value={date}11 onChange={setDate}12 className="w-72"13 />14 );15};1617export default DatetimePickerDisplayFormat;
What it pulls in
Other registry items
Files it writes
More from spectrumui
All 182 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | spectrumui | Components | Free | no deps | |
| Alert demoalert-1 | spectrumui | Components | Free | 1 dep | |
| Alert 2alert-2 | spectrumui | Components | Free | no deps | |
| Alert 3alert-3 | spectrumui | Components | Free | 1 dep | |
| Alert 4alert-4 | spectrumui | Components | Free | 1 dep | |
| Animated Cardanimated-card | spectrumui | Components | Free | 1 dep · 2 files | |
| Animated Draweranimated-drawer | spectrumui | Components | Free | 4 deps | |
| Animated SVG Chartanimated-SVG-chart | spectrumui | Components | Free | 1 dep |
