Skip to content

Instantly share code, notes, and snippets.

@sayandedotcom
sayandedotcom / gist:cfd39848edd55a2955b2a5efea99dc8e
Created July 30, 2023 16:22
React Select Library with shadcnui's design systems and forms !
1. Select Component ---------------------------------------------------------------------------------
"use client";
import clsx from "clsx";
import { ChevronDownIcon, X } from "lucide-react";
import Select, {
ClearIndicatorProps,
DropdownIndicatorProps,
MultiValueRemoveProps,
@mattstobbs
mattstobbs / month-picker.tsx
Created July 26, 2023 22:15
A simple month picker that matches the style of shadcn/ui
import {
add,
eachMonthOfInterval,
endOfYear,
format,
isEqual,
isFuture,
parse,
startOfMonth,
startOfToday,
@mjbalcueva
mjbalcueva / calendar.tsx
Last active July 7, 2024 14:57
shadcn ui calendar custom year and month dropdown
"use client"
import * as React from "react"
import { buttonVariants } from "@/components/ui/button"
import { ScrollArea } from "@/components/ui/scroll-area"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { cn } from "@/lib/utils"
import { ChevronLeft, ChevronRight } from "lucide-react"
import { DayPicker, DropdownProps } from "react-day-picker"
import * as React from 'react';
import { DateTime } from 'luxon';
import { Calendar as CalendarIcon } from 'lucide-react';
import { Button } from '@/components/ui/Button';
import { Calendar } from '@/components/ui/Calendar';
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover';
import { cn } from '@/lib/utils';
import { SelectSingleEventHandler } from 'react-day-picker';
import { Label } from '@/components/ui/Label';