@mantine/dates/esm/components/TimePicker/TimeControlsList/AmPmControlsList.mjs

Calendars, date and time pickers based on Mantine components

"use client";
import { useTimePickerContext } from "../TimePicker.context.mjs";
import { TimeControl } from "./TimeControl.mjs";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/dates/src/components/TimePicker/TimeControlsList/AmPmControlsList.tsx
function AmPmControlsList({ labels, value, onSelect }) {
	const ctx = useTimePickerContext();
	const controls = [labels.am, labels.pm].map((control) => /* @__PURE__ */ jsx(TimeControl, {
		value: control,
		active: value === control,
		onSelect
	}, control));
	return /* @__PURE__ */ jsx("div", {
		...ctx.getStyles("controlsList"),
		children: controls
	});
}
AmPmControlsList.displayName = "@mantine/dates/AmPmControlsList";
//#endregion
export { AmPmControlsList };

//# sourceMappingURL=AmPmControlsList.mjs.map