Year Month Picker Library

A customizable React component for selecting year and month. Built with TailwindCSS and works seamlessly with popovers and headless UI libraries.

Installation

npm install year-month-picker

Basic Usage

import { YmPicker } from "year-month-picker";

export default function Demo() {
  return <YmPicker mode="year-month" onSelect={(ym) => console.log(ym)} />;
}

Documentation

Visit https://year-month-picker.vercel.app/ to view the documentation.

API Reference

| Prop | Type | Default | | --------- | --------------------------------------------------------- | ----------- | | mode | "year-month" | "year" | "month" | "year" | | ym | {year: number | null, month: number | null} | — | | onSelect | ({year: number | null, month: number | null}) => void | — | | message | string | Select date | | container | React.HTMLAttributes | — | | header | React.HTMLAttributes | - | | yearGrid | React.HTMLAttributes | - | | monthGrid | React.HTMLAttributes | - | | button | React.HTMLAttributes | - |