@elastic/eui 97.0.0 → 97.0.1-0

package/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js

@@ -38,6 +38,8 @@ export var EuiAbsoluteTab = function EuiAbsoluteTab(_ref) {
     locale = _ref.locale,
     roundUp = _ref.roundUp,
     utcOffset = _ref.utcOffset,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
     labelPrefix = _ref.labelPrefix;
   var styles = useEuiMemoizedStyles(euiAbsoluteTabDateFormStyles);
   var _useState = useState(function () {
@@ -131,7 +133,9 @@ export var EuiAbsoluteTab = function EuiAbsoluteTab(_ref) {
     dateFormat: dateFormat,
     timeFormat: timeFormat,
     locale: locale,
-    utcOffset: utcOffset
+    utcOffset: utcOffset,
+    minDate: minDate,
+    maxDate: maxDate
   }), ___EmotionJSX(EuiFlexGroup, {
     component: "form",
     onSubmit: function onSubmit(e) {
@@ -176,5 +180,7 @@ EuiAbsoluteTab.propTypes = {
   onChange: PropTypes.func.isRequired,
   roundUp: PropTypes.bool.isRequired,
   labelPrefix: PropTypes.string.isRequired,
-  utcOffset: PropTypes.number
+  utcOffset: PropTypes.number,
+  minDate: PropTypes.any,
+  maxDate: PropTypes.any
 };

package/es/components/date_picker/super_date_picker/date_popover/date_popover_button.js

@@ -1,4 +1,4 @@
-var _excluded = ["position", "isDisabled", "isInvalid", "needsUpdating", "value", "buttonProps", "canRoundRelativeUnits", "roundUp", "onChange", "locale", "dateFormat", "utcOffset", "timeFormat", "isOpen", "onPopoverToggle", "onPopoverClose", "compressed", "timeOptions"];
+var _excluded = ["position", "isDisabled", "isInvalid", "needsUpdating", "value", "buttonProps", "canRoundRelativeUnits", "roundUp", "onChange", "locale", "dateFormat", "utcOffset", "minDate", "maxDate", "timeFormat", "isOpen", "onPopoverToggle", "onPopoverClose", "compressed", "timeOptions"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -35,6 +35,8 @@ export var EuiDatePopoverButton = function EuiDatePopoverButton(props) {
     locale = props.locale,
     dateFormat = props.dateFormat,
     utcOffset = props.utcOffset,
+    minDate = props.minDate,
+    maxDate = props.maxDate,
     timeFormat = props.timeFormat,
     isOpen = props.isOpen,
     onPopoverToggle = props.onPopoverToggle,
@@ -95,7 +97,9 @@ export var EuiDatePopoverButton = function EuiDatePopoverButton(props) {
     locale: locale,
     position: position,
     utcOffset: utcOffset,
-    timeOptions: timeOptions
+    timeOptions: timeOptions,
+    minDate: minDate,
+    maxDate: maxDate
   }));
 };
 EuiDatePopoverButton.propTypes = {
@@ -121,6 +125,8 @@ EuiDatePopoverButton.propTypes = {
   timeFormat: PropTypes.string.isRequired,
   value: PropTypes.string.isRequired,
   utcOffset: PropTypes.number,
+  minDate: PropTypes.any,
+  maxDate: PropTypes.any,
   compressed: PropTypes.bool,
   timeOptions: PropTypes.shape({
     timeTenseOptions: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,

package/es/components/date_picker/super_date_picker/date_popover/date_popover_content.js

@@ -31,7 +31,9 @@ export var EuiDatePopoverContent = function EuiDatePopoverContent(_ref) {
     locale = _ref.locale,
     position = _ref.position,
     utcOffset = _ref.utcOffset,
-    timeOptions = _ref.timeOptions;
+    timeOptions = _ref.timeOptions,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate;
   var styles = useEuiMemoizedStyles(euiDatePopoverContentStyles);
   var onTabClick = function onTabClick(selectedTab) {
     switch (selectedTab.id) {
@@ -60,7 +62,9 @@ export var EuiDatePopoverContent = function EuiDatePopoverContent(_ref) {
       onChange: onChange,
       roundUp: roundUp,
       labelPrefix: labelPrefix,
-      utcOffset: utcOffset
+      utcOffset: utcOffset,
+      minDate: minDate,
+      maxDate: maxDate
     }),
     'data-test-subj': 'superDatePickerAbsoluteTab',
     'aria-label': "".concat(labelPrefix, ": ").concat(absoluteLabel)
@@ -130,6 +134,8 @@ EuiDatePopoverContent.propTypes = {
   locale: PropTypes.any,
   position: PropTypes.oneOf(["start", "end"]).isRequired,
   utcOffset: PropTypes.number,
+  minDate: PropTypes.any,
+  maxDate: PropTypes.any,
   timeOptions: PropTypes.shape({
     timeTenseOptions: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,
     timeUnitsOptions: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,

package/es/components/date_picker/super_date_picker/super_date_picker.js

@@ -45,7 +45,7 @@ import { EuiDatePopoverButton } from './date_popover/date_popover_button';
 import { EuiAutoRefresh, EuiAutoRefreshButton } from '../auto_refresh/auto_refresh';
 import { euiSuperDatePickerStyles } from './super_date_picker.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-function isRangeInvalid(start, end) {
+function isRangeInvalid(start, end, minDate, maxDate) {
   if (start === 'now' && end === 'now') {
     return true;
   }
@@ -53,7 +53,7 @@ function isRangeInvalid(start, end) {
   var endMoment = dateMath.parse(end, {
     roundUp: true
   });
-  var isInvalid = !startMoment || !endMoment || !startMoment.isValid() || !endMoment.isValid() || !moment(startMoment).isValid() || !moment(endMoment).isValid() || startMoment.isAfter(endMoment);
+  var isInvalid = !startMoment || !endMoment || !startMoment.isValid() || !endMoment.isValid() || !moment(startMoment).isValid() || !moment(endMoment).isValid() || startMoment.isAfter(endMoment) || endMoment.isBefore(startMoment) || minDate != null && startMoment.isBefore(minDate) || maxDate != null && endMoment.isAfter(maxDate);
   return isInvalid;
 }
 export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
@@ -72,7 +72,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
       },
       start: _this.props.start,
       end: _this.props.end,
-      isInvalid: isRangeInvalid(_this.props.start, _this.props.end),
+      isInvalid: isRangeInvalid(_this.props.start, _this.props.end, _this.props.minDate, _this.props.maxDate),
       hasChanged: false,
       showPrettyDuration: showPrettyDuration(_this.props.start, _this.props.end, _this.props.commonlyUsedRanges),
       isStartDatePopoverOpen: false,
@@ -81,7 +81,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "setTime", function (_ref) {
       var end = _ref.end,
         start = _ref.start;
-      var isInvalid = isRangeInvalid(start, end);
+      var isInvalid = isRangeInvalid(start, end, _this.props.minDate, _this.props.maxDate);
       _this.setState({
         start: start,
         end: end,
@@ -270,6 +270,8 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         locale = _this$props3.locale,
         timeFormat = _this$props3.timeFormat,
         utcOffset = _this$props3.utcOffset,
+        minDate = _this$props3.minDate,
+        maxDate = _this$props3.maxDate,
         compressed = _this$props3.compressed,
         onFocus = _this$props3.onFocus,
         styles = _this$props3.memoizedStyles;
@@ -344,6 +346,8 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
             utcOffset: utcOffset,
             timeFormat: timeFormat,
             locale: locale || contextLocale,
+            minDate: minDate,
+            maxDate: maxDate,
             canRoundRelativeUnits: canRoundRelativeUnits,
             isOpen: _this.state.isStartDatePopoverOpen,
             onPopoverToggle: _this.onStartDatePopoverToggle,
@@ -366,6 +370,8 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
             utcOffset: utcOffset,
             timeFormat: timeFormat,
             locale: locale || contextLocale,
+            minDate: minDate,
+            maxDate: maxDate,
             canRoundRelativeUnits: canRoundRelativeUnits,
             roundUp: true,
             isOpen: _this.state.isEndDatePopoverOpen,
@@ -471,7 +477,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
           },
           start: nextProps.start,
           end: nextProps.end,
-          isInvalid: isRangeInvalid(nextProps.start, nextProps.end),
+          isInvalid: isRangeInvalid(nextProps.start, nextProps.end, nextProps.minDate, nextProps.maxDate),
           hasChanged: false,
           showPrettyDuration: showPrettyDuration(nextProps.start, nextProps.end, nextProps.commonlyUsedRanges)
         };
@@ -604,6 +610,14 @@ EuiSuperDatePickerInternal.propTypes = {
   refreshIntervalUnits: PropTypes.any,
   start: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.oneOf(["now"]), PropTypes.string.isRequired]), PropTypes.oneOfType([PropTypes.oneOf(["now"]), PropTypes.string.isRequired]).isRequired]),
   end: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.oneOf(["now"]), PropTypes.string.isRequired]), PropTypes.oneOfType([PropTypes.oneOf(["now"]), PropTypes.string.isRequired]).isRequired]),
+  /**
+     * Defines min. date accepted as a selection (in moment format)
+     */
+  minDate: PropTypes.any,
+  /**
+     * Defines max. date accepted as a selection (in moment format)
+     */
+  maxDate: PropTypes.any,
   /**
      * Specifies the formatted used when displaying times
      * @default 'HH:mm'
@@ -787,6 +801,14 @@ EuiSuperDatePicker.propTypes = {
      */
   start: PropTypes.oneOfType([PropTypes.oneOf(["now"]), PropTypes.string.isRequired]),
   end: PropTypes.oneOfType([PropTypes.oneOf(["now"]), PropTypes.string.isRequired]),
+  /**
+     * Defines min. date accepted as a selection (in moment format)
+     */
+  minDate: PropTypes.any,
+  /**
+     * Defines max. date accepted as a selection (in moment format)
+     */
+  maxDate: PropTypes.any,
   /**
      * Specifies the formatted used when displaying times
      * @default 'HH:mm'

package/es/components/header/header.styles.js

@@ -56,5 +56,12 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext, defaultB
     controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
   var backgroundColor = colorMode === 'DARK' ? shade(euiTheme.colors.lightestShade, 0.5) : shade(euiTheme.colors.darkestShade, 0.28);
   var borderColor = colorMode === 'DARK' ? defaultBorderColor : backgroundColor;
-  return "\n    background-color: ".concat(backgroundColor, ";\n    ").concat(logicalCSS('border-bottom-color', borderColor), "\n\n    .euiHeaderLogo__text,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      color: ").concat(euiTheme.colors.ghost, ";\n    }\n\n    .euiHeaderLink-isActive {\n      color: ").concat(makeHighContrastColor(euiTheme.colors.primary)(backgroundColor), ";\n    }\n\n    .euiHeaderLogo,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      &:focus {\n        background-color: ").concat(shade(euiTheme.colors.primary, 0.5), ";\n      }\n    }\n\n    .euiHeaderSectionItemButton__notification--badge {\n      box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n    }\n\n    .euiHeaderSectionItemButton__notification--dot {\n      stroke: ").concat(backgroundColor, ";\n    }\n\n    .euiSelectableTemplateSitewide .euiFormControlLayout {\n      background-color: transparent;\n\n      &--group {\n        border-color: ").concat(transparentize(euiTheme.colors.ghost, 0.3), ";\n      }\n\n      &:not(:focus-within) {\n        /* Increase contrast of filled text to be more than placeholder text */\n        color: ").concat(euiTheme.colors.ghost, ";\n\n        input {\n          /* Increase contrast of placeholder text */\n          &::placeholder {\n            color: ").concat(makeHighContrastColor(controlPlaceholderText, 8)(backgroundColor), ";\n          }\n\n          /* Inherit color from form control layout */\n          color: inherit;\n          background-color: transparent;\n        }\n\n        .euiFormControlLayout__append,\n        .euiFormControlLayout__prepend {\n          background-color: transparent;\n        }\n\n        .euiFormLabel {\n          color: inherit;\n        }\n      }\n    }\n  ");
+
+  // Specific color overrides for EuiSelectableTemplateSitewide
+  var selectableSitewide = {
+    color: euiTheme.colors.ghost,
+    borderColor: transparentize(euiTheme.colors.ghost, 0.3),
+    placeholderColor: makeHighContrastColor(controlPlaceholderText, 8)(backgroundColor)
+  };
+  return "\n    background-color: ".concat(backgroundColor, ";\n    ").concat(logicalCSS('border-bottom-color', borderColor), "\n\n    .euiHeaderLogo__text,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      color: ").concat(euiTheme.colors.ghost, ";\n    }\n\n    .euiHeaderLink-isActive {\n      color: ").concat(makeHighContrastColor(euiTheme.colors.primary)(backgroundColor), ";\n    }\n\n    .euiHeaderLogo,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      &:focus {\n        background-color: ").concat(shade(euiTheme.colors.primary, 0.5), ";\n      }\n    }\n\n    .euiHeaderSectionItemButton__notification--badge {\n      box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n    }\n\n    .euiHeaderSectionItemButton__notification--dot {\n      stroke: ").concat(backgroundColor, ";\n    }\n\n    .euiSelectableTemplateSitewide .euiFormControlLayout {\n      background-color: transparent;\n\n      input {\n        box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(selectableSitewide.borderColor, ";\n      }\n\n      &--group {\n        border-color: ").concat(selectableSitewide.borderColor, ";\n\n        input {\n          box-shadow: none;\n        }\n      }\n\n      &:not(:focus-within) {\n        /* Increase contrast of filled text to be more than placeholder text */\n        color: ").concat(selectableSitewide.color, ";\n\n        input {\n          /* Increase contrast of placeholder text */\n          &::placeholder {\n            color: ").concat(selectableSitewide.placeholderColor, ";\n          }\n\n          /* Inherit color from form control layout */\n          color: inherit;\n          background-color: transparent;\n        }\n\n        .euiFormControlLayout__append,\n        .euiFormControlLayout__prepend {\n          background-color: transparent;\n        }\n\n        .euiFormLabel {\n          color: inherit;\n        }\n      }\n    }\n  ");
 };

package/eui.d.ts

@@ -17354,7 +17354,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content' {
 	import { FunctionComponent } from 'react';
-	import { LocaleSpecifier } from 'moment';
+	import { LocaleSpecifier, Moment } from 'moment';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
 	export interface EuiDatePopoverContentProps {
 	    value: string;
@@ -17366,6 +17366,8 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    locale?: LocaleSpecifier;
 	    position: 'start' | 'end';
 	    utcOffset?: number;
+	    minDate?: Moment;
+	    maxDate?: Moment;
 	    timeOptions: TimeOptions;
 	}
 	export const EuiDatePopoverContent: FunctionComponent<EuiDatePopoverContentProps>;
@@ -17382,7 +17384,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab' {
 	import { FunctionComponent } from 'react';
-	import { LocaleSpecifier } from 'moment';
+	import { Moment, LocaleSpecifier } from 'moment';
 	import { EuiDatePopoverContentProps } from '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content';
 	export interface EuiAbsoluteTabProps {
 	    dateFormat: string;
@@ -17393,6 +17395,8 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    roundUp: boolean;
 	    labelPrefix: string;
 	    utcOffset?: number;
+	    minDate?: Moment;
+	    maxDate?: Moment;
 	}
 	export const EuiAbsoluteTab: FunctionComponent<EuiAbsoluteTabProps>;
 
@@ -17464,7 +17468,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_button' {
 	import { FunctionComponent, ButtonHTMLAttributes, MouseEventHandler } from 'react';
-	import { LocaleSpecifier } from 'moment';
+	import { LocaleSpecifier, Moment } from 'moment';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
@@ -17487,6 +17491,8 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    timeFormat: string;
 	    value: string;
 	    utcOffset?: number;
+	    minDate?: Moment;
+	    maxDate?: Moment;
 	    compressed?: boolean;
 	    timeOptions: TimeOptions;
 	}
@@ -17929,7 +17935,7 @@ declare module '@elastic/eui/src/components/date_picker/auto_refresh/auto_refres
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_date_picker' {
 	import React, { Component, FocusEventHandler, FunctionComponent, ReactNode } from 'react';
-	import { LocaleSpecifier } from 'moment';
+	import moment, { LocaleSpecifier } from 'moment';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { ShortDate, Milliseconds, DurationRange, ApplyTime, ApplyRefreshInterval, RefreshUnitsOptions, QuickSelectPanel } from '@elastic/eui/src/components/date_picker/types';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
@@ -18040,6 +18046,14 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	     * @default 'now'
 	     */
 	    end?: ShortDate;
+	    /**
+	     * Defines min. date accepted as a selection (in moment format)
+	     */
+	    minDate?: moment.Moment;
+	    /**
+	     * Defines max. date accepted as a selection (in moment format)
+	     */
+	    maxDate?: moment.Moment;
 	    /**
 	     * Specifies the formatted used when displaying times
 	     * @default 'HH:mm'

package/i18ntokens.json

@@ -2867,14 +2867,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 79,
+        "line": 83,
         "column": 28,
-        "index": 2489
+        "index": 2551
       },
       "end": {
-        "line": 82,
+        "line": 86,
         "column": 3,
-        "index": 2565
+        "index": 2627
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx"
@@ -2885,14 +2885,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 83,
+        "line": 87,
         "column": 26,
-        "index": 2593
+        "index": 2655
       },
       "end": {
-        "line": 87,
+        "line": 91,
         "column": 3,
-        "index": 2775
+        "index": 2837
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx"
@@ -2903,14 +2903,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 100,
+        "line": 104,
         "column": 23,
-        "index": 2832
+        "index": 2906
       },
       "end": {
-        "line": 104,
+        "line": 108,
         "column": 3,
-        "index": 2931
+        "index": 3005
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_button.tsx"
@@ -2921,14 +2921,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 105,
+        "line": 109,
         "column": 24,
-        "index": 2957
+        "index": 3031
       },
       "end": {
-        "line": 109,
+        "line": 113,
         "column": 3,
-        "index": 3058
+        "index": 3132
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_button.tsx"
@@ -2939,14 +2939,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 70,
+        "line": 74,
         "column": 25,
-        "index": 2070
+        "index": 2140
       },
       "end": {
-        "line": 73,
+        "line": 77,
         "column": 3,
-        "index": 2146
+        "index": 2216
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -2957,14 +2957,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 74,
+        "line": 78,
         "column": 23,
-        "index": 2171
+        "index": 2241
       },
       "end": {
-        "line": 77,
+        "line": 81,
         "column": 3,
-        "index": 2243
+        "index": 2313
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -2975,14 +2975,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 80,
+        "line": 84,
         "column": 24,
-        "index": 2346
+        "index": 2416
       },
       "end": {
-        "line": 83,
+        "line": 87,
         "column": 3,
-        "index": 2422
+        "index": 2492
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -2993,14 +2993,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 84,
+        "line": 88,
         "column": 24,
-        "index": 2448
+        "index": 2518
       },
       "end": {
-        "line": 87,
+        "line": 91,
         "column": 3,
-        "index": 2524
+        "index": 2594
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -3011,14 +3011,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 88,
+        "line": 92,
         "column": 19,
-        "index": 2545
+        "index": 2615
       },
       "end": {
-        "line": 88,
+        "line": 92,
         "column": 73,
-        "index": 2599
+        "index": 2669
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -3029,14 +3029,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 134,
+        "line": 140,
         "column": 12,
-        "index": 3817
+        "index": 3943
       },
       "end": {
-        "line": 137,
+        "line": 143,
         "column": 14,
-        "index": 4026
+        "index": 4152
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -3047,14 +3047,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 149,
+        "line": 155,
         "column": 14,
-        "index": 4316
+        "index": 4442
       },
       "end": {
-        "line": 152,
+        "line": 158,
         "column": 16,
-        "index": 4462
+        "index": 4588
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"
@@ -3065,14 +3065,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 154,
+        "line": 160,
         "column": 14,
-        "index": 4495
+        "index": 4621
       },
       "end": {
-        "line": 157,
+        "line": 163,
         "column": 16,
-        "index": 4637
+        "index": 4763
       }
     },
     "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx"

package/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js

@@ -44,6 +44,8 @@ var EuiAbsoluteTab = exports.EuiAbsoluteTab = function EuiAbsoluteTab(_ref) {
     locale = _ref.locale,
     roundUp = _ref.roundUp,
     utcOffset = _ref.utcOffset,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
     labelPrefix = _ref.labelPrefix;
   var styles = (0, _services.useEuiMemoizedStyles)(_absolute_tab.euiAbsoluteTabDateFormStyles);
   var _useState = (0, _react.useState)(function () {
@@ -137,7 +139,9 @@ var EuiAbsoluteTab = exports.EuiAbsoluteTab = function EuiAbsoluteTab(_ref) {
     dateFormat: dateFormat,
     timeFormat: timeFormat,
     locale: locale,
-    utcOffset: utcOffset
+    utcOffset: utcOffset,
+    minDate: minDate,
+    maxDate: maxDate
   }), (0, _react2.jsx)(_flex.EuiFlexGroup, {
     component: "form",
     onSubmit: function onSubmit(e) {
@@ -182,5 +186,7 @@ EuiAbsoluteTab.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   roundUp: _propTypes.default.bool.isRequired,
   labelPrefix: _propTypes.default.string.isRequired,
-  utcOffset: _propTypes.default.number
+  utcOffset: _propTypes.default.number,
+  minDate: _propTypes.default.any,
+  maxDate: _propTypes.default.any
 };

package/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.js

@@ -14,7 +14,7 @@ var _pretty_duration = require("../pretty_duration");
 var _date_popover_content = require("./date_popover_content");
 var _date_popover_button = require("./date_popover_button.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["position", "isDisabled", "isInvalid", "needsUpdating", "value", "buttonProps", "canRoundRelativeUnits", "roundUp", "onChange", "locale", "dateFormat", "utcOffset", "timeFormat", "isOpen", "onPopoverToggle", "onPopoverClose", "compressed", "timeOptions"];
+var _excluded = ["position", "isDisabled", "isInvalid", "needsUpdating", "value", "buttonProps", "canRoundRelativeUnits", "roundUp", "onChange", "locale", "dateFormat", "utcOffset", "minDate", "maxDate", "timeFormat", "isOpen", "onPopoverToggle", "onPopoverClose", "compressed", "timeOptions"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -40,6 +40,8 @@ var EuiDatePopoverButton = exports.EuiDatePopoverButton = function EuiDatePopove
     locale = props.locale,
     dateFormat = props.dateFormat,
     utcOffset = props.utcOffset,
+    minDate = props.minDate,
+    maxDate = props.maxDate,
     timeFormat = props.timeFormat,
     isOpen = props.isOpen,
     onPopoverToggle = props.onPopoverToggle,
@@ -100,7 +102,9 @@ var EuiDatePopoverButton = exports.EuiDatePopoverButton = function EuiDatePopove
     locale: locale,
     position: position,
     utcOffset: utcOffset,
-    timeOptions: timeOptions
+    timeOptions: timeOptions,
+    minDate: minDate,
+    maxDate: maxDate
   }));
 };
 EuiDatePopoverButton.propTypes = {
@@ -126,6 +130,8 @@ EuiDatePopoverButton.propTypes = {
   timeFormat: _propTypes.default.string.isRequired,
   value: _propTypes.default.string.isRequired,
   utcOffset: _propTypes.default.number,
+  minDate: _propTypes.default.any,
+  maxDate: _propTypes.default.any,
   compressed: _propTypes.default.bool,
   timeOptions: _propTypes.default.shape({
     timeTenseOptions: _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired,

package/lib/components/date_picker/super_date_picker/date_popover/date_popover_content.js

@@ -38,7 +38,9 @@ var EuiDatePopoverContent = exports.EuiDatePopoverContent = function EuiDatePopo
     locale = _ref.locale,
     position = _ref.position,
     utcOffset = _ref.utcOffset,
-    timeOptions = _ref.timeOptions;
+    timeOptions = _ref.timeOptions,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate;
   var styles = (0, _services.useEuiMemoizedStyles)(_date_popover_content.euiDatePopoverContentStyles);
   var onTabClick = function onTabClick(selectedTab) {
     switch (selectedTab.id) {
@@ -67,7 +69,9 @@ var EuiDatePopoverContent = exports.EuiDatePopoverContent = function EuiDatePopo
       onChange: onChange,
       roundUp: roundUp,
       labelPrefix: labelPrefix,
-      utcOffset: utcOffset
+      utcOffset: utcOffset,
+      minDate: minDate,
+      maxDate: maxDate
     }),
     'data-test-subj': 'superDatePickerAbsoluteTab',
     'aria-label': "".concat(labelPrefix, ": ").concat(absoluteLabel)
@@ -137,6 +141,8 @@ EuiDatePopoverContent.propTypes = {
   locale: _propTypes.default.any,
   position: _propTypes.default.oneOf(["start", "end"]).isRequired,
   utcOffset: _propTypes.default.number,
+  minDate: _propTypes.default.any,
+  maxDate: _propTypes.default.any,
   timeOptions: _propTypes.default.shape({
     timeTenseOptions: _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired,
     timeUnitsOptions: _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired,