@osdk/react-components 0.12.0 → 0.13.0

package/build/browser/tokens/component-tokens/button.css

@@ -24,6 +24,21 @@
   );
   --osdk-button-secondary-border-color: var(--osdk-surface-border-color-default);
 
+  /* Minimal Button */
+  --osdk-button-minimal-bg: transparent;
+  --osdk-button-minimal-bg-hover: var(
+    --osdk-surface-background-color-default-hover
+  );
+  --osdk-button-minimal-bg-active: var(
+    --osdk-surface-background-color-default-active
+  );
+  --osdk-button-minimal-border: none;
+  --osdk-button-minimal-shadow: none;
+  --osdk-button-secondary-minimal-color: var(
+    --osdk-typography-color-default-rest
+  );
+  --osdk-button-primary-minimal-color: var(--osdk-button-primary-bg);
+
   /* Success Button */
   --osdk-button-success-color: var(--osdk-intent-success-foreground);
   --osdk-button-success-bg: var(--osdk-intent-success-rest);

package/build/browser/tokens/component-tokens/combobox.css

@@ -0,0 +1,9 @@
+:root {
+  /* Combobox popup: cap the dropdown's max-height so very long option lists
+     scroll inside the popup instead of forcing the popup to grow tall enough
+     to push other UI off-screen. The actual `max-height` rule uses
+     `min(this token, --available-height)` — `--available-height` is set
+     automatically by Base UI's `Combobox.Positioner` (same source as
+     `--anchor-width`) so the cap is automatically lowered on short viewports. */
+  --osdk-combobox-popup-max-height: 320px;
+}

package/build/browser/tokens/component-tokens/datetime-picker.css

@@ -11,7 +11,7 @@
 
   /* Calendar */
   --osdk-datetime-calendar-font-family: var(--osdk-typography-family-default);
-  --osdk-datetime-calendar-font-size: var(--osdk-typography-size-body-small);
+  --osdk-datetime-calendar-font-size: var(--osdk-input-font-size);
   --osdk-datetime-calendar-cell-size: calc(var(--osdk-surface-spacing) * 8);
   --osdk-datetime-calendar-gap: 2px;
 
@@ -26,7 +26,7 @@
   /* Calendar weekday header */
   --osdk-datetime-calendar-weekday-color: var(--osdk-typography-color-muted);
   --osdk-datetime-calendar-weekday-font-size: var(
-    --osdk-typography-size-body-x-small
+    --osdk-datetime-calendar-font-size
   );
 
   --osdk-datetime-calendar-day-color: var(--osdk-typography-color-default);

package/build/browser/tokens/component-tokens/file-picker.css

@@ -38,14 +38,4 @@
   --osdk-file-picker-trigger-border-color-error: var(
     --osdk-input-border-color-error
   );
-
-  /* Browse button */
-  --osdk-file-picker-browse-bg: var(--osdk-button-secondary-bg);
-  --osdk-file-picker-browse-bg-hover: var(--osdk-button-secondary-bg-hover);
-  --osdk-file-picker-browse-bg-active: var(--osdk-button-secondary-bg-active);
-  --osdk-file-picker-browse-color: var(--osdk-button-secondary-color);
-  --osdk-file-picker-browse-padding: calc(var(--osdk-surface-spacing) * 1.5)
-    calc(var(--osdk-surface-spacing) * 3);
-  --osdk-file-picker-browse-border-left: var(--osdk-input-border-width) solid
-    var(--osdk-input-border-color);
 }

package/build/browser/tokens/component-tokens/filter-list.css

@@ -207,8 +207,15 @@
   --osdk-filter-listogram-label-color: var(
     --osdk-typography-color-default-rest
   );
-  --osdk-filter-listogram-empty-label-color: var(--osdk-typography-color-muted);
-  --osdk-filter-listogram-empty-label-font-style: italic;
+
+  /* Canonical "No value" tokens. Used by NoValueLabel everywhere.
+     Legacy --osdk-filter-listogram-empty-label-* and
+     --osdk-filter-null-label-* tokens are honored as opt-in overrides
+     by the per-container className passed to NoValueLabel; they are
+     not declared here so that the cascade does not cycle through them. */
+  --osdk-filter-no-value-color: var(--osdk-typography-color-muted);
+  --osdk-filter-no-value-font-style: italic;
+
   --osdk-filter-listogram-bar-height: calc(var(--osdk-surface-spacing) * 2);
   --osdk-filter-listogram-bar-width: calc(var(--osdk-surface-spacing) * 12.5);
   --osdk-filter-listogram-bar-bg: var(--osdk-palette-gray-100);
@@ -286,10 +293,6 @@
   --osdk-filter-null-row-padding: calc(var(--osdk-surface-spacing) * 1) 0;
   --osdk-filter-null-row-border-top: none;
   --osdk-filter-null-label-gap: var(--osdk-surface-spacing);
-  --osdk-filter-null-label-font-family: var(--osdk-typography-family-default);
-  --osdk-filter-null-label-font-size: var(--osdk-typography-size-body-medium);
-  --osdk-filter-null-label-line-height: 1.4;
-  --osdk-filter-null-label-color: var(--osdk-typography-color-default-rest);
   --osdk-filter-null-count-font-family: var(--osdk-typography-family-default);
   --osdk-filter-null-count-font-size: var(--osdk-typography-size-body-small);
   --osdk-filter-null-count-color: var(--osdk-typography-color-muted);

package/build/browser/tokens/component-tokens/form-section.css

@@ -48,7 +48,7 @@
   --osdk-form-section-content-padding-inline: calc(
     var(--osdk-surface-spacing) * 2.5
   );
-  --osdk-form-section-field-gap: var(--osdk-form-field-gap);
+  --osdk-form-section-field-gap: var(--osdk-form-fields-gap);
   --osdk-form-section-grid-column-gap: calc(var(--osdk-surface-spacing) * 4);
 
   /* Minimal style */

package/build/browser/tokens/component-tokens/form.css

@@ -1,15 +1,15 @@
 :root {
   /* Form layout */
-  --osdk-form-content-padding: calc(var(--osdk-surface-spacing) * 4);
-  --osdk-form-field-gap: calc(var(--osdk-surface-spacing) * 4);
+  --osdk-form-fields-gap: calc(var(--osdk-surface-spacing) * 1.5);
+  --osdk-form-content-padding-inline: 0;
+  --osdk-form-content-padding-block: 0;
 
   /* Form header */
   --osdk-form-header-border-color: var(--osdk-surface-border-color-default);
   --osdk-form-header-font-size: var(--osdk-typography-size-body-large);
   --osdk-form-header-font-weight: var(--osdk-typography-weight-bold);
   --osdk-form-header-color: var(--osdk-typography-color-default-rest);
-  --osdk-form-header-block-padding: calc(var(--osdk-surface-spacing) * 3);
-  --osdk-form-header-inline-padding: var(--osdk-form-content-padding);
+  --osdk-form-header-block-padding: calc(var(--osdk-surface-spacing) * 2);
 
   /* Form footer */
   --osdk-form-footer-border-color: var(--osdk-surface-border-color-default);
@@ -18,7 +18,7 @@
   --osdk-form-label-font-size: var(--osdk-typography-size-body-medium);
   --osdk-form-label-font-weight: var(--osdk-typography-weight-bold);
   --osdk-form-label-color: var(--osdk-typography-color-default-rest);
-  --osdk-form-label-field-gap: calc(var(--osdk-surface-spacing) * 1.5);
+  --osdk-form-field-gap: var(--osdk-surface-spacing);
 
   /* Label row (label + info icon) */
   --osdk-form-label-row-gap: calc(var(--osdk-surface-spacing) * 1);
@@ -38,6 +38,10 @@
 
   /* Validation errors */
   --osdk-form-error-font-size: var(--osdk-typography-size-body-small);
+  --osdk-form-error-line-height: var(--osdk-typography-line-height-default);
+  --osdk-form-error-reserved-block-size: calc(
+    var(--osdk-form-error-font-size) * var(--osdk-form-error-line-height)
+  );
   --osdk-form-error-color: var(--osdk-typography-color-danger-rest);
 
   /* Form footer error indicator */

package/build/browser/tokens/component-tokens/table.css

@@ -21,12 +21,12 @@
   --osdk-table-row-bg-default: var(--osdk-background-primary);
   --osdk-table-row-bg-alternate: var(--osdk-background-tertiary);
   --osdk-table-row-bg-hover: color-mix(
-    in oklch,
+    in srgb,
     var(--osdk-intent-primary-hover) 10%,
     var(--osdk-background-primary)
   );
   --osdk-table-row-bg-active: color-mix(
-    in oklch,
+    in srgb,
     var(--osdk-intent-primary-hover) 10%,
     var(--osdk-background-primary)
   );
@@ -48,9 +48,7 @@
   --osdk-table-header-menu-color-active: var(
     --osdk-typography-color-default-rest
   );
-  --osdk-table-header-menu-icon-color: var(
-    --osdk-table-header-menu-color
-  );
+  --osdk-table-header-menu-icon-color: var(--osdk-table-header-menu-color);
   --osdk-table-header-menu-bg-hover: var(--osdk-custom-color-gray-1);
   --osdk-table-header-menu-bg-active: var(--osdk-custom-color-gray-2);
 

package/build/browser/tokens.css

@@ -6,6 +6,7 @@
 @import "./tokens/component-tokens/button.css";
 @import "./tokens/component-tokens/cbac-picker.css";
 @import "./tokens/component-tokens/checkbox.css";
+@import "./tokens/component-tokens/combobox.css";
 @import "./tokens/component-tokens/datetime-picker.css";
 @import "./tokens/component-tokens/dialog.css";
 @import "./tokens/component-tokens/draggable.css";

package/build/browser/util/UserAgent.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-const PACKAGE_USER_AGENT = `osdk-react-components/${"0.12.0"}`;
+const PACKAGE_USER_AGENT = `osdk-react-components/${"0.13.0"}`;
 export function componentUserAgent(componentName) {
   return `${PACKAGE_USER_AGENT}/${componentName}`;
 }

package/build/cjs/{DateCalendar-2W4QHEEI.css → DateCalendar-G7RC2FCG.css}

@@ -1,3 +1,59 @@
+/* src/base-components/action-button/ActionButton.module.css */
+.button {
+  min-height: var(--osdk-button-min-height);
+  padding: calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 1.75);
+  border: var(--osdk-button-border);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-button-shadow);
+  font-size: var(--osdk-typography-size-body-medium);
+  cursor: pointer;
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+.secondaryButton {
+  background-color: var(--osdk-button-secondary-bg);
+  border-color: var(--osdk-button-secondary-border-color);
+  color: var(--osdk-button-secondary-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-active);
+  }
+}
+.primaryButton {
+  background-color: var(--osdk-button-primary-bg);
+  border-color: var(--osdk-button-primary-border-color);
+  color: var(--osdk-button-primary-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-active);
+  }
+}
+.minimalButton {
+  background-color: var(--osdk-button-minimal-bg);
+  border: var(--osdk-button-minimal-border);
+  box-shadow: var(--osdk-button-minimal-shadow);
+  color: var(--osdk-button-secondary-minimal-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-active);
+  }
+}
+.primaryButton.minimalButton {
+  color: var(--osdk-button-primary-minimal-color);
+}
+
 /* src/action-form/fields/DateCalendar.module.css */
 .calendar {
   position: relative;
@@ -21,6 +77,7 @@
   width: var(--osdk-datetime-calendar-cell-size);
 }
 .calendarDay {
+  position: relative;
   padding: var(--osdk-datetime-calendar-gap);
   text-align: center;
 }
