Skip to content

Instantly share code, notes, and snippets.

View zacwellmer's full-sized avatar
💭
🚀

Zac Wellmer zacwellmer

💭
🚀
View GitHub Profile
@zacwellmer
zacwellmer / datetime-picker.tsx
Last active January 7, 2025 22:53
shadcn datetime picker component
"use client"
import { CalendarDateTime, isToday as _isToday, } from "@internationalized/date";
import { format } from "date-fns";
import { CalendarIcon, ClockIcon } from "lucide-react";
import { useRef, useState } from "react";
import { DateValue, TimeValue, useDateSegment, useInteractOutside, useLocale, useTimeField } from "react-aria";
import { DateFieldState, DatePickerStateOptions, DateSegment as IDateSegment, useDatePickerState, useTimeFieldState } from "react-stately";
import { cn } from "../lib/utils";
// imports from shadcn/ui
import { Button } from "./ui/button";