@veracity/vui/dist/calendar/components/monthPicker.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { cs } from "../../utils/styles.js";
import { CalendarItem, CalendarItemsContainer } from "../calendar.styles.js";
import { monthsShort } from "../consts.js";
import { jsx } from "react/jsx-runtime";

//#region src/calendar/components/monthPicker.tsx
const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(CalendarItemsContainer, {
	className: cs("vui-month-picker"),
	gridTemplateRows: "repeat(4, 65px)",
	children: calendar.items.map((item) => /* @__PURE__ */ jsx(CalendarItem, {
		fontWeight: 500,
		onClick: !item.isDisabled && onSelectMonth?.(item.date) || void 0,
		...item,
		alignContent: "center",
		textAlign: "center",
		children: monthsShort[item.date.getUTCMonth()]
	}, item.date.getTime()))
});

//#endregion
export { MonthPicker };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=monthPicker.js.map