@@ -85,19 +142,48 @@
     color: var(--osdk-datetime-calendar-selected-color);
   }
 }
-.calendarDayButton.calendarRangeMiddle {
+.calendarDay:has(.calendarRangeStart)::before,
+.calendarDay:has(.calendarRangeMiddle)::before,
+.calendarDay:has(.calendarRangeEnd)::before {
+  content: "";
+  position: absolute;
+  inset-block: var(--osdk-datetime-calendar-gap);
   background: var(--osdk-datetime-calendar-range-middle-bg);
+  pointer-events: none;
+}
+.calendarDay:has(.calendarRangeStart)::before {
+  inset-inline-start: 50%;
+  inset-inline-end: 0;
+}
+.calendarDay:has(.calendarRangeMiddle)::before {
+  inset-inline: 0;
+}
+.calendarDay:has(.calendarRangeEnd)::before {
+  inset-inline-start: 0;
+  inset-inline-end: 50%;
+}
+.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {
+  content: none;
+}
+.calendarDayButton.calendarRangeMiddle {
+  background: transparent;
   color: var(--osdk-datetime-calendar-day-color);
   border-radius: 0;
   &:hover {
-    background: var(--osdk-datetime-calendar-range-middle-bg);
+    background: transparent;
     color: var(--osdk-datetime-calendar-day-hover-color);
-    filter: brightness(0.95);
   }
   &:active {
     color: var(--osdk-datetime-calendar-day-hover-color);
   }
 }
+.calendarRangeFooter {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  column-gap: var(--osdk-datetime-calendar-months-gap);
+  justify-items: center;
+  padding-block-start: var(--osdk-time-picker-padding-top);
+}
 .calendarHidden {
   visibility: hidden;
 }
@@ -159,6 +245,7 @@
   gap: var(--osdk-datetime-calendar-caption-gap);
 }
 .calendarDropdown {
+  field-sizing: content;
   font-family: var(--osdk-datetime-calendar-font-family);
   font-size: var(--osdk-datetime-calendar-caption-font-size);
   font-weight: var(--osdk-datetime-calendar-caption-font-weight);
@@ -173,9 +260,19 @@
     outline-offset: 1px;
   }
 }
