@mantine/dates/cjs/components/YearLevel/YearLevel.cjs

Calendars, date and time pickers based on Mantine components

"use client";
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
const require_use_dates_context = require("../DatesProvider/use-dates-context.cjs");
const require_MonthsList = require("../MonthsList/MonthsList.cjs");
const require_CalendarHeader = require("../CalendarHeader/CalendarHeader.cjs");
let dayjs = require("dayjs");
dayjs = require_runtime.__toESM(dayjs);
let react_jsx_runtime = require("react/jsx-runtime");
let _mantine_core = require("@mantine/core");
//#region packages/@mantine/dates/src/components/YearLevel/YearLevel.tsx
const defaultProps = { yearLabelFormat: "YYYY" };
const YearLevel = (0, _mantine_core.factory)((_props) => {
	const { year, locale, minDate, maxDate, monthsListFormat, getMonthControlProps, __getControlRef, __onControlKeyDown, __onControlClick, __onControlMouseEnter, withCellSpacing, __preventFocus, nextIcon, previousIcon, nextLabel, previousLabel, onNext, onPrevious, onLevelClick, nextDisabled, previousDisabled, hasNextLevel, levelControlAriaLabel, withNext, withPrevious, headerControlsOrder, yearLabelFormat, __staticSelector, __stopPropagation, size, classNames, styles, unstyled, fullWidth, attributes, ...others } = (0, _mantine_core.useProps)("YearLevel", defaultProps, _props);
	const ctx = require_use_dates_context.useDatesContext();
	const stylesApiProps = {
		__staticSelector: __staticSelector || "YearLevel",
		classNames,
		styles,
		unstyled,
		size,
		attributes
	};
	const _nextDisabled = typeof nextDisabled === "boolean" ? nextDisabled : maxDate ? !(0, dayjs.default)(year).endOf("year").isBefore(maxDate) : false;
	const _previousDisabled = typeof previousDisabled === "boolean" ? previousDisabled : minDate ? !(0, dayjs.default)(year).startOf("year").isAfter(minDate) : false;
	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Box, {
		"data-year-level": true,
		size,
		...others,
		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CalendarHeader.CalendarHeader, {
			label: typeof yearLabelFormat === "function" ? yearLabelFormat(year) : (0, dayjs.default)(year).locale(locale || ctx.locale).format(yearLabelFormat),
			__preventFocus,
			__stopPropagation,
			nextIcon,
			previousIcon,
			nextLabel,
			previousLabel,
			onNext,
			onPrevious,
			onLevelClick,
			nextDisabled: _nextDisabled,
			previousDisabled: _previousDisabled,
			hasNextLevel,
			levelControlAriaLabel,
			withNext,
			withPrevious,
			headerControlsOrder,
			fullWidth,
			...stylesApiProps
		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MonthsList.MonthsList, {
			year,
			locale,
			minDate,
			maxDate,
			monthsListFormat,
			getMonthControlProps,
			__getControlRef,
			__onControlKeyDown,
			__onControlClick,
			__onControlMouseEnter,
			__preventFocus,
			__stopPropagation,
			withCellSpacing,
			fullWidth,
			...stylesApiProps
		})]
	});
});
YearLevel.classes = {
	...require_CalendarHeader.CalendarHeader.classes,
	...require_MonthsList.MonthsList.classes
};
YearLevel.displayName = "@mantine/dates/YearLevel";
//#endregion
exports.YearLevel = YearLevel;

//# sourceMappingURL=YearLevel.cjs.map