@osdk/react-components 0.12.0 → 0.13.0

package/docs/ObjectTable.md

@@ -137,20 +137,22 @@ Each column header has a menu with items for sorting, filtering, pinning, resizi
 
 ### Interactions
 
-| Prop                    | Type                            | Description                                  |
-| ----------------------- | ------------------------------- | -------------------------------------------- |
-| `onRowClick`            | `(object) => void`              | Called when a row is clicked                 |
-| `renderCellContextMenu` | `(row, cellValue) => ReactNode` | Custom context menu for right-click on cells |
+| Prop                    | Type                                               | Description                                                                                                                          |
+| ----------------------- | -------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| `onRowClick`            | `(object) => void`                                 | Called when a row is clicked                                                                                                         |
+| `renderCellContextMenu` | `(row, cellValue) => ReactNode`                    | Custom context menu for right-click on cells                                                                                         |
+| `getRowAttributes`      | `(rowData) => Record<string, string \| undefined>` | Extra HTML attributes (typically `data-*`) applied to each `<tr>`. See [Row Attributes](#row-attributes-and-conditional-row-styling) |
 
 ### Cell Editing
 
 > The editable feature allows inline editing with validation and bulk submission capabilities. Editable cells support text inputs, number inputs, and dropdown selectors.
 
-| Prop                 | Type                                          | Description                                                                                                                     |
-| -------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- |
-| `editMode`           | `"always" \| "manual"`                        | Controls edit mode behavior. "always": Table is always in edit mode. "manual": User toggles edit mode on/off. Default: "manual" |
-| `onCellValueChanged` | `(info: CellEditInfo) => void`                | Called when a cell value is edited. The info object contains rowId, columnId, newValue, oldValue, and originalRowData           |
-| `onSubmitEdits`      | `(edits: CellEditInfo[]) => Promise<boolean>` | When provided, shows a "Submit Edits" button that calls this function with all pending edits. Return true on success            |
+| Prop                 | Type                                          | Description                                                                                                                                                                     |
+| -------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `editMode`           | `"always" \| "manual"`                        | Controls edit mode behavior. "always": Table is always in edit mode. "manual": User toggles edit mode on/off. Default: "manual"                                                 |
+| `onCellValueChanged` | `(info: CellEditInfo) => void`                | Called when a cell value is edited. The info object contains rowId, columnId, newValue, oldValue, and originalRowData                                                           |
+| `onSubmitEdits`      | `(edits: CellEditInfo[]) => Promise<boolean>` | When provided, shows a "Submit Edits" button in the edit footer. Return true on success                                                                                         |
+| `showEditFooter`     | `boolean`                                     | Whether to render the bottom edit footer (Edit Table / Cancel / Submit Edits). Defaults to `true`. When `false`, the "Edit Table" and "Submit Edits" buttons will not be shown. |
 
 ## Column Definitions
 
@@ -167,7 +169,7 @@ type ColumnDefinition<Q, RDPs, FunctionColumns> = {
   resizable?: boolean; // Allow column resizing
   orderable?: boolean; // Allow column sorting
   filterable?: boolean; // Allow column filtering
-  editable?: boolean; // Allow inline editing for this column
+  editable?: boolean | ((rowData) => boolean); // Allow inline editing for this column. Pass a function to make it conditional per row
   editFieldConfig?: EditFieldConfig; // Optional editor component config (e.g. dropdown)
   validateEdit?: (value: unknown) => Promise<string | undefined>; // Custom validation function for cell edits
   renderCell?: (object, locator) => React.ReactNode; // Custom cell renderer
@@ -176,19 +178,54 @@ type ColumnDefinition<Q, RDPs, FunctionColumns> = {
 };
 ```
 
+#### `editable`
+
+`editable` accepts either a boolean or a function `(rowData) => boolean`:
+
+- `editable: true` — every cell in the column is editable.
+- `editable: (rowData) => boolean` — configurable per row. The function receives the row's data and returns whether the cell should be editable.
+
+```typescript
+{
+  locator: { type: "property", id: "salary" },
+  // Only editable for active employees
+  editable: (employee) => employee.status === "Active",
+}
+```
+
+When `editable` is a function, the column is still considered "potentially editable" at the table level — the bottom edit-mode bar is shown so users can enter and exit edit mode. The per-row predicate decides whether each cell renders the editor or the read-only value.
+
 #### `editFieldConfig`
 
-When `editable` is `true`, columns default to a text or number input (auto-detected from the property type). Use `editFieldConfig` to specify a different editor component.
+When `editable` is truthy, columns default to a text or number input (auto-detected from the property type). Use `editFieldConfig` to specify a different editor component.
 
 **Supported editor components:**
 
 | `fieldComponent` | Description                              | Renders                                                      |
 | ---------------- | ---------------------------------------- | ------------------------------------------------------------ |
 | `"DROPDOWN"`     | A select dropdown or searchable combobox | `Select` (default) or `Combobox` (when `isSearchable: true`) |
+| `"DATE_PICKER"`  | A date or datetime picker                | `DatetimePicker`                                             |
 
 Without `editFieldConfig`, editable columns use a text input for string properties and a number input for numeric properties (`double`, `integer`, `long`, `float`, `decimal`, `byte`, `short`).
 
-**Dropdown `fieldComponentProps`:**
+`getFieldComponentProps` receives the row's data and returns the props passed to the field component, so editor configuration can vary per row (e.g. dropdown items computed from the row's state).
+
+```typescript
+{
+  locator: { type: "property", id: "department" },
+  editable: true,
+  editFieldConfig: {
+    fieldComponent: "DROPDOWN",
+    getFieldComponentProps: (employee) => ({
+      // Allow the user to pick from departments compatible with the
+      // employee's role
+      items: getCompatibleDepartments(employee.role),
+    }),
+  },
+}
+```
+
+**Dropdown `fieldComponentProps` (returned from `getFieldComponentProps`):**
 
 | Prop                | Type                      | Default        | Description                                              |
 | ------------------- | ------------------------- | -------------- | -------------------------------------------------------- |
@@ -688,7 +725,7 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
     editable: true,
     editFieldConfig: {
       fieldComponent: "DROPDOWN",
-      fieldComponentProps: {
+      getFieldComponentProps: () => ({
         items: [
           "Engineering",
           "Product",
@@ -698,7 +735,7 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
           "Finance",
           "Human Resources",
         ],
-      },
+      }),
     },
   },
   {
@@ -706,7 +743,7 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
     editable: true,
     editFieldConfig: {
       fieldComponent: "DROPDOWN",
-      fieldComponentProps: {
+      getFieldComponentProps: () => ({
         items: [
           "Software Engineer",
           "Senior Software Engineer",
@@ -717,7 +754,7 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
         ],
         isSearchable: true, // Renders a searchable combobox
         placeholder: "Search job titles…",
-      },
+      }),
     },
   },
 ];
@@ -797,6 +834,37 @@ function EditableEmployeesTable() {
    - All edits are submitted together
    - Return `true` from `onSubmitEdits` to clear edits after successful submission
 
+#### Per-Row Configuration for Editable and FieldComponentProps
+
+Pass a function to `editable` to gate editing per row, and a `getFieldComponentProps` function to compute editor props from the row's data:
+
+```typescript
+import {
+  type ColumnDefinition,
+  ObjectTable,
+} from "@osdk/react-components/experimental/object-table";
+import { Employee } from "@YourApp/sdk";
+
+const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
+  {
+    locator: { type: "property", id: "salary" },
+    // Only editable for active employees
+    editable: (employee) => employee.status === "Active",
+  },
+  {
+    locator: { type: "property", id: "department" },
+    editable: true,
+    editFieldConfig: {
+      fieldComponent: "DROPDOWN",
+      // Items depend on the employee's role
+      getFieldComponentProps: (employee) => ({
+        items: getCompatibleDepartments(employee.role),
+      }),
+    },
+  },
+];
+```
+
 ### Example 14: Custom Column Configuration Dialog
 
 Use the `ColumnConfigDialog` component to create a custom column configuration experience:
@@ -1101,6 +1169,63 @@ Adjust row height for better readability:
 />;
 ```
 
+### Row Attributes and Conditional Row Styling
+
+Use `getRowAttributes` to apply custom HTML attributes (typically `data-*` attributes) to each `<tr>` element. This is the recommended pattern for conditional row styling — for example, changing a row's background color based on the underlying object's state.
+
+```tsx
+import type { Osdk } from "@osdk/api";
+import { ObjectTable } from "@osdk/react-components/experimental/object-table";
+import { Employee } from "@YourApp/sdk";
+import { useCallback } from "react";
+
+function EmployeesTable() {
+  const getRowAttributes = useCallback(
+    (employee: Osdk.Instance<typeof Employee>) => ({
+      "data-status": employee.status,
+      "data-overdue": employee.daysOverdue > 0 ? "true" : undefined,
+    }),
+    [],
+  );
+
+  return (
+    <ObjectTable
+      objectType={Employee}
+      className="employees-table"
+      getRowAttributes={getRowAttributes}
+    />
+  );
+}
+```
+
+Entries whose value is `undefined` are skipped, so you can include attributes conditionally without emitting empty values.
+
+Then drive your row styling in CSS using attribute selectors. Row background colors come from `--osdk-table-row-bg-default` (and `--osdk-table-row-bg-alternate` for odd zebra rows) — overriding both on a `<tr>` for matching rows takes precedence:
+
+```css
+.employees-table tr[data-status="Inactive"] {
+  --osdk-table-row-bg-default: #f3f4f6;
+  --osdk-table-row-bg-alternate: #f3f4f6;
+  color: #6b7280;
+}
+
+.employees-table tr[data-overdue="true"] {
+  --osdk-table-row-bg-default: #fef2f2;
+  --osdk-table-row-bg-alternate: #fef2f2;
+}
+
+.employees-table tr[data-status="Active"][data-overdue="true"] {
+  --osdk-table-row-bg-default: #fffbeb;
+  --osdk-table-row-bg-alternate: #fffbeb;
+}
+```
+
+Notes:
+
+- Combine multiple attribute selectors to express priority (the most specific selector wins, per normal CSS rules).
+- The table sets its own attributes (`data-selected`, `data-focused`, `data-row-parity`, `data-pinned`) on rows and cells. Avoid using these names in `getRowAttributes` since they would override the built-in behavior.
+- `getRowAttributes` runs for every visible row, so memoize it with `useCallback` to keep referential equality across renders.
+
 ### Loading and Empty States
 
 The ObjectTable automatically handles:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/react-components",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -109,6 +109,7 @@
     "@tanstack/react-virtual": "^3.13.13",
     "date-fns": "^2.28.0",
     "date-fns-tz": "^2.0.0",
+    "fast-deep-equal": "^3.1.3",
     "lodash-es": "^4.17.21",
     "pdfjs-dist": "~4.8.69",
     "react-day-picker": "^8.10.0",
@@ -138,11 +139,11 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "~5.5.4",
-    "@osdk/client": "2.16.0",
+    "@osdk/api": "2.17.0",
+    "@osdk/client": "2.17.0",
     "@osdk/monorepo.api-extractor": "~0.7.0",
-    "@osdk/monorepo.tsconfig": "~0.7.0",
-    "@osdk/react": "2.16.0",
-    "@osdk/api": "2.16.0"
+    "@osdk/react": "2.17.0",
+    "@osdk/monorepo.tsconfig": "~0.7.0"
   },
   "publishConfig": {
     "access": "public"

package/build/cjs/DateCalendar-2W4QHEEI.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/action-form/fields/DateCalendar.module.css"],"sourcesContent":["/* DateCalendar — DayPicker classNames.\n   All values reference --osdk-datetime-calendar-* tokens defined in\n   react-components-styles/tokens/datetime-picker.css. */\n\n.calendar {\n  position: relative;\n  width: 100%;\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n  display: flex;\n  gap: var(--osdk-datetime-calendar-months-gap);\n}\n\n.calendarMonthGrid {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.calendarWeekday {\n  padding: var(--osdk-datetime-calendar-gap);\n  font-size: var(--osdk-datetime-calendar-weekday-font-size);\n  color: var(--osdk-datetime-calendar-weekday-color);\n  text-align: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n  padding: var(--osdk-datetime-calendar-gap);\n  text-align: center;\n}\n\n.calendarDayButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n  height: var(--osdk-datetime-calendar-cell-size);\n  border: none;\n  border-radius: var(--osdk-datetime-calendar-day-border-radius);\n  background: transparent;\n  cursor: pointer;\n  font: inherit;\n  color: var(--osdk-datetime-calendar-day-color);\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-day-hover-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:active {\n    background: var(--osdk-datetime-calendar-day-active-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: -2px;\n  }\n}\n\n/* :not([disabled]) bumps specificity to (0,4,0) — matching rdp's default\n   .rdp-button:hover:not([disabled]):not(.rdp-day_selected) rule so our\n   styles win by source order. Without this, rdp overrides the selected\n   background on hover because we remap day_selected and its :not() always matches. */\n.calendarDayButton.calendarSelected {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover:not([disabled]) {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n\n  &:active:not([disabled]) {\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n}\n\n.calendarDayButton.calendarToday {\n  font-weight: var(--osdk-datetime-calendar-today-font-weight);\n}\n\n.calendarDayButton.calendarOutside {\n  color: var(--osdk-datetime-calendar-outside-color);\n  opacity: var(--osdk-datetime-calendar-outside-opacity);\n}\n\n.calendarDayButton.calendarDisabled {\n  color: var(--osdk-datetime-calendar-disabled-color);\n  cursor: default;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n/* Range selection styles — shared base for start/end endpoints */\n.calendarRangeEndpoint {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover:not([disabled]) {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n\n  &:active:not([disabled]) {\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n}\n\n\n/* Range-middle needs .calendarDayButton prefix to match specificity of\n   .calendarDayButton.calendarSelected (rdp applies both to range-middle days). */\n.calendarDayButton.calendarRangeMiddle {\n  background: var(--osdk-datetime-calendar-range-middle-bg);\n  color: var(--osdk-datetime-calendar-day-color);\n  border-radius: 0;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-range-middle-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n    filter: brightness(0.95);\n  }\n\n  &:active {\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n}\n\n.calendarHidden {\n  visibility: hidden;\n}\n\n/* Calendar navigation — dissolve the nav wrapper so buttons become\n   direct flex children of the caption row. This lets order: -1 move\n   the prev button before the dropdowns while next stays after. */\n.calendarNav {\n  display: contents;\n}\n\n/* Shared nav button base — small, matching dropdown caret scale */\n.calendarNavButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-nav-button-size);\n  height: var(--osdk-datetime-calendar-nav-button-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n  padding: 0;\n  color: inherit;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n  }\n\n  &:disabled {\n    color: var(--osdk-datetime-calendar-nav-disabled-color);\n    cursor: default;\n    opacity: 1; /* Override browser default disabled opacity */\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: -1px;\n  }\n}\n\n/* Hide the default SVG chevron icon — Blueprint icons rendered inline instead */\n.calendarChevron {\n  display: none;\n}\n\n.calendarNavPrev {\n  order: -1;\n}\n\n.calendarMonthCaption {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n/* Visually hidden — used for accessibility-only text (caption label, dropdown labels) */\n.calendarVhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n\n/* Caption dropdowns container */\n.calendarCaptionDropdowns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--osdk-datetime-calendar-caption-gap);\n}\n\n/* Month/year selects — borderless, matching caption text weight */\n.calendarDropdown {\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-caption-font-size);\n  font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n  color: inherit;\n  background: transparent;\n  border: none;\n  padding: var(--osdk-datetime-calendar-dropdown-padding);\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-dropdown-border-radius);\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: 1px;\n  }\n}\n\n\n/* Footer — content rendered inside DayPicker's <tfoot> (constrained by the table). */\n.calendarFooter {\n  padding-top: var(--osdk-time-picker-padding-top);\n  margin-top: var(--osdk-time-picker-margin-top);\n  border-top: var(--osdk-time-picker-border-top);\n}\n\n"],"mappings":"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","names":[]}

package/build/cjs/DateCalendar-QGSYBWJB.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var chunkB2GRQRWU_cjs = require('./chunk-B2GRQRWU.cjs');
-require('./chunk-JLESWL47.cjs');
-require('./chunk-Q2W6GYRK.cjs');
-
-
-
-Object.defineProperty(exports, "CALENDAR_COMPONENTS", {
-  enumerable: true,
-  get: function () { return chunkB2GRQRWU_cjs.CALENDAR_COMPONENTS; }
-});
-Object.defineProperty(exports, "CLASS_NAMES", {
-  enumerable: true,
-  get: function () { return chunkB2GRQRWU_cjs.CLASS_NAMES; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunkB2GRQRWU_cjs.DateCalendar; }
-});
-//# sourceMappingURL=DateCalendar-QGSYBWJB.cjs.map
-//# sourceMappingURL=DateCalendar-QGSYBWJB.cjs.map

package/build/cjs/DateRangeCalendar-JHO2BF3Z.cjs

@@ -1,48 +0,0 @@
-'use strict';
-
-var chunkB2GRQRWU_cjs = require('./chunk-B2GRQRWU.cjs');
-var chunkJLESWL47_cjs = require('./chunk-JLESWL47.cjs');
-require('./chunk-Q2W6GYRK.cjs');
-var React = require('react');
-var reactDayPicker = require('react-day-picker');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var CLASS_NAMES2 = {
-  ...chunkB2GRQRWU_cjs.CLASS_NAMES,
-  day_range_start: chunkB2GRQRWU_cjs.DateCalendar_default.calendarRangeEndpoint,
-  day_range_middle: chunkB2GRQRWU_cjs.DateCalendar_default.calendarRangeMiddle,
-  day_range_end: chunkB2GRQRWU_cjs.DateCalendar_default.calendarRangeEndpoint
-};
-function DateRangeCalendar({
-  selected,
-  onSelect,
-  min,
-  max,
-  footer
-}) {
-  const disabled = React.useMemo(() => chunkJLESWL47_cjs.buildDisabledMatchers(min, max), [min, max]);
-  const fromYear = min != null ? min.getFullYear() : chunkJLESWL47_cjs.DEFAULT_FROM_YEAR;
-  const toYear = max != null ? max.getFullYear() : chunkJLESWL47_cjs.DEFAULT_TO_YEAR;
-  return /* @__PURE__ */ React__default.default.createElement(reactDayPicker.DayPicker, {
-    mode: "range",
-    selected,
-    onSelect,
-    disabled,
-    defaultMonth: selected?.from,
-    classNames: CLASS_NAMES2,
-    components: chunkB2GRQRWU_cjs.CALENDAR_COMPONENTS,
-    footer,
-    captionLayout: "dropdown-buttons",
-    fromYear,
-    toYear,
-    numberOfMonths: 2,
-    pagedNavigation: true
-  });
-}
-
-module.exports = DateRangeCalendar;
-//# sourceMappingURL=DateRangeCalendar-JHO2BF3Z.cjs.map
-//# sourceMappingURL=DateRangeCalendar-JHO2BF3Z.cjs.map

package/build/cjs/DateRangeCalendar-JHO2BF3Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/action-form/fields/DateRangeCalendar.tsx"],"names":["CLASS_NAMES","DateCalendar_default","useMemo","buildDisabledMatchers","DEFAULT_FROM_YEAR","DEFAULT_TO_YEAR","React","DayPicker","CALENDAR_COMPONENTS"],"mappings":";;;;;;;;;;;;AAqBA,IAAMA,YAAAA,GAAc;AAAA,EAClB,GAAGA,6BAAA;AAAA,EACH,iBAAiBC,sCAAA,CAAO,qBAAA;AAAA,EACxB,kBAAkBA,sCAAA,CAAO,mBAAA;AAAA,EACzB,eAAeA,sCAAA,CAAO;AACxB,CAAA;AACe,SAAR,iBAAA,CAAmC;AAAA,EACxC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAG;AACD,EAAA,MAAM,QAAA,GAAWC,aAAA,CAAQ,MAAMC,uCAAA,CAAsB,GAAA,EAAK,GAAG,CAAA,EAAG,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;AAC1E,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,IAAA,GAAO,GAAA,CAAI,aAAY,GAAIC,mCAAA;AACnD,EAAA,MAAM,MAAA,GAAS,GAAA,IAAO,IAAA,GAAO,GAAA,CAAI,aAAY,GAAIC,iCAAA;AACjD,EAAA,uBAAoBC,sBAAA,CAAM,cAAcC,wBAAA,EAAW;AAAA,IACjD,IAAA,EAAM,OAAA;AAAA,IACN,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAc,QAAA,EAAU,IAAA;AAAA,IACxB,UAAA,EAAYP,YAAAA;AAAA,IACZ,UAAA,EAAYQ,qCAAA;AAAA,IACZ,MAAA;AAAA,IACA,aAAA,EAAe,kBAAA;AAAA,IACf,QAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,CAAA;AAAA,IAChB,eAAA,EAAiB;AAAA,GAClB,CAAA;AACH","file":"DateRangeCalendar-JHO2BF3Z.cjs","sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { buildDisabledMatchers, DEFAULT_FROM_YEAR, DEFAULT_TO_YEAR } from \"./calendarShared.js\";\nimport { CALENDAR_COMPONENTS, CLASS_NAMES as BASE_CLASS_NAMES } from \"./DateCalendar.js\";\nimport styles from \"./DateCalendar.module.css\";\nconst CLASS_NAMES = {\n  ...BASE_CLASS_NAMES,\n  day_range_start: styles.calendarRangeEndpoint,\n  day_range_middle: styles.calendarRangeMiddle,\n  day_range_end: styles.calendarRangeEndpoint\n};\nexport default function DateRangeCalendar({\n  selected,\n  onSelect,\n  min,\n  max,\n  footer\n}) {\n  const disabled = useMemo(() => buildDisabledMatchers(min, max), [min, max]);\n  const fromYear = min != null ? min.getFullYear() : DEFAULT_FROM_YEAR;\n  const toYear = max != null ? max.getFullYear() : DEFAULT_TO_YEAR;\n  return /*#__PURE__*/React.createElement(DayPicker, {\n    mode: \"range\",\n    selected: selected,\n    onSelect: onSelect,\n    disabled: disabled,\n    defaultMonth: selected?.from,\n    classNames: CLASS_NAMES,\n    components: CALENDAR_COMPONENTS,\n    footer: footer,\n    captionLayout: \"dropdown-buttons\",\n    fromYear: fromYear,\n    toYear: toYear,\n    numberOfMonths: 2,\n    pagedNavigation: true\n  });\n}"]}

