{"repo":"gr3enk/shadcn-ui-monthpicker","free":true,"listed":false,"github":"https://github.com/gr3enk/shadcn-ui-monthpicker","clone":"git clone https://github.com/gr3enk/shadcn-ui-monthpicker.git","description":"A Monthpicker & Monthrangepicker component based on shadcn/ui","language":"TypeScript","stars":117,"topics":["component","components","javascript","month","picker","range","rangepicker","react","reactjs","shadcn"],"license":null,"category":"ui-components","readme_excerpt":"Monthpicker & Monthrangepicker for shadcn-ui A fully customizable Monthpicker and Monthrangepicker component built for shadcn-ui. (Radix, Tailwind CSS). Try out the demo! Installation CLI Installation: Monthpicker: Monthrangepicker: Optionally you can wrap the picker in a Popover: Manual Installation: The components require the following shadcn-ui components. - Button - Popover (optional) Copy the components to the components folder of your project. Link to components: - Monthpicker - Monthrangepicker Also Lucide React is requiered for the Icons. Monthpicker Component Example Use with shadcn-ui Popover component: Props Prop Type Default Description ---------------- -------------------- ------------- ------------------------------------- onMonthSelect (date: Date) = void - Called when a month has been selected selectedMonth Date Today’s Month Month state for initialization minDate Date no limit The minimum selectable date maxDate Date no limit The maximum selectable date disabledDates Date[] - Separate non-selectable months callbacks object - See callbacks table variant object - See variant table onYearForward () = void - Called when calendar browsed forward onYearBackward () = void - Called when calendar browsed backward callbacks Prop Type Description ------------ ------------------------ --------------------------------- yearLabel (year: number) = string Used for styling the Year Label monthLabel (month: Month) Used for styling the Month Labels variant Prop Type Description","default_branch":null,"files":null,"tree":[],"storefront":"/r/gr3enk","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gr3enk/shadcn-ui-monthpicker/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}