Datetime Picker Locale

1"use client";
2import React, { useState } from "react";
3import { DateTimePicker } from "@/components/ui/datetime-picker";
4import { zhTW } from "date-fns/locale";
5import { InlineCode } from "@/components/ui/inline-code";
6const DatetimePickerLocale = () => {
7  const [date, setDate] = useState<Date | undefined>(undefined);
8  return (
9    <div className="flex w-72 flex-col gap-3">
10      <p>
11        The following example is <InlineCode>zhTW</InlineCode> from{" "}
12        <InlineCode>date-fns</InlineCode>.
13      </p>
14      <DateTimePicker
15        locale={zhTW}
16        value={date}
17        onChange={setDate}
18        weekStartsOn={undefined}
19        showWeekNumber={undefined}
20        showOutsideDays={undefined}
21      />
22    </div>
23  );
24};
25 
26export default DatetimePickerLocale;