@cerberus-design/react/dist/components/date-picker/month-view.cjs

The Cerberus Design React component library.

'use client';
'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const parts = require('./parts.cjs');
const viewControlGroup = require('./view-control-group.cjs');

function DatePickerMonthView(props) {
  return /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.View, { ...props, view: "month", children: /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
    /* @__PURE__ */ jsxRuntime.jsx(viewControlGroup.DatePickerViewControlGroup, {}),
    /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.Table, { children: /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({ columns: 4, format: "short" }).map((months, id) => /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.TableRow, { children: months.map((month, id2) => /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.TableCell, { value: month.value, children: /* @__PURE__ */ jsxRuntime.jsx(parts.DatePickerParts.TableCellTrigger, { children: month.label }) }, id2)) }, id)) }) })
  ] }) }) });
}

exports.DatePickerMonthView = DatePickerMonthView;