-.calendarFooter {
-  padding-top: var(--osdk-time-picker-padding-top);
-  margin-top: var(--osdk-time-picker-margin-top);
-  border-top: var(--osdk-time-picker-border-top);
+.calendarTimeFooter {
+  display: flex;
+  justify-content: center;
+  padding-block-start: var(--osdk-time-picker-padding-top);
+}
+.calendarActionBar {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--osdk-surface-spacing);
+  padding-block-start: var(--osdk-time-picker-padding-top);
+  padding-inline: var(--osdk-datetime-popover-padding);
+  margin-block-start: var(--osdk-time-picker-margin-top);
+  margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);
+  border-block-start: var(--osdk-time-picker-border-top);
 }
-/*# sourceMappingURL=DateCalendar-2W4QHEEI.css.map */
+/*# sourceMappingURL=DateCalendar-G7RC2FCG.css.map */

package/build/cjs/DateCalendar-G7RC2FCG.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/base-components/action-button/ActionButton.module.css","../../src/action-form/fields/DateCalendar.module.css"],"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\n.button {\n  min-height: var(--osdk-button-min-height);\n  padding: calc(var(--osdk-surface-spacing) * 1.5)\n    calc(var(--osdk-surface-spacing) * 1.75);\n  border: var(--osdk-button-border);\n  border-radius: var(--osdk-surface-border-radius);\n  box-shadow: var(--osdk-button-shadow);\n  font-size: var(--osdk-typography-size-body-medium);\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: var(--osdk-focus-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n.secondaryButton {\n  background-color: var(--osdk-button-secondary-bg);\n  border-color: var(--osdk-button-secondary-border-color);\n  color: var(--osdk-button-secondary-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-secondary-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-secondary-bg-active);\n  }\n}\n\n.primaryButton {\n  background-color: var(--osdk-button-primary-bg);\n  border-color: var(--osdk-button-primary-border-color);\n  color: var(--osdk-button-primary-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-primary-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-primary-bg-active);\n  }\n}\n\n.minimalButton {\n  background-color: var(--osdk-button-minimal-bg);\n  border: var(--osdk-button-minimal-border);\n  box-shadow: var(--osdk-button-minimal-shadow);\n  color: var(--osdk-button-secondary-minimal-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-minimal-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-minimal-bg-active);\n  }\n}\n\n.primaryButton.minimalButton {\n  color: var(--osdk-button-primary-minimal-color);\n}\n","/* 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  position: relative;\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/* Day buttons are inset by cell padding; paint the range on the table cell too\n   so the range spans horizontal gaps while staying the same height as a day. */\n.calendarDay:has(.calendarRangeStart)::before,\n.calendarDay:has(.calendarRangeMiddle)::before,\n.calendarDay:has(.calendarRangeEnd)::before {\n  content: \"\";\n  position: absolute;\n  inset-block: var(--osdk-datetime-calendar-gap);\n  background: var(--osdk-datetime-calendar-range-middle-bg);\n  pointer-events: none;\n}\n\n.calendarDay:has(.calendarRangeStart)::before {\n  inset-inline-start: 50%;\n  inset-inline-end: 0;\n}\n\n.calendarDay:has(.calendarRangeMiddle)::before {\n  inset-inline: 0;\n}\n\n.calendarDay:has(.calendarRangeEnd)::before {\n  inset-inline-start: 0;\n  inset-inline-end: 50%;\n}\n\n.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {\n  content: none;\n}\n\n/* The table cell owns the translucent range fill. Keeping the middle button\n   transparent avoids alpha-stacking the same token over itself. */\n.calendarDayButton.calendarRangeMiddle {\n  background: transparent;\n  color: var(--osdk-datetime-calendar-day-color);\n  border-radius: 0;\n\n  &:hover {\n    background: transparent;\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:active {\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n}\n\n.calendarRangeFooter {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  column-gap: var(--osdk-datetime-calendar-months-gap);\n  justify-items: center;\n  padding-block-start: var(--osdk-time-picker-padding-top);\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  /* Native selects otherwise reserve room for the longest option, which makes\n     the month caret drift away from short month names like \"May\". */\n  field-sizing: content;\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.calendarTimeFooter {\n  display: flex;\n  justify-content: center;\n  padding-block-start: var(--osdk-time-picker-padding-top);\n}\n\n.calendarActionBar {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--osdk-surface-spacing);\n  padding-block-start: var(--osdk-time-picker-padding-top);\n  padding-inline: var(--osdk-datetime-popover-padding);\n  margin-block-start: var(--osdk-time-picker-margin-top);\n  margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);\n  border-block-start: var(--osdk-time-picker-border-top);\n}\n"],"mappings":";AAgBA,CAAC;AACC,cAAY,IAAI;AAChB,WAAS,KAAK,IAAI,wBAAwB,EAAE,KAC1C,KAAK,IAAI,wBAAwB,EAAE;AACrC,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,aAAW,IAAI;AACf,UAAQ;AAER,GAAC;AACC,aAAS,IAAI;AACb,oBAAgB,IAAI;AACtB;AAEA,GAAC;AACC,aAAS;AACT,YAAQ;AACV;AACF;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK;AACV,sBAAkB,IAAI;AACxB;AAEA,GAAC,OAAO,KAAK;AACX,sBAAkB,IAAI;AACxB;AACF;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK;AACV,sBAAkB,IAAI;AACxB;AAEA,GAAC,OAAO,KAAK;AACX,sBAAkB,IAAI;AACxB;AACF;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,UAAQ,IAAI;AACZ,cAAY,IAAI;AAChB,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK;AACV,sBAAkB,IAAI;AACxB;AAEA,GAAC,OAAO,KAAK;AACX,sBAAkB,IAAI;AACxB;AACF;AAEA,CA7BC,aA6Ba,CAfb;AAgBC,SAAO,IAAI;AACb;;;AC9EA,CAAC;AACC,YAAU;AACV,SAAO;AACP,eAAa,IAAI;AACjB,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,WAAS;AACT,OAAK,IAAI;AACX;AAEA,CAAC;AACC,SAAO;AACP,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS,IAAI;AACb,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY;AACZ,SAAO,IAAI;AACb;AAEA,CAAC;AACC,YAAU;AACV,WAAS,IAAI;AACb,cAAY;AACd;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,QAAM;AACN,SAAO,IAAI;AAEX,GAAC;AACC,gBAAY,IAAI;AAChB,WAAO,IAAI;AACb;AAEA,GAAC;AACC,gBAAY,IAAI;AAChB,WAAO,IAAI;AACb;AAEA,GAAC;AACC,aAAS,IAAI;AACb,oBAAgB;AAClB;AACF;AAMA,CAjCC,iBAiCiB,CAAC;AACjB,cAAY,IAAI;AAChB,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK,CAAC;AACX,gBAAY,IAAI;AAChB,WAAO,IAAI;AACb;AAEA,GAAC,OAAO,KAAK,CAAC;AACZ,WAAO,IAAI;AACb;AACF;AAEA,CA/CC,iBA+CiB,CAAC;AACjB,eAAa,IAAI;AACnB;AAEA,CAnDC,iBAmDiB,CAAC;AACjB,SAAO,IAAI;AACX,WAAS,IAAI;AACf;AAEA,CAxDC,iBAwDiB,CAAC;AACjB,SAAO,IAAI;AACX,UAAQ;AAER,GAAC;AACC,gBAAY;AACd;AACF;AAGA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK,CAAC;AACX,gBAAY,IAAI;AAChB,WAAO,IAAI;AACb;AAEA,GAAC,OAAO,KAAK,CAAC;AACZ,WAAO,IAAI;AACb;AACF;AAIA,CAxFC,WAwFW,KAAK,CAAC,mBAAmB;AACrC,CAzFC,WAyFW,KAAK,CAAC,oBAAoB;AACtC,CA1FC,WA0FW,KAAK,CAAC,iBAAiB;AACjC,WAAS;AACT,YAAU;AACV,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,kBAAgB;AAClB;AAEA,CAlGC,WAkGW,KAAK,CAVC,mBAUmB;AACnC,sBAAoB;AACpB,oBAAkB;AACpB;AAEA,CAvGC,WAuGW,KAAK,CAdC,oBAcoB;AACpC,gBAAc;AAChB;AAEA,CA3GC,WA2GW,KAAK,CAjBC,iBAiBiB;AACjC,sBAAoB;AACpB,oBAAkB;AACpB;AAEA,CAhHC,WAgHW,KAAK,CAxBC,kBAwBkB,CAtBlB,iBAsBoC;AACpD,WAAS;AACX;AAIA,CAhHC,iBAgHiB,CA7BA;AA8BhB,cAAY;AACZ,SAAO,IAAI;AACX,iBAAe;AAEf,GAAC;AACC,gBAAY;AACZ,WAAO,IAAI;AACb;AAEA,GAAC;AACC,WAAO,IAAI;AACb;AACF;AAEA,CAAC;AACC,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;AAC3C,cAAY,IAAI;AAChB,iBAAe;AACf,uBAAqB,IAAI;AAC3B;AAEA,CAAC;AACC,cAAY;AACd;AAKA,CAAC;AACC,WAAS;AACX;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,iBAAe,IAAI;AACnB,WAAS;AACT,SAAO;AAEP,GAAC;AACC,gBAAY,IAAI;AAClB;AAEA,GAAC;AACC,WAAO,IAAI;AACX,YAAQ;AACR,aAAS;AAET,KAAC;AACC,kBAAY;AACd;AACF;AAEA,GAAC;AACC,aAAS,IAAI;AACb,oBAAgB;AAClB;AACF;AAGA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,IAAI;AAClB;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,YAAU;AACV,aAAW,MAAM;AACjB,eAAa;AACf;AAIA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACX;AAGA,CAAC;AAGC,gBAAc;AACd,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,WAAS,IAAI;AACb,UAAQ;AACR,iBAAe,IAAI;AAEnB,GAAC;AACC,aAAS,IAAI;AACb,oBAAgB;AAClB;AACF;AAGA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,uBAAqB,IAAI;AAC3B;AAEA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,OAAK,IAAI;AACT,uBAAqB,IAAI;AACzB,kBAAgB,IAAI;AACpB,sBAAoB,IAAI;AACxB,iBAAe,KAAK,IAAI,iCAAiC,EAAE;AAC3D,sBAAoB,IAAI;AAC1B;","names":[]}