package/build/cjs/DateRangeCalendar-M63S2LLG.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/action-form/fields/DateCalendar.module.css"],"sourcesContent":["/* DateCalendar — DayPicker classNames.\n   All values reference --osdk-datetime-calendar-* tokens defined in\n   react-components-styles/tokens/datetime-picker.css. */\n\n.calendar {\n  position: relative;\n  width: 100%;\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n  display: flex;\n  gap: var(--osdk-datetime-calendar-months-gap);\n}\n\n.calendarMonthGrid {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.calendarWeekday {\n  padding: var(--osdk-datetime-calendar-gap);\n  font-size: var(--osdk-datetime-calendar-weekday-font-size);\n  color: var(--osdk-datetime-calendar-weekday-color);\n  text-align: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n  padding: var(--osdk-datetime-calendar-gap);\n  text-align: center;\n}\n\n.calendarDayButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n  height: var(--osdk-datetime-calendar-cell-size);\n  border: none;\n  border-radius: var(--osdk-datetime-calendar-day-border-radius);\n  background: transparent;\n  cursor: pointer;\n  font: inherit;\n  color: var(--osdk-datetime-calendar-day-color);\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-day-hover-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:active {\n    background: var(--osdk-datetime-calendar-day-active-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: -2px;\n  }\n}\n\n/* :not([disabled]) bumps specificity to (0,4,0) — matching rdp's default\n   .rdp-button:hover:not([disabled]):not(.rdp-day_selected) rule so our\n   styles win by source order. Without this, rdp overrides the selected\n   background on hover because we remap day_selected and its :not() always matches. */\n.calendarDayButton.calendarSelected {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover:not([disabled]) {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n\n  &:active:not([disabled]) {\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n}\n\n.calendarDayButton.calendarToday {\n  font-weight: var(--osdk-datetime-calendar-today-font-weight);\n}\n\n.calendarDayButton.calendarOutside {\n  color: var(--osdk-datetime-calendar-outside-color);\n  opacity: var(--osdk-datetime-calendar-outside-opacity);\n}\n\n.calendarDayButton.calendarDisabled {\n  color: var(--osdk-datetime-calendar-disabled-color);\n  cursor: default;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n/* Range selection styles — shared base for start/end endpoints */\n.calendarRangeEndpoint {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover:not([disabled]) {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n\n  &:active:not([disabled]) {\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n}\n\n\n/* Range-middle needs .calendarDayButton prefix to match specificity of\n   .calendarDayButton.calendarSelected (rdp applies both to range-middle days). */\n.calendarDayButton.calendarRangeMiddle {\n  background: var(--osdk-datetime-calendar-range-middle-bg);\n  color: var(--osdk-datetime-calendar-day-color);\n  border-radius: 0;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-range-middle-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n    filter: brightness(0.95);\n  }\n\n  &:active {\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n}\n\n.calendarHidden {\n  visibility: hidden;\n}\n\n/* Calendar navigation — dissolve the nav wrapper so buttons become\n   direct flex children of the caption row. This lets order: -1 move\n   the prev button before the dropdowns while next stays after. */\n.calendarNav {\n  display: contents;\n}\n\n/* Shared nav button base — small, matching dropdown caret scale */\n.calendarNavButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-nav-button-size);\n  height: var(--osdk-datetime-calendar-nav-button-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n  padding: 0;\n  color: inherit;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n  }\n\n  &:disabled {\n    color: var(--osdk-datetime-calendar-nav-disabled-color);\n    cursor: default;\n    opacity: 1; /* Override browser default disabled opacity */\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: -1px;\n  }\n}\n\n/* Hide the default SVG chevron icon — Blueprint icons rendered inline instead */\n.calendarChevron {\n  display: none;\n}\n\n.calendarNavPrev {\n  order: -1;\n}\n\n.calendarMonthCaption {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n/* Visually hidden — used for accessibility-only text (caption label, dropdown labels) */\n.calendarVhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n\n/* Caption dropdowns container */\n.calendarCaptionDropdowns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--osdk-datetime-calendar-caption-gap);\n}\n\n/* Month/year selects — borderless, matching caption text weight */\n.calendarDropdown {\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-caption-font-size);\n  font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n  color: inherit;\n  background: transparent;\n  border: none;\n  padding: var(--osdk-datetime-calendar-dropdown-padding);\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-dropdown-border-radius);\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: 1px;\n  }\n}\n\n\n/* Footer — content rendered inside DayPicker's <tfoot> (constrained by the table). */\n.calendarFooter {\n  padding-top: var(--osdk-time-picker-padding-top);\n  margin-top: var(--osdk-time-picker-margin-top);\n  border-top: var(--osdk-time-picker-border-top);\n}\n\n"],"mappings":"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","names":[]}

