@cerebruminc/cerebellum 16.0.0-beta.dangerous.b3c9c8c → 16.0.0-beta.dangerous.c8b4799

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { _ as __assign } from './_tslib-CcAXazg4.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useState, useEffect } from 'react';
4
- import { D as DatePickerGroup, I as InlineDatePicker, V as ValidationText, H as HelperText } from './InlineDatePicker-BeRq7pJP.js';
4
+ import { D as DatePickerGroup, I as InlineDatePicker, V as ValidationText, H as HelperText } from './InlineDatePicker-ClVBWEzW.js';
5
5
  import { u as useMeasure } from './useMeasure-D89v6c_A.js';
6
6
  import { s as showLabel } from './showLabel-D6KgNem4.js';
7
7
  import { L as LabelBox, A as Asterisk } from './Inputs-C6OWHviY.js';
package/lib/esm/Form.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { F as FormWrapper } from './FormStyles-BQJPyTS0.js';
2
- export { F as Form } from './FormikContainer-C75cvTmz.js';
2
+ export { F as Form } from './FormikContainer-SJPYfIkF.js';
3
3
  export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
4
4
  import './_tslib-CcAXazg4.js';
5
5
  import 'styled-components';
@@ -92,7 +92,7 @@ import './cardValidationStateMachine.js';
92
92
  import './CurrencyInput-CzI4uaoz.js';
93
93
  import './InlineCurrencyInput-DPpU3QyZ.js';
94
94
  import './DatePicker.js';
95
- import './InlineDatePicker-BeRq7pJP.js';
95
+ import './InlineDatePicker-ClVBWEzW.js';
96
96
  import './Calendar.js';
97
97
  import './ClickOutHandler-CcKVoXIs.js';
98
98
  import './CaretLeft.js';
@@ -37,7 +37,7 @@ import { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
37
37
  import { I as InlineCurrencyInput } from './InlineCurrencyInput-DPpU3QyZ.js';
38
38
  import { getFloatValueFromString } from './formatBytesToString.js';
39
39
  import { DatePicker } from './DatePicker.js';
40
- import { I as InlineDatePicker } from './InlineDatePicker-BeRq7pJP.js';
40
+ import { I as InlineDatePicker } from './InlineDatePicker-ClVBWEzW.js';
41
41
  import './CheckboxStyles-Cx6hCn3t.js';
42
42
  import './RadioStyles-CjeGoQU0.js';
43
43
  import './ToggleStyles-DxTKSAXl.js';
@@ -1576,4 +1576,4 @@ var FormikContainer = function (props) {
1576
1576
  };
1577
1577
 
1578
1578
  export { FormikContainer as F, NationalityDropdown as N, nationalityList as n };
1579
- //# sourceMappingURL=FormikContainer-C75cvTmz.js.map
1579
+ //# sourceMappingURL=FormikContainer-SJPYfIkF.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormikContainer-C75cvTmz.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormikContainer-SJPYfIkF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -7497,40 +7497,34 @@ function isShadowRoot(value) {
7497
7497
  }
7498
7498
  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
7499
7499
  }
7500
- const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
7501
7500
  function isOverflowElement(element) {
7502
7501
  const {
7503
7502
  overflow,
7504
7503
  overflowX,
7505
7504
  overflowY,
7506
7505
  display
7507
- } = getComputedStyle$1(element);
7508
- return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
7506
+ } = getComputedStyle(element);
7507
+ return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
7509
7508
  }
7510
- const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
7511
7509
  function isTableElement(element) {
7512
- return tableElements.has(getNodeName(element));
7510
+ return ['table', 'td', 'th'].includes(getNodeName(element));
7513
7511
  }