package/build/cjs/DateCalendar-RX7HP2XP.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkTOJSJN3L_cjs = require('./chunk-TOJSJN3L.cjs');
+require('./chunk-V7XWTJV7.cjs');
+require('./chunk-MD4KDE44.cjs');
+require('./chunk-MQYOHGPY.cjs');
+require('./chunk-Q2W6GYRK.cjs');
+
+
+
+Object.defineProperty(exports, "CALENDAR_COMPONENTS", {
+  enumerable: true,
+  get: function () { return chunkTOJSJN3L_cjs.CALENDAR_COMPONENTS; }
+});
+Object.defineProperty(exports, "CLASS_NAMES", {
+  enumerable: true,
+  get: function () { return chunkTOJSJN3L_cjs.CLASS_NAMES; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkTOJSJN3L_cjs.DateCalendar; }
+});
+//# sourceMappingURL=DateCalendar-RX7HP2XP.cjs.map
+//# sourceMappingURL=DateCalendar-RX7HP2XP.cjs.map

package/build/cjs/{DateCalendar-QGSYBWJB.cjs.map → DateCalendar-RX7HP2XP.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"DateCalendar-QGSYBWJB.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"DateCalendar-RX7HP2XP.cjs"}

package/build/cjs/{DateRangeCalendar-M63S2LLG.css → DateRangeCalendar-JBVYJDBJ.css}

@@ -1,3 +1,59 @@
+/* src/base-components/action-button/ActionButton.module.css */
+.button {
+  min-height: var(--osdk-button-min-height);
+  padding: calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 1.75);
+  border: var(--osdk-button-border);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-button-shadow);
+  font-size: var(--osdk-typography-size-body-medium);
+  cursor: pointer;
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+.secondaryButton {
+  background-color: var(--osdk-button-secondary-bg);
+  border-color: var(--osdk-button-secondary-border-color);
+  color: var(--osdk-button-secondary-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-active);
+  }
+}
+.primaryButton {
+  background-color: var(--osdk-button-primary-bg);
+  border-color: var(--osdk-button-primary-border-color);
+  color: var(--osdk-button-primary-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-active);
+  }
+}
+.minimalButton {
+  background-color: var(--osdk-button-minimal-bg);
+  border: var(--osdk-button-minimal-border);
+  box-shadow: var(--osdk-button-minimal-shadow);
+  color: var(--osdk-button-secondary-minimal-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-active);
+  }
+}
+.primaryButton.minimalButton {
+  color: var(--osdk-button-primary-minimal-color);
+}
+
 /* src/action-form/fields/DateCalendar.module.css */
 .calendar {
   position: relative;
@@ -21,6 +77,7 @@
   width: var(--osdk-datetime-calendar-cell-size);
 }
 .calendarDay {
+  position: relative;
   padding: var(--osdk-datetime-calendar-gap);
   text-align: center;
 }
@@ -85,19 +142,48 @@
     color: var(--osdk-datetime-calendar-selected-color);
   }
 }
-.calendarDayButton.calendarRangeMiddle {
+.calendarDay:has(.calendarRangeStart)::before,
+.calendarDay:has(.calendarRangeMiddle)::before,
+.calendarDay:has(.calendarRangeEnd)::before {
+  content: "";
+  position: absolute;
+  inset-block: var(--osdk-datetime-calendar-gap);
   background: var(--osdk-datetime-calendar-range-middle-bg);
+  pointer-events: none;
+}
+.calendarDay:has(.calendarRangeStart)::before {
+  inset-inline-start: 50%;
+  inset-inline-end: 0;
+}
+.calendarDay:has(.calendarRangeMiddle)::before {
+  inset-inline: 0;
+}
+.calendarDay:has(.calendarRangeEnd)::before {
+  inset-inline-start: 0;
+  inset-inline-end: 50%;
+}
+.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {
+  content: none;
+}
+.calendarDayButton.calendarRangeMiddle {
+  background: transparent;
   color: var(--osdk-datetime-calendar-day-color);
   border-radius: 0;
   &:hover {
-    background: var(--osdk-datetime-calendar-range-middle-bg);
+    background: transparent;
     color: var(--osdk-datetime-calendar-day-hover-color);
-    filter: brightness(0.95);
   }
   &:active {
     color: var(--osdk-datetime-calendar-day-hover-color);
   }
 }
+.calendarRangeFooter {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  column-gap: var(--osdk-datetime-calendar-months-gap);
+  justify-items: center;
+  padding-block-start: var(--osdk-time-picker-padding-top);
+}
 .calendarHidden {
   visibility: hidden;
 }
@@ -159,6 +245,7 @@
   gap: var(--osdk-datetime-calendar-caption-gap);
 }
 .calendarDropdown {
+  field-sizing: content;
   font-family: var(--osdk-datetime-calendar-font-family);
   font-size: var(--osdk-datetime-calendar-caption-font-size);
   font-weight: var(--osdk-datetime-calendar-caption-font-weight);
@@ -173,9 +260,19 @@
     outline-offset: 1px;
   }
 }
