@cerberus-design/react
Version:
The Cerberus Design React component library.
20 lines (18 loc) • 1.09 kB
JavaScript
import {
DatePickerViewControlGroup
} from "./chunk-X24O5DTP.js";
import {
DatePickerParts
} from "./chunk-BXDQ5AXV.js";
// src/components/date-picker/month-view.tsx
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
function DatePickerMonthView(props) {
return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "month", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [
/* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
/* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({ columns: 4, format: "short" }).map((months, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: months.map((month, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: month.value, children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: month.label }) }, id2)) }, id)) }) })
] }) }) });
}
export {
DatePickerMonthView
};
//# sourceMappingURL=chunk-OG644D7M.js.map