Datetime Picker Granularity

1"use client";
2import React from "react";
3import { DateTimePicker } from "@/components/ui/datetime-picker";
4 
5const DatetimePickerGranularity = () => {
6  const [date, setDate] = React.useState<Date | undefined>(undefined);
7 
8  return (
9    <div className="flex flex-col gap-3 lg:flex-row lg:gap-10">
10      <div className="w-72 space-y-2">
11        <p>Minute</p>
12        <DateTimePicker granularity="minute" value={date} onChange={setDate} />
13      </div>
14      <div className="w-72 space-y-2">
15        <p>Hour</p>
16        <DateTimePicker granularity="hour" value={date} onChange={setDate} />
17      </div>
18      <div className="w-72 space-y-2">
19        <p>Day</p>
20        <DateTimePicker granularity="day" value={date} onChange={setDate} />
21      </div>
22    </div>
23  );
24};
25 
26export default DatetimePickerGranularity;