-.calendarFooter {
-  padding-top: var(--osdk-time-picker-padding-top);
-  margin-top: var(--osdk-time-picker-margin-top);
-  border-top: var(--osdk-time-picker-border-top);
+.calendarTimeFooter {
+  display: flex;
+  justify-content: center;
+  padding-block-start: var(--osdk-time-picker-padding-top);
+}
+.calendarActionBar {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--osdk-surface-spacing);
+  padding-block-start: var(--osdk-time-picker-padding-top);
+  padding-inline: var(--osdk-datetime-popover-padding);
+  margin-block-start: var(--osdk-time-picker-margin-top);
+  margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);
+  border-block-start: var(--osdk-time-picker-border-top);
 }
-/*# sourceMappingURL=DateRangeCalendar-M63S2LLG.css.map */
+/*# sourceMappingURL=DateRangeCalendar-JBVYJDBJ.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/base-components/action-button/ActionButton.module.css","../../src/action-form/fields/DateCalendar.module.css"],"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\n.button {\n  min-height: var(--osdk-button-min-height);\n  padding: calc(var(--osdk-surface-spacing) * 1.5)\n    calc(var(--osdk-surface-spacing) * 1.75);\n  border: var(--osdk-button-border);\n  border-radius: var(--osdk-surface-border-radius);\n  box-shadow: var(--osdk-button-shadow);\n  font-size: var(--osdk-typography-size-body-medium);\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: var(--osdk-focus-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n.secondaryButton {\n  background-color: var(--osdk-button-secondary-bg);\n  border-color: var(--osdk-button-secondary-border-color);\n  color: var(--osdk-button-secondary-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-secondary-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-secondary-bg-active);\n  }\n}\n\n.primaryButton {\n  background-color: var(--osdk-button-primary-bg);\n  border-color: var(--osdk-button-primary-border-color);\n  color: var(--osdk-button-primary-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-primary-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-primary-bg-active);\n  }\n}\n\n.minimalButton {\n  background-color: var(--osdk-button-minimal-bg);\n  border: var(--osdk-button-minimal-border);\n  box-shadow: var(--osdk-button-minimal-shadow);\n  color: var(--osdk-button-secondary-minimal-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-minimal-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-minimal-bg-active);\n  }\n}\n\n.primaryButton.minimalButton {\n  color: var(--osdk-button-primary-minimal-color);\n}\n","/* 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  position: relative;\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/* Day buttons are inset by cell padding; paint the range on the table cell too\n   so the range spans horizontal gaps while staying the same height as a day. */\n.calendarDay:has(.calendarRangeStart)::before,\n.calendarDay:has(.calendarRangeMiddle)::before,\n.calendarDay:has(.calendarRangeEnd)::before {\n  content: \"\";\n  position: absolute;\n  inset-block: var(--osdk-datetime-calendar-gap);\n  background: var(--osdk-datetime-calendar-range-middle-bg);\n  pointer-events: none;\n}\n\n.calendarDay:has(.calendarRangeStart)::before {\n  inset-inline-start: 50%;\n  inset-inline-end: 0;\n}\n\n.calendarDay:has(.calendarRangeMiddle)::before {\n  inset-inline: 0;\n}\n\n.calendarDay:has(.calendarRangeEnd)::before {\n  inset-inline-start: 0;\n  inset-inline-end: 50%;\n}\n\n.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {\n  content: none;\n}\n\n/* The table cell owns the translucent range fill. Keeping the middle button\n   transparent avoids alpha-stacking the same token over itself. */\n.calendarDayButton.calendarRangeMiddle {\n  background: transparent;\n  color: var(--osdk-datetime-calendar-day-color);\n  border-radius: 0;\n\n  &:hover {\n    background: transparent;\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n\n  &:active {\n    color: var(--osdk-datetime-calendar-day-hover-color);\n  }\n}\n\n.calendarRangeFooter {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  column-gap: var(--osdk-datetime-calendar-months-gap);\n  justify-items: center;\n  padding-block-start: var(--osdk-time-picker-padding-top);\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  /* Native selects otherwise reserve room for the longest option, which makes\n     the month caret drift away from short month names like \"May\". */\n  field-sizing: content;\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.calendarTimeFooter {\n  display: flex;\n  justify-content: center;\n  padding-block-start: var(--osdk-time-picker-padding-top);\n}\n\n.calendarActionBar {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--osdk-surface-spacing);\n  padding-block-start: var(--osdk-time-picker-padding-top);\n  padding-inline: var(--osdk-datetime-popover-padding);\n  margin-block-start: var(--osdk-time-picker-margin-top);\n  margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);\n  border-block-start: var(--osdk-time-picker-border-top);\n}\n"],"mappings":"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","names":[]}