7514
- const topLayerSelectors = [':popover-open', ':modal'];
7515
7512
  function isTopLayer(element) {
7516
- return topLayerSelectors.some(selector => {
7513
+ return [':popover-open', ':modal'].some(selector => {
7517
7514
  try {
7518
7515
  return element.matches(selector);
7519
- } catch (_e) {
7516
+ } catch (e) {
7520
7517
  return false;
7521
7518
  }
7522
7519
  });
7523
7520
  }
7524
- const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
7525
- const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
7526
- const containValues = ['paint', 'layout', 'strict', 'content'];
7527
7521
  function isContainingBlock(elementOrCss) {
7528
7522
  const webkit = isWebKit();
7529
- const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
7523
+ const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
7530
7524
 
7531
7525
  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
7532
7526
  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
7533
- return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
7527
+ return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
7534
7528
  }
7535
7529
  function getContainingBlock(element) {
7536
7530
  let currentNode = getParentNode(element);
@@ -7548,11 +7542,10 @@ function isWebKit() {
7548
7542
  if (typeof CSS === 'undefined' || !CSS.supports) return false;
7549
7543
  return CSS.supports('-webkit-backdrop-filter', 'none');
7550
7544
  }
7551
- const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
7552
7545
  function isLastTraversableNode(node) {
7553
- return lastTraversableNodeNames.has(getNodeName(node));
7546
+ return ['html', 'body', '#document'].includes(getNodeName(node));
7554
7547
  }
7555
- function getComputedStyle$1(element) {
7548
+ function getComputedStyle(element) {
7556
7549
  return getWindow(element).getComputedStyle(element);
7557
7550
  }
7558
7551
  function getNodeScroll(element) {
@@ -7654,9 +7647,8 @@ function getOppositeAxis(axis) {
7654
7647
  function getAxisLength(axis) {
7655
7648
  return axis === 'y' ? 'height' : 'width';
7656
7649
  }
7657
- const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
7658
7650
  function getSideAxis(placement) {
7659
- return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
7651
+ return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
7660
7652
  }
7661
7653
  function getAlignmentAxis(placement) {
7662
7654
  return getOppositeAxis(getSideAxis(placement));
@@ -7681,19 +7673,19 @@ function getExpandedPlacements(placement) {
7681
7673
  function getOppositeAlignmentPlacement(placement) {
7682
7674
  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
7683
7675
  }
7684
- const lrPlacement = ['left', 'right'];
7685
- const rlPlacement = ['right', 'left'];
7686
- const tbPlacement = ['top', 'bottom'];
7687
- const btPlacement = ['bottom', 'top'];
7688
7676
  function getSideList(side, isStart, rtl) {
7677
+ const lr = ['left', 'right'];
7678
+ const rl = ['right', 'left'];
7679
+ const tb = ['top', 'bottom'];
7680
+ const bt = ['bottom', 'top'];
7689
7681
  switch (side) {
7690
7682
  case 'top':
7691
7683
  case 'bottom':
7692
- if (rtl) return isStart ? rlPlacement : lrPlacement;
7693
- return isStart ? lrPlacement : rlPlacement;
7684
+ if (rtl) return isStart ? rl : lr;
7685
+ return isStart ? lr : rl;
7694
7686
  case 'left':
7695
7687
  case 'right':
7696
- return isStart ? tbPlacement : btPlacement;
7688
+ return isStart ? tb : bt;
7697
7689
  default:
7698
7690
  return [];
7699
7691
  }
@@ -8145,7 +8137,7 @@ const flip$2 = function (options) {
8145
8137
  if (!ignoreCrossAxisOverflow ||
8146
8138
  // We leave the current main axis only if every placement on that axis
8147
8139
  // overflows the main axis.
8148
- overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
8140
+ overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
8149
8141
  // Try next placement and re-run the lifecycle.
8150
8142
  return {
8151
8143
  data: {
@@ -8202,8 +8194,6 @@ const flip$2 = function (options) {
8202
8194
  };
8203
8195
  };
8204
8196
 
8205
- const originSides = /*#__PURE__*/new Set(['left', 'top']);
8206
-
8207
8197
  // For type backwards-compatibility, the `OffsetOptions` type was also
8208
8198
  // Derivable.
8209
8199
 
@@ -8217,7 +8207,7 @@ async function convertValueToCoords(state, options) {
8217
8207
  const side = getSide(placement);
8218
8208
  const alignment = getAlignment(placement);
8219
8209
  const isVertical = getSideAxis(placement) === 'y';
8220
- const mainAxisMulti = originSides.has(side) ? -1 : 1;
8210
+ const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
8221
8211
  const crossAxisMulti = rtl && isVertical ? -1 : 1;
8222
8212
  const rawValue = evaluate(options, state);
8223
8213
 
@@ -8289,7 +8279,7 @@ const offset$2 = function (options) {
8289
8279
  };
8290
8280
 
8291
8281
  function getCssDimensions(element) {
8292
- const css = getComputedStyle$1(element);
8282
+ const css = getComputedStyle(element);
8293
8283
  // In testing environments, the `width` and `height` properties are empty
8294
8284
  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
8295
8285
  let width = parseFloat(css.width) || 0;
@@ -8394,7 +8384,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
8394
8384
  while (currentIFrame && offsetParent && offsetWin !== currentWin) {
8395
8385
  const iframeScale = getScale(currentIFrame);
8396
8386
  const iframeRect = currentIFrame.getBoundingClientRect();
8397
- const css = getComputedStyle$1(currentIFrame);
8387
+ const css = getComputedStyle(currentIFrame);
8398
8388
  const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
8399
8389
  const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
8400
8390
  x *= iframeScale.x;
@@ -8425,9 +8415,14 @@ function getWindowScrollBarX(element, rect) {
8425
8415
  return rect.left + leftScroll;
8426
8416
  }
8427
8417
 
8428
- function getHTMLOffset(documentElement, scroll) {
8418
+ function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
8419
+ if (ignoreScrollbarX === void 0) {
8420
+ ignoreScrollbarX = false;
8421
+ }
8429
8422
  const htmlRect = documentElement.getBoundingClientRect();
8430
- const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
8423
+ const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
8424
+ // RTL <body> scrollbar.
8425
+ getWindowScrollBarX(documentElement, htmlRect));
8431
8426
  const y = htmlRect.top + scroll.scrollTop;
8432
8427
  return {
8433
8428
  x,
@@ -8466,7 +8461,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
8466
8461
  offsets.y = offsetRect.y + offsetParent.clientTop;
8467
8462
  }
8468
8463
  }
8469
- const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
8464
+ const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
8470
8465
  return {
8471
8466
  width: rect.width * scale.x,
8472
8467
  height: rect.height * scale.y,
@@ -8489,7 +8484,7 @@ function getDocumentRect(element) {
8489
8484
  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
8490
8485
  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
8491
8486
  const y = -scroll.scrollTop;
8492
- if (getComputedStyle$1(body).direction === 'rtl') {
8487
+ if (getComputedStyle(body).direction === 'rtl') {
8493
8488
  x += max(html.clientWidth, body.clientWidth) - width;
8494
8489
  }
8495
8490
  return {
@@ -8500,10 +8495,6 @@ function getDocumentRect(element) {
8500
8495
  };
8501
8496
  }
8502
8497
 
8503
- // Safety check: ensure the scrollbar space is reasonable in case this
8504
- // calculation is affected by unusual styles.
8505
- // Most scrollbars leave 15-18px of space.
8506
- const SCROLLBAR_MAX = 25;
8507
8498
  function getViewportRect(element, strategy) {
8508
8499
  const win = getWindow(element);
8509
8500
  const html = getDocumentElement(element);
@@ -8521,24 +8512,6 @@ function getViewportRect(element, strategy) {
8521
8512
  y = visualViewport.offsetTop;
8522
8513
  }
8523
8514
  }
8524
- const windowScrollbarX = getWindowScrollBarX(html);
8525
- // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
8526
- // visual width of the <html> but this is not considered in the size
8527
- // of `html.clientWidth`.
8528
- if (windowScrollbarX <= 0) {
8529
- const doc = html.ownerDocument;
8530
- const body = doc.body;
8531
- const bodyStyles = getComputedStyle(body);
8532
- const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
8533
- const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
8534
- if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
8535
- width -= clippingStableScrollbarWidth;
8536
- }
8537
- } else if (windowScrollbarX <= SCROLLBAR_MAX) {
8538
- // If the <body> scrollbar is on the left, the width needs to be extended
8539
- // by the scrollbar amount so there isn't extra space on the right.
8540
- width += windowScrollbarX;
8541
- }
8542
8515
  return {
8543
8516
  width,
8544
8517
  height,
@@ -8547,7 +8520,6 @@ function getViewportRect(element, strategy) {
8547
8520
  };
8548
8521
  }
8549
8522
 
8550
- const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
8551
8523
  // Returns the inner client rect, subtracting scrollbars if present.
8552
8524
  function getInnerBoundingClientRect(element, strategy) {
8553
8525
  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -8589,7 +8561,7 @@ function hasFixedPositionAncestor(element, stopNode) {
8589
8561
  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
8590
8562
  return false;
8591
8563
  }
8592
- return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
8564
+ return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
8593
8565
  }
8594
8566
 
8595
8567
  // A "clipping ancestor" is an `overflow` element with the characteristic of
@@ -8602,17 +8574,17 @@ function getClippingElementAncestors(element, cache) {
8602
8574
  }
8603
8575
  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
8604
8576
  let currentContainingBlockComputedStyle = null;
8605
- const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
8577
+ const elementIsFixed = getComputedStyle(element).position === 'fixed';
8606
8578
  let currentNode = elementIsFixed ? getParentNode(element) : element;
8607
8579
 
8608
8580
  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
8609
8581
  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
8610
- const computedStyle = getComputedStyle$1(currentNode);
8582
+ const computedStyle = getComputedStyle(currentNode);
8611
8583
  const currentNodeIsContaining = isContainingBlock(currentNode);
8612
8584
  if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
8613
8585
  currentContainingBlockComputedStyle = null;
8614
8586
  }
8615
- const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
8587
+ const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
8616
8588
  if (shouldDropCurrentNode) {
8617
8589
  // Drop non-containing blocks.
8618
8590
  result = result.filter(ancestor => ancestor !== currentNode);
@@ -8708,11 +8680,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
8708
8680
  }
8709
8681
 
8710
8682
  function isStaticPositioned(element) {
8711
- return getComputedStyle$1(element).position === 'static';
8683
+ return getComputedStyle(element).position === 'static';
8712
8684
  }
8713
8685
 
8714
8686
  function getTrueOffsetParent(element, polyfill) {
8715
- if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
8687
+ if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
8716
8688
  return null;
8717
8689
  }
8718
8690
  if (polyfill) {
@@ -8773,7 +8745,7 @@ const getElementRects = async function (data) {
8773
8745
  };
8774
8746
 
8775
8747
  function isRTL(element) {
8776
- return getComputedStyle$1(element).direction === 'rtl';
8748
+ return getComputedStyle(element).direction === 'rtl';
8777
8749
  }
8778
8750
 
8779
8751
  const platform = {
@@ -9413,7 +9385,7 @@ const FloatingArrow = /*#__PURE__*/React.forwardRef(function FloatingArrow(props
9413
9385
  // https://github.com/floating-ui/floating-ui/issues/2932
9414
9386
  index$1(() => {
9415
9387
  if (!floating) return;
9416
- const isRTL = getComputedStyle$1(floating).direction === 'rtl';
9388
+ const isRTL = getComputedStyle(floating).direction === 'rtl';
9417
9389
  if (isRTL) {
9418
9390
  setIsRTL(true);
9419
9391
  }
@@ -9672,7 +9644,7 @@ function useFloating(options) {
9672
9644
  }
9673
9645
 
9674
9646
  /*!
9675
- react-datepicker v8.5.0
9647
+ react-datepicker v8.4.0
9676
9648
  https://github.com/Hacker0x01/react-datepicker
9677
9649
  Released under the MIT License.
9678
9650
  */
@@ -9907,13 +9879,12 @@ var DATE_RANGE_SEPARATOR = " - ";
9907
9879
  * @returns - The formatted date range or an empty string.
9908
9880
  */
9909
9881
  function safeDateRangeFormat(startDate, endDate, props) {
9910
- if (!startDate && !endDate) {
9882
+ if (!startDate) {
9911
9883
  return "";
9912
9884
  }
9913
- var formattedStartDate = startDate ? safeDateFormat(startDate, props) : "";
9885
+ var formattedStartDate = safeDateFormat(startDate, props);
9914
9886
  var formattedEndDate = endDate ? safeDateFormat(endDate, props) : "";
9915
- var dateRangeSeparator = props.rangeSeparator || DATE_RANGE_SEPARATOR;
9916
- return "".concat(formattedStartDate).concat(dateRangeSeparator).concat(formattedEndDate);
9887
+ return "".concat(formattedStartDate).concat(DATE_RANGE_SEPARATOR).concat(formattedEndDate);
9917
9888
  }
9918
9889
  /**
9919
9890
  * Safely formats multiple dates.
@@ -11434,10 +11405,7 @@ var Week = /** @class */ (function (_super) {
11434
11405
  "react-datepicker__week--selected": isSameDay(this.startOfWeek(), this.props.selected),
11435
11406
  "react-datepicker__week--keyboard-selected": this.isKeyboardSelected(),
11436
11407
  };
11437
- var customWeekClassName = this.props.weekClassName
11438
- ? this.props.weekClassName(this.startOfWeek())
11439
- : undefined;
11440
- return (React__default.createElement("div", { className: clsx(weekNumberClasses, customWeekClassName) }, this.renderDays()));
11408
+ return React__default.createElement("div", { className: clsx(weekNumberClasses) }, this.renderDays());
11441
11409
  };
11442
11410
  return Week;
11443
11411
  }(Component));
@@ -12657,20 +12625,19 @@ var Year$1 = /** @class */ (function (_super) {
12657
12625
  return isSameYear(_year, endDate !== null && endDate !== void 0 ? endDate : null);
12658
12626
  };
12659
12627
  _this.isKeyboardSelected = function (y) {
12660
- if (_this.props.disabledKeyboardNavigation ||
12661
- _this.props.date === undefined ||
12628
+ if (_this.props.date === undefined ||
12629
+ _this.props.selected == null ||
12662
12630
  _this.props.preSelection == null) {
12663
12631
  return;
12664
12632
  }
12665
- var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, selected = _a.selected;
12633
+ var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate;
12666
12634
  var date = getStartOfYear(setYear(_this.props.date, y));
12667
12635
  var isDisabled = (minDate || maxDate || excludeDates || includeDates || filterDate) &&
12668
12636
  isYearDisabled(y, _this.props);
12669
- var isSelectedDay = !!selected && isSameDay(date, getStartOfYear(selected));
12670
- var isKeyboardSelectedDay = isSameDay(date, getStartOfYear(_this.props.preSelection));
12671
- return (!_this.props.inline &&
12672
- !isSelectedDay &&
12673
- isKeyboardSelectedDay &&
12637
+ return (!_this.props.disabledKeyboardNavigation &&
12638
+ !_this.props.inline &&
12639
+ !isSameDay(date, getStartOfYear(_this.props.selected)) &&
12640
+ isSameDay(date, getStartOfYear(_this.props.preSelection)) &&
12674
12641
  !isDisabled);
12675
12642
  };
12676
12643
  _this.isSelectedYear = function (year) {
@@ -13019,7 +12986,6 @@ var DROPDOWN_FOCUS_CLASSNAMES = [
13019
12986
  "react-datepicker__month-select",
13020
12987
  "react-datepicker__month-year-select",
13021
12988
  ];
13022
- var OUTSIDE_CLICK_IGNORE_CLASS = "react-datepicker-ignore-onclickoutside";
13023
12989
  var isDropdownSelect = function (element) {
13024
12990
  var classNames = (element.className || "").split(/\s+/);
13025
12991
  return DROPDOWN_FOCUS_CLASSNAMES.some(function (testClassname) { return classNames.indexOf(testClassname) >= 0; });
@@ -13171,9 +13137,7 @@ var Calendar = /** @class */ (function (_super) {
13171
13137
  var startOfWeek = getStartOfWeek(date, _this.props.locale, _this.props.calendarStartDay);
13172
13138
  var dayNames = [];
13173
13139
  if (_this.props.showWeekNumbers) {
13174
- dayNames.push(React__default.createElement("div", { key: "W", className: "react-datepicker__day-name", role: "columnheader" },
13175
- React__default.createElement("span", { className: "sr-only" }, "Week number"),
13176
- React__default.createElement("span", { "aria-hidden": "true" }, _this.props.weekLabel || "#")));
13140
+ dayNames.push(React__default.createElement("div", { key: "W", className: "react-datepicker__day-name" }, _this.props.weekLabel || "#"));
13177
13141
  }
13178
13142
  return dayNames.concat([0, 1, 2, 3, 4, 5, 6].map(function (offset) {
13179
13143
  var day = addDays(startOfWeek, offset);
@@ -13181,9 +13145,7 @@ var Calendar = /** @class */ (function (_super) {
13181
13145
  var weekDayClassName = _this.props.weekDayClassName
13182
13146
  ? _this.props.weekDayClassName(day)
13183
13147
  : undefined;
13184
- return (React__default.createElement("div", { key: offset, role: "columnheader", className: clsx("react-datepicker__day-name", weekDayClassName) },
13185
- React__default.createElement("span", { className: "sr-only" }, formatDate(day, "EEEE", _this.props.locale)),
13186
- React__default.createElement("span", { "aria-hidden": "true" }, weekDayName)));
13148
+ return (React__default.createElement("div", { key: offset, "aria-label": formatDate(day, "EEEE", _this.props.locale), className: clsx("react-datepicker__day-name", weekDayClassName) }, weekDayName));
13187
13149
  }));
13188
13150
  };
13189
13151
  _this.formatWeekday = function (day, locale) {
@@ -13398,7 +13360,7 @@ var Calendar = /** @class */ (function (_super) {
13398
13360
  _this.renderMonthDropdown(i !== 0),
13399
13361
  _this.renderMonthYearDropdown(i !== 0),
13400
13362
  _this.renderYearDropdown(i !== 0)),
13401
- React__default.createElement("div", { className: "react-datepicker__day-names", role: "row" }, _this.header(monthDate))));
13363
+ React__default.createElement("div", { className: "react-datepicker__day-names" }, _this.header(monthDate))));
13402
13364
  };
13403
13365
  _this.renderCustomHeader = function (headerArgs) {
13404
13366
  var _a, _b;
@@ -13407,15 +13369,6 @@ var Calendar = /** @class */ (function (_super) {
13407
13369
  _this.props.showTimeSelectOnly) {
13408
13370
  return null;
13409
13371
  }
13410
- var _c = _this.props, showYearPicker = _c.showYearPicker, yearItemNumber = _c.yearItemNumber;
13411
- var visibleYearsRange;
13412
- if (showYearPicker) {
13413
- var _d = getYearsPeriod(monthDate, yearItemNumber), startYear = _d.startPeriod, endYear = _d.endPeriod;
13414
- visibleYearsRange = {
13415
- startYear: startYear,
13416
- endYear: endYear,
13417
- };
13418
- }
13419
13372
  var prevMonthButtonDisabled = monthDisabledBefore(_this.state.date, _this.props);
13420
13373
  var nextMonthButtonDisabled = monthDisabledAfter(_this.state.date, _this.props);
13421
13374
  var prevYearButtonDisabled = yearDisabledBefore(_this.state.date, _this.props);
@@ -13424,7 +13377,7 @@ var Calendar = /** @class */ (function (_super) {
13424
13377
  !_this.props.showQuarterYearPicker &&
13425
13378
  !_this.props.showYearPicker;
13426
13379
  return (React__default.createElement("div", { className: "react-datepicker__header react-datepicker__header--custom", onFocus: _this.props.onDropdownFocus }, (_b = (_a = _this.props).renderCustomHeader) === null || _b === void 0 ? void 0 :
13427
- _b.call(_a, _assign(_assign(_assign({}, _this.state), (showYearPicker && { visibleYearsRange: visibleYearsRange })), { customHeaderCount: i, monthDate: monthDate, changeMonth: _this.changeMonth, changeYear: _this.changeYear, decreaseMonth: _this.decreaseMonth, increaseMonth: _this.increaseMonth, decreaseYear: _this.decreaseYear, increaseYear: _this.increaseYear, prevMonthButtonDisabled: prevMonthButtonDisabled, nextMonthButtonDisabled: nextMonthButtonDisabled, prevYearButtonDisabled: prevYearButtonDisabled, nextYearButtonDisabled: nextYearButtonDisabled })),
13380
+ _b.call(_a, _assign(_assign({}, _this.state), { customHeaderCount: i, monthDate: monthDate, changeMonth: _this.changeMonth, changeYear: _this.changeYear, decreaseMonth: _this.decreaseMonth, increaseMonth: _this.increaseMonth, decreaseYear: _this.decreaseYear, increaseYear: _this.increaseYear, prevMonthButtonDisabled: prevMonthButtonDisabled, nextMonthButtonDisabled: nextMonthButtonDisabled, prevYearButtonDisabled: prevYearButtonDisabled, nextYearButtonDisabled: nextYearButtonDisabled })),
13428
13381
  showDayNames && (React__default.createElement("div", { className: "react-datepicker__day-names" }, _this.header(monthDate)))));
13429
13382
  };
13430
13383
  _this.renderYearHeader = function (_a) {
@@ -13544,7 +13497,6 @@ var Calendar = /** @class */ (function (_super) {
13544
13497
  return {
13545
13498
  monthsShown: 1,
13546
13499
  forceShowMonthNavigation: false,
13547
- outsideClickIgnoreClass: OUTSIDE_CLICK_IGNORE_CLASS,
13548
13500
  timeCaption: "Time",
13549
13501
  previousYearButtonLabel: "Previous Year",
13550
13502
  nextYearButtonLabel: "Next Year",
@@ -13833,6 +13785,7 @@ var PopperComponent = /** @class */ (function (_super) {
13833
13785
  }(Component));
13834
13786
  var PopperComponent$1 = withFloating(PopperComponent);
13835
13787
 
13788
+ var outsideClickIgnoreClass = "react-datepicker-ignore-onclickoutside";
13836
13789
  // Compares dates year+month combinations
13837
13790
  function hasPreSelectionChanged(date1, date2) {
13838
13791
  if (date1 && date2) {
@@ -13898,35 +13851,6 @@ var DatePicker = /** @class */ (function (_super) {
13898
13851
  wasHidden: false,
13899
13852
  };
13900
13853
  };
13901
- _this.getInputValue = function () {
13902
- var _a;
13903
- var _b = _this.props, locale = _b.locale, startDate = _b.startDate, endDate = _b.endDate, rangeSeparator = _b.rangeSeparator, selected = _b.selected, selectedDates = _b.selectedDates, selectsMultiple = _b.selectsMultiple, selectsRange = _b.selectsRange, value = _b.value;
13904
- var dateFormat = (_a = _this.props.dateFormat) !== null && _a !== void 0 ? _a : DatePicker.defaultProps.dateFormat;
13905
- var inputValue = _this.state.inputValue;
13906
- if (typeof value === "string") {
13907
- return value;
13908
- }
13909
- else if (typeof inputValue === "string") {
13910
- return inputValue;
13911
- }
13912
- else if (selectsRange) {
13913
- return safeDateRangeFormat(startDate, endDate, {
13914
- dateFormat: dateFormat,
13915
- locale: locale,
13916
- rangeSeparator: rangeSeparator,
13917
- });
13918
- }
13919
- else if (selectsMultiple) {
13920
- return safeMultipleDatesFormat(selectedDates !== null && selectedDates !== void 0 ? selectedDates : [], {
13921
- dateFormat: dateFormat,
13922
- locale: locale,
13923
- });
13924
- }
13925
- return safeDateFormat(selected, {
13926
- dateFormat: dateFormat,
13927
- locale: locale,
13928
- });
13929
- };
13930
13854
  _this.resetHiddenStatus = function () {
13931
13855
  _this.setState(_assign(_assign({}, _this.state), { wasHidden: false }));
13932
13856
  };
@@ -14026,15 +13950,11 @@ var DatePicker = /** @class */ (function (_super) {
14026
13950
  _this.handleDropdownFocus = function () {
14027
13951
  _this.cancelFocusInput();
14028
13952
  };
14029
- _this.resetInputValue = function () {
14030
- _this.setState(_assign(_assign({}, _this.state), { inputValue: null }));
14031
- };
14032
13953
  _this.handleBlur = function (event) {
14033
13954
  var _a, _b;
14034
13955
  if (!_this.state.open || _this.props.withPortal || _this.props.showTimeInput) {
14035
13956
  (_b = (_a = _this.props).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, event);
14036
13957
  }
14037
- _this.resetInputValue();
14038
13958
  if (_this.state.open && _this.props.open === false) {
14039
13959
  _this.setOpen(false);
14040
13960
  }
@@ -14075,17 +13995,11 @@ var DatePicker = /** @class */ (function (_super) {
14075
13995
  var strictParsing = (_b = _this.props.strictParsing) !== null && _b !== void 0 ? _b : DatePicker.defaultProps.strictParsing;
14076
13996
  var value = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target.value : "";
14077
13997
  if (selectsRange) {
14078
- var rangeSeparator = _this.props.rangeSeparator;
14079
- var trimmedRangeSeparator = rangeSeparator.trim();
14080
13998
  var _g = value
14081
- .split(dateFormat.includes(trimmedRangeSeparator)
14082
- ? rangeSeparator
14083
- : trimmedRangeSeparator, 2)
13999
+ .split(dateFormat.includes("-") ? DATE_RANGE_SEPARATOR : "-", 2)
14084
14000
  .map(function (val) { return val.trim(); }), valueStart = _g[0], valueEnd = _g[1];
14085
14001
  var startDateNew = parseDate(valueStart !== null && valueStart !== void 0 ? valueStart : "", dateFormat, _this.props.locale, strictParsing);
14086
- var endDateNew = startDateNew
14087
- ? parseDate(valueEnd !== null && valueEnd !== void 0 ? valueEnd : "", dateFormat, _this.props.locale, strictParsing)
14088
- : null;
14002
+ var endDateNew = parseDate(valueEnd !== null && valueEnd !== void 0 ? valueEnd : "", dateFormat, _this.props.locale, strictParsing);
14089
14003
  var startChanged = (startDate === null || startDate === void 0 ? void 0 : startDate.getTime()) !== (startDateNew === null || startDateNew === void 0 ? void 0 : startDateNew.getTime());
14090
14004
  var endChanged = (endDate === null || endDate === void 0 ? void 0 : endDate.getTime()) !== (endDateNew === null || endDateNew === void 0 ? void 0 : endDateNew.getTime());
14091
14005
  if (!startChanged && !endChanged) {
@@ -14200,7 +14114,6 @@ var DatePicker = /** @class */ (function (_super) {
14200
14114
  if (selectsRange) {
14201
14115
  var noRanges = !startDate && !endDate;
14202
14116
  var hasStartRange = startDate && !endDate;
14203
- var hasOnlyEndRange = !startDate && !!endDate;
14204
14117
  var isRangeFilled = startDate && endDate;
14205
14118
  if (noRanges) {
14206
14119
  onChange === null || onChange === void 0 ? void 0 : onChange([changedDate, null], event);
@@ -14221,14 +14134,6 @@ var DatePicker = /** @class */ (function (_super) {
14221
14134
  onChange === null || onChange === void 0 ? void 0 : onChange([startDate, changedDate], event);
14222
14135
  }
14223
14136
  }
14224
- else if (hasOnlyEndRange) {
14225
- if (changedDate && isDateBefore(changedDate, endDate)) {
14226
- onChange === null || onChange === void 0 ? void 0 : onChange([changedDate, endDate], event);
14227
- }
14228
- else {
14229
- onChange === null || onChange === void 0 ? void 0 : onChange([changedDate, null], event);
14230
- }
14231
- }
14232
14137
  if (isRangeFilled) {
14233
14138
  onChange === null || onChange === void 0 ? void 0 : onChange([changedDate, null], event);
14234
14139
  }
@@ -14602,12 +14507,10 @@ var DatePicker = /** @class */ (function (_super) {
14602
14507
  }
14603
14508
  return (React__default.createElement(Calendar, _assign({ showMonthYearDropdown: undefined, ref: function (elem) {
14604
14509
  _this.calendar = elem;
14605
- } }, _this.props, _this.state, { setOpen: _this.setOpen, dateFormat: (_a = _this.props.dateFormatCalendar) !== null && _a !== void 0 ? _a : DatePicker.defaultProps.dateFormatCalendar, onSelect: _this.handleSelect, onClickOutside: _this.handleCalendarClickOutside, holidays: getHolidaysMap(_this.modifyHolidays()), outsideClickIgnoreClass: _this.props.outsideClickIgnoreClass, onDropdownFocus: _this.handleDropdownFocus, onTimeChange: _this.handleTimeChange, className: _this.props.calendarClassName, container: _this.props.calendarContainer, handleOnKeyDown: _this.props.onKeyDown, handleOnDayKeyDown: _this.onDayKeyDown, setPreSelection: _this.setPreSelection, dropdownMode: (_b = _this.props.dropdownMode) !== null && _b !== void 0 ? _b : DatePicker.defaultProps.dropdownMode }), _this.props.children));
14510
+ } }, _this.props, _this.state, { setOpen: _this.setOpen, dateFormat: (_a = _this.props.dateFormatCalendar) !== null && _a !== void 0 ? _a : DatePicker.defaultProps.dateFormatCalendar, onSelect: _this.handleSelect, onClickOutside: _this.handleCalendarClickOutside, holidays: getHolidaysMap(_this.modifyHolidays()), outsideClickIgnoreClass: outsideClickIgnoreClass, onDropdownFocus: _this.handleDropdownFocus, onTimeChange: _this.handleTimeChange, className: _this.props.calendarClassName, container: _this.props.calendarContainer, handleOnKeyDown: _this.props.onKeyDown, handleOnDayKeyDown: _this.onDayKeyDown, setPreSelection: _this.setPreSelection, dropdownMode: (_b = _this.props.dropdownMode) !== null && _b !== void 0 ? _b : DatePicker.defaultProps.dropdownMode }), _this.props.children));
14606
14511
  };
14607
14512
  _this.renderAriaLiveRegion = function () {
14608
- var _a;
14609
- var locale = _this.props.locale;
14610
- var dateFormat = (_a = _this.props.dateFormat) !== null && _a !== void 0 ? _a : DatePicker.defaultProps.dateFormat;
14513
+ var _a = _this.props, _b = _a.dateFormat, dateFormat = _b === void 0 ? DatePicker.defaultProps.dateFormat : _b, locale = _a.locale;
14611
14514
  var isContainsTime = _this.props.showTimeInput || _this.props.showTimeSelect;
14612
14515
  var longDateFormat = isContainsTime ? "PPPPp" : "PPPP";
14613
14516
  var ariaLiveMessage;
@@ -14650,17 +14553,36 @@ var DatePicker = /** @class */ (function (_super) {
14650
14553
  };
14651
14554
  _this.renderDateInput = function () {
14652
14555
  var _a, _b;
14556
+ var _c;
14653
14557
  var className = clsx(_this.props.className, (_a = {},
14654
- _a[_this.props.outsideClickIgnoreClass ||
14655
- DatePicker.defaultProps.outsideClickIgnoreClass] = _this.state.open,
14558
+ _a[outsideClickIgnoreClass] = _this.state.open,
14656
14559
  _a));
14657
14560
  var customInput = _this.props.customInput || React__default.createElement("input", { type: "text" });
14658
14561
  var customInputRef = _this.props.customInputRef || "ref";
14562
+ var _d = _this.props, _e = _d.dateFormat, dateFormat = _e === void 0 ? DatePicker.defaultProps.dateFormat : _e, locale = _d.locale;
14563
+ var inputValue = typeof _this.props.value === "string"
14564
+ ? _this.props.value
14565
+ : typeof _this.state.inputValue === "string"
14566
+ ? _this.state.inputValue
14567
+ : _this.props.selectsRange
14568
+ ? safeDateRangeFormat(_this.props.startDate, _this.props.endDate, {
14569
+ dateFormat: dateFormat,
14570
+ locale: locale,
14571
+ })
14572
+ : _this.props.selectsMultiple
14573
+ ? safeMultipleDatesFormat((_c = _this.props.selectedDates) !== null && _c !== void 0 ? _c : [], {
14574
+ dateFormat: dateFormat,
14575
+ locale: locale,
14576
+ })
14577
+ : safeDateFormat(_this.props.selected, {
14578
+ dateFormat: dateFormat,
14579
+ locale: locale,
14580
+ });
14659
14581
  return cloneElement(customInput, (_b = {},
14660
14582
  _b[customInputRef] = function (input) {
14661
14583
  _this.input = input;
14662
14584
  },
14663
- _b.value = _this.getInputValue(),
14585
+ _b.value = inputValue,
14664
14586
  _b.onBlur = _this.handleBlur,
14665
14587
  _b.onChange = _this.handleChange,
14666
14588
  _b.onClick = _this.onInputClick,
@@ -14713,9 +14635,7 @@ var DatePicker = /** @class */ (function (_super) {
14713
14635
  dropdownMode: "scroll",
14714
14636
  preventOpenOnFocus: false,
14715
14637
  monthsShown: 1,
14716
- outsideClickIgnoreClass: OUTSIDE_CLICK_IGNORE_CLASS,
14717
14638
  readOnly: false,
14718
- rangeSeparator: DATE_RANGE_SEPARATOR,
14719
14639
  withPortal: false,
14720
14640
  selectsDisabledDaysInRange: false,
14721
14641
  shouldCloseOnSelect: true,
@@ -15228,4 +15148,4 @@ var InlineDatePicker = function (props) {
15228
15148
  };
15229
15149
 
15230
15150
  export { DatePickerGroup as D, HelperText as H, InlineDatePicker as I, ValidationText as V };
15231
- //# sourceMappingURL=InlineDatePicker-BeRq7pJP.js.map
15151
+ //# sourceMappingURL=InlineDatePicker-ClVBWEzW.js.map