package/build/cjs/chunk-B2GRQRWU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/action-form/fields/DateCalendar.module.css","../../src/action-form/fields/DateCalendar.tsx"],"names":["classnames","React","ChevronLeft","ChevronRight","useMemo","buildDisabledMatchers","DEFAULT_FROM_YEAR","DEFAULT_TO_YEAR","DayPicker"],"mappings":";;;;;;;;;;;;;;AAAA,IAAA,oBAAA,GAAA;;;ACsBO,IAAM,WAAA,GAAc;AAAA,EACzB,MAAM,oBAAA,CAAO,QAAA;AAAA,EACb,QAAQ,oBAAA,CAAO,cAAA;AAAA,EACf,OAAO,oBAAA,CAAO,iBAAA;AAAA,EACd,WAAW,oBAAA,CAAO,eAAA;AAAA,EAClB,MAAM,oBAAA,CAAO,WAAA;AAAA,EACb,KAAK,oBAAA,CAAO,iBAAA;AAAA,EACZ,cAAc,oBAAA,CAAO,gBAAA;AAAA,EACrB,WAAW,oBAAA,CAAO,aAAA;AAAA,EAClB,aAAa,oBAAA,CAAO,eAAA;AAAA,EACpB,cAAc,oBAAA,CAAO,gBAAA;AAAA,EACrB,YAAY,oBAAA,CAAO,cAAA;AAAA,EACnB,KAAK,oBAAA,CAAO,WAAA;AAAA,EACZ,mBAAA,EAAqBA,2BAAA,CAAW,oBAAA,CAAO,iBAAA,EAAmB,qBAAO,eAAe,CAAA;AAAA,EAChF,eAAA,EAAiBA,2BAAA,CAAW,oBAAA,CAAO,iBAAA,EAAmB,qBAAO,eAAe,CAAA;AAAA,EAC5E,SAAS,oBAAA,CAAO,oBAAA;AAAA,EAChB,eAAe,oBAAA,CAAO,eAAA;AAAA,EACtB,mBAAmB,oBAAA,CAAO,wBAAA;AAAA,EAC1B,UAAU,oBAAA,CAAO,gBAAA;AAAA,EACjB,gBAAgB,oBAAA,CAAO,gBAAA;AAAA,EACvB,eAAe,oBAAA,CAAO,gBAAA;AAAA,EACtB,UAAU,oBAAA,CAAO,eAAA;AAAA,EACjB,SAAS,oBAAA,CAAO,eAAA;AAAA,EAChB,OAAO,oBAAA,CAAO;AAChB;AACA,IAAM,aAAA,GAAgB,EAAA;AACtB,SAAS,QAAA,GAAW;AAClB,EAAA,uBAAoBC,sBAAA,CAAM,cAAcC,iBAAA,EAAa;AAAA,IACnD,IAAA,EAAM;AAAA,GACP,CAAA;AACH;AACA,SAAS,SAAA,GAAY;AACnB,EAAA,uBAAoBD,sBAAA,CAAM,cAAcE,kBAAA,EAAc;AAAA,IACpD,IAAA,EAAM;AAAA,GACP,CAAA;AACH;AACO,IAAM,mBAAA,GAAsB;AAAA,EACjC,QAAA;AAAA,EACA;AACF;AACe,SAAR,YAAA,CAA8B;AAAA,EACnC,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAG;AACD,EAAA,MAAM,QAAA,GAAWC,aAAA,CAAQ,MAAMC,uCAAA,CAAsB,GAAA,EAAK,GAAG,CAAA,EAAG,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;AAC1E,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,IAAA,GAAO,GAAA,CAAI,aAAY,GAAIC,mCAAA;AACnD,EAAA,MAAM,MAAA,GAAS,GAAA,IAAO,IAAA,GAAO,GAAA,CAAI,aAAY,GAAIC,iCAAA;AACjD,EAAA,uBAAoBN,sBAAA,CAAM,cAAcO,wBAAA,EAAW;AAAA,IACjD,IAAA,EAAM,QAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,QAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA,EAAc,YAAA;AAAA,IACd,UAAA,EAAY,WAAA;AAAA,IACZ,UAAA,EAAY,mBAAA;AAAA,IACZ,MAAA;AAAA,IAIA,aAAA,EAAe,kBAAA;AAAA,IACf,QAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA,EAAiB,IAAA;AAAA,IAGjB,UAAA,EAAY;AAAA,GACb,CAAA;AACH","file":"chunk-B2GRQRWU.cjs","sourcesContent":["/* DateCalendar — DayPicker classNames.\n   All values reference --osdk-datetime-calendar-* tokens defined in\n   react-components-styles/tokens/datetime-picker.css. */\n\n.calendar {\n  position: relative;\n  width: 100%;\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n  display: flex;\n  gap: var(--osdk-datetime-calendar-months-gap);\n}\n\n.calendarMonthGrid {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.calendarWeekday {\n  padding: var(--osdk-datetime-calendar-gap);\n  font-size: var(--osdk-datetime-calendar-weekday-font-size);\n  color: var(--osdk-datetime-calendar-weekday-color);\n  text-align: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n  padding: var(--osdk-datetime-calendar-gap);\n  text-align: center;\n}\n\n.calendarDayButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-cell-size);\n  height: var(--osdk-datetime-calendar-cell-size);\n  border: none;\n  border-radius: var(--osdk-datetime-calendar-day-border-radius);\n  background: transparent;\n  cursor: pointer;\n  font: inherit;\n  color: var(--osdk-datetime-calendar-day-color);\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-day-hover-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:active {\n    background: var(--osdk-datetime-calendar-day-active-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: -2px;\n  }\n}\n\n/* :not([disabled]) bumps specificity to (0,4,0) — matching rdp's default\n   .rdp-button:hover:not([disabled]):not(.rdp-day_selected) rule so our\n   styles win by source order. Without this, rdp overrides the selected\n   background on hover because we remap day_selected and its :not() always matches. */\n.calendarDayButton.calendarSelected {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover:not([disabled]) {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n\n  &:active:not([disabled]) {\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n}\n\n.calendarDayButton.calendarToday {\n  font-weight: var(--osdk-datetime-calendar-today-font-weight);\n}\n\n.calendarDayButton.calendarOutside {\n  color: var(--osdk-datetime-calendar-outside-color);\n  opacity: var(--osdk-datetime-calendar-outside-opacity);\n}\n\n.calendarDayButton.calendarDisabled {\n  color: var(--osdk-datetime-calendar-disabled-color);\n  cursor: default;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n/* Range selection styles — shared base for start/end endpoints */\n.calendarRangeEndpoint {\n  background: var(--osdk-datetime-calendar-selected-bg);\n  color: var(--osdk-datetime-calendar-selected-color);\n\n  &:hover:not([disabled]) {\n    background: var(--osdk-datetime-calendar-selected-hover-bg);\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n\n  &:active:not([disabled]) {\n    color: var(--osdk-datetime-calendar-selected-color);\n  }\n}\n\n\n/* Range-middle needs .calendarDayButton prefix to match specificity of\n   .calendarDayButton.calendarSelected (rdp applies both to range-middle days). */\n.calendarDayButton.calendarRangeMiddle {\n  background: var(--osdk-datetime-calendar-range-middle-bg);\n  color: var(--osdk-datetime-calendar-day-color);\n  border-radius: 0;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-range-middle-bg);\n    color: var(--osdk-datetime-calendar-day-hover-color);\n    filter: brightness(0.95);\n  }\n\n  &:active {\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n}\n\n.calendarHidden {\n  visibility: hidden;\n}\n\n/* Calendar navigation — dissolve the nav wrapper so buttons become\n   direct flex children of the caption row. This lets order: -1 move\n   the prev button before the dropdowns while next stays after. */\n.calendarNav {\n  display: contents;\n}\n\n/* Shared nav button base — small, matching dropdown caret scale */\n.calendarNavButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--osdk-datetime-calendar-nav-button-size);\n  height: var(--osdk-datetime-calendar-nav-button-size);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n  padding: 0;\n  color: inherit;\n\n  &:hover {\n    background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n  }\n\n  &:disabled {\n    color: var(--osdk-datetime-calendar-nav-disabled-color);\n    cursor: default;\n    opacity: 1; /* Override browser default disabled opacity */\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: -1px;\n  }\n}\n\n/* Hide the default SVG chevron icon — Blueprint icons rendered inline instead */\n.calendarChevron {\n  display: none;\n}\n\n.calendarNavPrev {\n  order: -1;\n}\n\n.calendarMonthCaption {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n/* Visually hidden — used for accessibility-only text (caption label, dropdown labels) */\n.calendarVhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n\n/* Caption dropdowns container */\n.calendarCaptionDropdowns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--osdk-datetime-calendar-caption-gap);\n}\n\n/* Month/year selects — borderless, matching caption text weight */\n.calendarDropdown {\n  font-family: var(--osdk-datetime-calendar-font-family);\n  font-size: var(--osdk-datetime-calendar-caption-font-size);\n  font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n  color: inherit;\n  background: transparent;\n  border: none;\n  padding: var(--osdk-datetime-calendar-dropdown-padding);\n  cursor: pointer;\n  border-radius: var(--osdk-datetime-calendar-dropdown-border-radius);\n\n  &:focus-visible {\n    outline: var(--osdk-datetime-calendar-focus-outline);\n    outline-offset: 1px;\n  }\n}\n\n\n/* Footer — content rendered inside DayPicker's <tfoot> (constrained by the table). */\n.calendarFooter {\n  padding-top: var(--osdk-time-picker-padding-top);\n  margin-top: var(--osdk-time-picker-margin-top);\n  border-top: var(--osdk-time-picker-border-top);\n}\n\n","/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ChevronLeft, ChevronRight } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { buildDisabledMatchers, DEFAULT_FROM_YEAR, DEFAULT_TO_YEAR } from \"./calendarShared.js\";\nimport styles from \"./DateCalendar.module.css\";\nexport const CLASS_NAMES = {\n  root: styles.calendar,\n  months: styles.calendarMonths,\n  table: styles.calendarMonthGrid,\n  head_cell: styles.calendarWeekday,\n  cell: styles.calendarDay,\n  day: styles.calendarDayButton,\n  day_selected: styles.calendarSelected,\n  day_today: styles.calendarToday,\n  day_outside: styles.calendarOutside,\n  day_disabled: styles.calendarDisabled,\n  day_hidden: styles.calendarHidden,\n  nav: styles.calendarNav,\n  nav_button_previous: classnames(styles.calendarNavButton, styles.calendarNavPrev),\n  nav_button_next: classnames(styles.calendarNavButton, styles.calendarNavNext),\n  caption: styles.calendarMonthCaption,\n  caption_label: styles.calendarVhidden,\n  caption_dropdowns: styles.calendarCaptionDropdowns,\n  dropdown: styles.calendarDropdown,\n  dropdown_month: styles.calendarDropdown,\n  dropdown_year: styles.calendarDropdown,\n  nav_icon: styles.calendarChevron,\n  vhidden: styles.calendarVhidden,\n  tfoot: styles.calendarFooter\n};\nconst NAV_ICON_SIZE = 12;\nfunction IconLeft() {\n  return /*#__PURE__*/React.createElement(ChevronLeft, {\n    size: NAV_ICON_SIZE\n  });\n}\nfunction IconRight() {\n  return /*#__PURE__*/React.createElement(ChevronRight, {\n    size: NAV_ICON_SIZE\n  });\n}\nexport const CALENDAR_COMPONENTS = {\n  IconLeft,\n  IconRight\n};\nexport default function DateCalendar({\n  dateSelected,\n  onSelect,\n  min,\n  max,\n  footer\n}) {\n  const disabled = useMemo(() => buildDisabledMatchers(min, max), [min, max]);\n  const fromYear = min != null ? min.getFullYear() : DEFAULT_FROM_YEAR;\n  const toYear = max != null ? max.getFullYear() : DEFAULT_TO_YEAR;\n  return /*#__PURE__*/React.createElement(DayPicker, {\n    mode: \"single\",\n    selected: dateSelected,\n    onSelect: onSelect,\n    disabled: disabled,\n    defaultMonth: dateSelected,\n    classNames: CLASS_NAMES,\n    components: CALENDAR_COMPONENTS,\n    footer: footer\n    // Render month/year as dropdown selects + prev/next arrows,\n    // so users can jump directly to any month/year without paging.\n    ,\n    captionLayout: \"dropdown-buttons\",\n    fromYear: fromYear,\n    toYear: toYear,\n    showOutsideDays: true\n    // Always render 6 rows so the calendar height doesn't jump between months.\n    ,\n    fixedWeeks: true\n  });\n}"]}