package/build/cjs/DateRangeCalendar-OHT4IUWQ.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var chunkTOJSJN3L_cjs = require('./chunk-TOJSJN3L.cjs');
+var chunkV7XWTJV7_cjs = require('./chunk-V7XWTJV7.cjs');
+require('./chunk-MD4KDE44.cjs');
+require('./chunk-MQYOHGPY.cjs');
+require('./chunk-Q2W6GYRK.cjs');
+var classnames = require('classnames');
+var React = require('react');
+var reactDayPicker = require('react-day-picker');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CLASS_NAMES2 = {
+  ...chunkTOJSJN3L_cjs.CLASS_NAMES,
+  day_range_start: classnames__default.default(chunkTOJSJN3L_cjs.DateCalendar_default.calendarRangeEndpoint, chunkTOJSJN3L_cjs.DateCalendar_default.calendarRangeStart),
+  day_range_middle: chunkTOJSJN3L_cjs.DateCalendar_default.calendarRangeMiddle,
+  day_range_end: classnames__default.default(chunkTOJSJN3L_cjs.DateCalendar_default.calendarRangeEndpoint, chunkTOJSJN3L_cjs.DateCalendar_default.calendarRangeEnd)
+};
+function DateRangeCalendar({
+  selected,
+  onSelect,
+  min,
+  max,
+  footer
+}) {
+  const disabled = React.useMemo(() => chunkV7XWTJV7_cjs.buildDisabledMatchers(min, max), [min, max]);
+  const fromYear = min != null ? min.getFullYear() : chunkV7XWTJV7_cjs.DEFAULT_FROM_YEAR;
+  const toYear = max != null ? max.getFullYear() : chunkV7XWTJV7_cjs.DEFAULT_TO_YEAR;
+  const calendarFooter = footer == null ? void 0 : /* @__PURE__ */ React__default.default.createElement("div", {
+    className: chunkTOJSJN3L_cjs.DateCalendar_default.calendarRangeFooter
+  }, footer);
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactDayPicker.DayPicker, {
+    mode: "range",
+    selected,
+    onSelect,
+    disabled,
+    defaultMonth: selected?.from,
+    classNames: CLASS_NAMES2,
+    components: chunkTOJSJN3L_cjs.CALENDAR_COMPONENTS,
+    captionLayout: "dropdown-buttons",
+    fromYear,
+    toYear,
+    numberOfMonths: 2,
+    pagedNavigation: true
+  }), calendarFooter);
+}
+
+module.exports = DateRangeCalendar;
+//# sourceMappingURL=DateRangeCalendar-OHT4IUWQ.cjs.map
+//# sourceMappingURL=DateRangeCalendar-OHT4IUWQ.cjs.map