@hitachivantara/uikit-react-core/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js

UI Kit Core React components.

import { getMonthNamesList } from "../../utils.js";
import { Navigation } from "../Navigation/Navigation.js";
import { useClasses } from "./ComposedNavigation.styles.js";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx
var HvComposedNavigation = ({ classes: classesProp, id, locale, onChange, onViewModeChange, visibleYear, visibleMonth, ...others }) => {
	const { classes } = useClasses(classesProp);
	const monthName = getMonthNamesList(locale, "long")[visibleMonth - 1];
	return /* @__PURE__ */ jsxs("div", {
		className: classes.navigationContainer,
		...others,
		children: [/* @__PURE__ */ jsx("div", {
			className: classes.navigationMonth,
			children: /* @__PURE__ */ jsx(Navigation, {
				navigationText: monthName,
				onNavigatePrevious: (event) => {
					onChange?.(event, "previous_month");
				},
				onNavigateNext: (event) => {
					onChange?.(event, "next_month");
				},
				onTextClick: () => {
					onViewModeChange("monthly");
				},
				className: classes.navigationMonth
			})
		}), /* @__PURE__ */ jsx(Navigation, {
			navigationText: visibleYear.toString(),
			onNavigatePrevious: (event) => {
				onChange?.(event, "previous_year");
			},
			onNavigateNext: (event) => {
				onChange?.(event, "next_year");
			}
		})]
	});
};
//#endregion
export { HvComposedNavigation };