react-aria-components 1.16.0 → 1.18.0

package/dist/private/DatePicker.cjs

@@ -0,0 +1,324 @@
+var $16c7f9b22cce3838$exports = require("./Button.cjs");
+var $27a812393b1f8a86$exports = require("./Calendar.cjs");
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $45bc69f809bc5ce9$exports = require("./DateField.cjs");
+var $88595bf043e542ec$exports = require("./Dialog.cjs");
+var $862aa7df04d8fa76$exports = require("./FieldError.cjs");
+var $5adc12e2ce73be8f$exports = require("./Form.cjs");
+var $f3068c15cd7dcac2$exports = require("./Group.cjs");
+var $42971d650511669b$exports = require("./HiddenDateInput.cjs");
+var $d5d46822336ca1e1$exports = require("./Label.cjs");
+var $74e35a768d38d46b$exports = require("./Popover.cjs");
+var $cab7d9a238d19c33$exports = require("./Text.cjs");
+var $7wQ3T$reactariauseDatePicker = require("react-aria/useDatePicker");
+var $7wQ3T$reactariauseDateRangePicker = require("react-aria/useDateRangePicker");
+var $7wQ3T$reactstatelyuseDatePickerState = require("react-stately/useDatePickerState");
+var $7wQ3T$reactstatelyuseDateRangePickerState = require("react-stately/useDateRangePickerState");
+var $7wQ3T$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $7wQ3T$reactariamergeProps = require("react-aria/mergeProps");
+var $7wQ3T$react = require("react");
+var $7wQ3T$reactariauseFocusRing = require("react-aria/useFocusRing");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "DatePickerContext", function () { return $e06e9b1044c23255$export$cf316c7f3b44c11e; });
+$parcel$export(module.exports, "DateRangePickerContext", function () { return $e06e9b1044c23255$export$8282edba42ee28a; });
+$parcel$export(module.exports, "DatePickerStateContext", function () { return $e06e9b1044c23255$export$50a10c048fdcdee9; });
+$parcel$export(module.exports, "DateRangePickerStateContext", function () { return $e06e9b1044c23255$export$80d7ae1f804790be; });
+$parcel$export(module.exports, "DatePicker", function () { return $e06e9b1044c23255$export$5109c6dd95d8fb00; });
+$parcel$export(module.exports, "DateRangePicker", function () { return $e06e9b1044c23255$export$17334619f3ac2224; });
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $e06e9b1044c23255$export$cf316c7f3b44c11e = /*#__PURE__*/ (0, $7wQ3T$react.createContext)(null);
+const $e06e9b1044c23255$export$8282edba42ee28a = /*#__PURE__*/ (0, $7wQ3T$react.createContext)(null);
+const $e06e9b1044c23255$export$50a10c048fdcdee9 = /*#__PURE__*/ (0, $7wQ3T$react.createContext)(null);
+const $e06e9b1044c23255$export$80d7ae1f804790be = /*#__PURE__*/ (0, $7wQ3T$react.createContext)(null);
+// Contexts to clear inside the popover.
+const $e06e9b1044c23255$var$CLEAR_CONTEXTS = [
+    (0, $f3068c15cd7dcac2$exports.GroupContext),
+    (0, $16c7f9b22cce3838$exports.ButtonContext),
+    (0, $d5d46822336ca1e1$exports.LabelContext),
+    (0, $cab7d9a238d19c33$exports.TextContext)
+];
+const $e06e9b1044c23255$export$5109c6dd95d8fb00 = /*#__PURE__*/ (0, $7wQ3T$react.forwardRef)(function DatePicker(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $e06e9b1044c23255$export$cf316c7f3b44c11e);
+    let { validationBehavior: formValidationBehavior } = (0, $048d76b84370f141$exports.useSlottedContext)((0, $5adc12e2ce73be8f$exports.FormContext)) || {};
+    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
+    let state = (0, $7wQ3T$reactstatelyuseDatePickerState.useDatePickerState)({
+        ...props,
+        validationBehavior: validationBehavior
+    });
+    let groupRef = (0, $7wQ3T$react.useRef)(null);
+    let [labelRef, label] = (0, $048d76b84370f141$exports.useSlot)(!props['aria-label'] && !props['aria-labelledby']);
+    let { groupProps: groupProps, labelProps: labelProps, fieldProps: fieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $7wQ3T$reactariauseDatePicker.useDatePicker)({
+        ...(0, $048d76b84370f141$exports.removeDataAttributes)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, groupRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $7wQ3T$reactariauseFocusRing.useFocusRing)({
+        within: true
+    });
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            state: state,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isInvalid,
+            isOpen: state.isOpen,
+            isReadOnly: props.isReadOnly || false,
+            isRequired: props.isRequired || false
+        },
+        defaultClassName: 'react-aria-DatePicker'
+    });
+    let DOMProps = (0, $7wQ3T$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($7wQ3T$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                $e06e9b1044c23255$export$50a10c048fdcdee9,
+                state
+            ],
+            [
+                (0, $f3068c15cd7dcac2$exports.GroupContext),
+                {
+                    ...groupProps,
+                    ref: groupRef,
+                    isInvalid: state.isInvalid
+                }
+            ],
+            [
+                (0, $45bc69f809bc5ce9$exports.DateFieldContext),
+                fieldProps
+            ],
+            [
+                (0, $16c7f9b22cce3838$exports.ButtonContext),
+                {
+                    ...buttonProps,
+                    isPressed: state.isOpen
+                }
+            ],
+            [
+                (0, $d5d46822336ca1e1$exports.LabelContext),
+                {
+                    ...labelProps,
+                    ref: labelRef,
+                    elementType: 'span'
+                }
+            ],
+            [
+                (0, $27a812393b1f8a86$exports.CalendarContext),
+                calendarProps
+            ],
+            [
+                (0, $88595bf043e542ec$exports.OverlayTriggerStateContext),
+                state
+            ],
+            [
+                (0, $74e35a768d38d46b$exports.PopoverContext),
+                {
+                    trigger: 'DatePicker',
+                    triggerRef: groupRef,
+                    placement: 'bottom start',
+                    clearContexts: $e06e9b1044c23255$var$CLEAR_CONTEXTS
+                }
+            ],
+            [
+                (0, $88595bf043e542ec$exports.DialogContext),
+                dialogProps
+            ],
+            [
+                (0, $cab7d9a238d19c33$exports.TextContext),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $862aa7df04d8fa76$exports.FieldErrorContext),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($7wQ3T$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $7wQ3T$reactariamergeProps.mergeProps)(DOMProps, renderProps, focusProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focus-within": isFocused || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-open": state.isOpen || undefined
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($7wQ3T$react))).createElement((0, $42971d650511669b$exports.HiddenDateInput), {
+        autoComplete: props.autoComplete,
+        name: props.name,
+        isDisabled: props.isDisabled,
+        state: state
+    }));
+});
+const $e06e9b1044c23255$export$17334619f3ac2224 = /*#__PURE__*/ (0, $7wQ3T$react.forwardRef)(function DateRangePicker(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $e06e9b1044c23255$export$8282edba42ee28a);
+    let { validationBehavior: formValidationBehavior } = (0, $048d76b84370f141$exports.useSlottedContext)((0, $5adc12e2ce73be8f$exports.FormContext)) || {};
+    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
+    let state = (0, $7wQ3T$reactstatelyuseDateRangePickerState.useDateRangePickerState)({
+        ...props,
+        validationBehavior: validationBehavior
+    });
+    let groupRef = (0, $7wQ3T$react.useRef)(null);
+    let [labelRef, label] = (0, $048d76b84370f141$exports.useSlot)(!props['aria-label'] && !props['aria-labelledby']);
+    let { groupProps: groupProps, labelProps: labelProps, startFieldProps: startFieldProps, endFieldProps: endFieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $7wQ3T$reactariauseDateRangePicker.useDateRangePicker)({
+        ...(0, $048d76b84370f141$exports.removeDataAttributes)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, groupRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $7wQ3T$reactariauseFocusRing.useFocusRing)({
+        within: true
+    });
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            state: state,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isInvalid,
+            isOpen: state.isOpen,
+            isReadOnly: props.isReadOnly || false,
+            isRequired: props.isRequired || false
+        },
+        defaultClassName: 'react-aria-DateRangePicker'
+    });
+    let DOMProps = (0, $7wQ3T$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($7wQ3T$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                $e06e9b1044c23255$export$80d7ae1f804790be,
+                state
+            ],
+            [
+                (0, $f3068c15cd7dcac2$exports.GroupContext),
+                {
+                    ...groupProps,
+                    ref: groupRef,
+                    isInvalid: state.isInvalid
+                }
+            ],
+            [
+                (0, $16c7f9b22cce3838$exports.ButtonContext),
+                {
+                    ...buttonProps,
+                    isPressed: state.isOpen
+                }
+            ],
+            [
+                (0, $d5d46822336ca1e1$exports.LabelContext),
+                {
+                    ...labelProps,
+                    ref: labelRef,
+                    elementType: 'span'
+                }
+            ],
+            [
+                (0, $27a812393b1f8a86$exports.RangeCalendarContext),
+                calendarProps
+            ],
+            [
+                (0, $88595bf043e542ec$exports.OverlayTriggerStateContext),
+                state
+            ],
+            [
+                (0, $74e35a768d38d46b$exports.PopoverContext),
+                {
+                    trigger: 'DateRangePicker',
+                    triggerRef: groupRef,
+                    placement: 'bottom start',
+                    clearContexts: $e06e9b1044c23255$var$CLEAR_CONTEXTS
+                }
+            ],
+            [
+                (0, $88595bf043e542ec$exports.DialogContext),
+                dialogProps
+            ],
+            [
+                (0, $45bc69f809bc5ce9$exports.DateFieldContext),
+                {
+                    slots: {
+                        start: startFieldProps,
+                        end: endFieldProps
+                    }
+                }
+            ],
+            [
+                (0, $cab7d9a238d19c33$exports.TextContext),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $862aa7df04d8fa76$exports.FieldErrorContext),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($7wQ3T$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $7wQ3T$reactariamergeProps.mergeProps)(DOMProps, renderProps, focusProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focus-within": isFocused || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-open": state.isOpen || undefined
+    }));
+});
+
+
+//# sourceMappingURL=DatePicker.cjs.map

package/dist/private/DatePicker.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/DatePicker.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {AriaDatePickerProps, useDatePicker} from 'react-aria/useDatePicker';\nimport {AriaDateRangePickerProps, useDateRangePicker} from 'react-aria/useDateRangePicker';\nimport {ButtonContext} from './Button';\nimport {CalendarContext, RangeCalendarContext} from './Calendar';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RACValidation,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {DateFieldContext} from './DateField';\nimport {\n  DatePickerState,\n  DatePickerStateOptions,\n  DateValue,\n  useDatePickerState\n} from 'react-stately/useDatePickerState';\nimport {\n  DateRangePickerState,\n  DateRangePickerStateOptions,\n  useDateRangePickerState\n} from 'react-stately/useDateRangePickerState';\nimport {DialogContext, OverlayTriggerStateContext} from './Dialog';\nimport {FieldErrorContext} from './FieldError';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext} from './Form';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {GroupContext} from './Group';\nimport {HiddenDateInput} from './HiddenDateInput';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PopoverContext} from './Popover';\nimport React, {createContext, ForwardedRef, forwardRef, useRef} from 'react';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\n\nexport interface DatePickerRenderProps {\n  /**\n   * Whether an element within the date picker is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focus-within]\n   */\n  isFocusWithin: boolean;\n  /**\n   * Whether an element within the date picker is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the date picker is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the date picker is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n  /**\n   * Whether the date picker is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the date picker is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n  /**\n   * Whether the date picker's popover is currently open.\n   *\n   * @selector [data-open]\n   */\n  isOpen: boolean;\n  /**\n   * State of the date picker.\n   */\n  state: DatePickerState;\n}\nexport interface DateRangePickerRenderProps extends Omit<DatePickerRenderProps, 'state'> {\n  /**\n   * State of the date range picker.\n   */\n  state: DateRangePickerState;\n}\n\nexport interface DatePickerProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDatePickerProps<T>,\n      'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'\n    >,\n    Pick<DatePickerStateOptions<T>, 'shouldCloseOnSelect'>,\n    RACValidation,\n    RenderProps<DatePickerRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-DatePicker'\n   */\n  className?: ClassNameOrFunction<DatePickerRenderProps>;\n}\nexport interface DateRangePickerProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'\n    >,\n    Pick<DateRangePickerStateOptions<T>, 'shouldCloseOnSelect'>,\n    RACValidation,\n    RenderProps<DateRangePickerRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-DateRangePicker'\n   */\n  className?: ClassNameOrFunction<DateRangePickerRenderProps>;\n}\n\nexport const DatePickerContext =\n  createContext<ContextValue<DatePickerProps<any>, HTMLDivElement>>(null);\nexport const DateRangePickerContext =\n  createContext<ContextValue<DateRangePickerProps<any>, HTMLDivElement>>(null);\nexport const DatePickerStateContext = createContext<DatePickerState | null>(null);\nexport const DateRangePickerStateContext = createContext<DateRangePickerState | null>(null);\n\n// Contexts to clear inside the popover.\nconst CLEAR_CONTEXTS = [GroupContext, ButtonContext, LabelContext, TextContext];\n\n/**\n * A date picker combines a DateField and a Calendar popover to allow users to enter or select a\n * date and time value.\n */\nexport const DatePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(function DatePicker<\n  T extends DateValue\n>(props: DatePickerProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n  let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n  let state = useDatePickerState({\n    ...props,\n    validationBehavior\n  });\n\n  let groupRef = useRef<HTMLDivElement>(null);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {\n    groupProps,\n    labelProps,\n    fieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n    descriptionProps,\n    errorMessageProps,\n    ...validation\n  } = useDatePicker(\n    {\n      ...removeDataAttributes(props),\n      label,\n      validationBehavior\n    },\n    state,\n    groupRef\n  );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing({within: true});\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isFocusWithin: isFocused,\n      isFocusVisible,\n      isDisabled: props.isDisabled || false,\n      isInvalid: state.isInvalid,\n      isOpen: state.isOpen,\n      isReadOnly: props.isReadOnly || false,\n      isRequired: props.isRequired || false\n    },\n    defaultClassName: 'react-aria-DatePicker'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [DatePickerStateContext, state],\n        [GroupContext, {...groupProps, ref: groupRef, isInvalid: state.isInvalid}],\n        [DateFieldContext, fieldProps],\n        [ButtonContext, {...buttonProps, isPressed: state.isOpen}],\n        [LabelContext, {...labelProps, ref: labelRef, elementType: 'span'}],\n        [CalendarContext, calendarProps as any],\n        [OverlayTriggerStateContext, state],\n        [\n          PopoverContext,\n          {\n            trigger: 'DatePicker',\n            triggerRef: groupRef,\n            placement: 'bottom start',\n            clearContexts: CLEAR_CONTEXTS\n          }\n        ],\n        [DialogContext, dialogProps],\n        [\n          TextContext,\n          {\n            slots: {\n              description: descriptionProps,\n              errorMessage: errorMessageProps\n            }\n          }\n        ],\n        [FieldErrorContext, validation]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, focusProps)}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-focus-within={isFocused || undefined}\n        data-invalid={state.isInvalid || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-readonly={props.isReadOnly || undefined}\n        data-required={props.isRequired || undefined}\n        data-open={state.isOpen || undefined}\n      />\n      <HiddenDateInput\n        autoComplete={props.autoComplete}\n        name={props.name}\n        isDisabled={props.isDisabled}\n        state={state}\n      />\n    </Provider>\n  );\n});\n\n/**\n * A date range picker combines two DateFields and a RangeCalendar popover to allow\n * users to enter or select a date and time range.\n */\nexport const DateRangePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  function DateRangePicker<T extends DateValue>(\n    props: DateRangePickerProps<T>,\n    ref: ForwardedRef<HTMLDivElement>\n  ) {\n    [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n    let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let state = useDateRangePickerState({\n      ...props,\n      validationBehavior\n    });\n\n    let groupRef = useRef<HTMLDivElement>(null);\n    let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n    let {\n      groupProps,\n      labelProps,\n      startFieldProps,\n      endFieldProps,\n      buttonProps,\n      dialogProps,\n      calendarProps,\n      descriptionProps,\n      errorMessageProps,\n      ...validation\n    } = useDateRangePicker(\n      {\n        ...removeDataAttributes(props),\n        label,\n        validationBehavior\n      },\n      state,\n      groupRef\n    );\n\n    let {focusProps, isFocused, isFocusVisible} = useFocusRing({within: true});\n    let renderProps = useRenderProps({\n      ...props,\n      values: {\n        state,\n        isFocusWithin: isFocused,\n        isFocusVisible,\n        isDisabled: props.isDisabled || false,\n        isInvalid: state.isInvalid,\n        isOpen: state.isOpen,\n        isReadOnly: props.isReadOnly || false,\n        isRequired: props.isRequired || false\n      },\n      defaultClassName: 'react-aria-DateRangePicker'\n    });\n\n    let DOMProps = filterDOMProps(props, {global: true});\n    delete DOMProps.id;\n\n    return (\n      <Provider\n        values={[\n          [DateRangePickerStateContext, state],\n          [GroupContext, {...groupProps, ref: groupRef, isInvalid: state.isInvalid}],\n          [ButtonContext, {...buttonProps, isPressed: state.isOpen}],\n          [LabelContext, {...labelProps, ref: labelRef, elementType: 'span'}],\n          [RangeCalendarContext, calendarProps],\n          [OverlayTriggerStateContext, state],\n          [\n            PopoverContext,\n            {\n              trigger: 'DateRangePicker',\n              triggerRef: groupRef,\n              placement: 'bottom start',\n              clearContexts: CLEAR_CONTEXTS\n            }\n          ],\n          [DialogContext, dialogProps],\n          [\n            DateFieldContext,\n            {\n              slots: {\n                start: startFieldProps,\n                end: endFieldProps\n              }\n            }\n          ],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ],\n          [FieldErrorContext, validation]\n        ]}>\n        <dom.div\n          {...mergeProps(DOMProps, renderProps, focusProps)}\n          ref={ref}\n          slot={props.slot || undefined}\n          data-focus-within={isFocused || undefined}\n          data-invalid={state.isInvalid || undefined}\n          data-focus-visible={isFocusVisible || undefined}\n          data-disabled={props.isDisabled || undefined}\n          data-readonly={props.isReadOnly || undefined}\n          data-required={props.isRequired || undefined}\n          data-open={state.isOpen || undefined}\n        />\n      </Provider>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"DatePicker.cjs.map"}

package/dist/private/DatePicker.js

@@ -0,0 +1,312 @@
+import {ButtonContext as $fc203795b9b363cd$export$24d547caef80ccd1} from "./Button.js";
+import {CalendarContext as $62acebab8283d780$export$3b805cea1f178355, RangeCalendarContext as $62acebab8283d780$export$233dd9682e1ad64b} from "./Calendar.js";
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, removeDataAttributes as $b7b7a92703138c9b$export$ef03459518577ad4, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3, useSlot as $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8, useSlottedContext as $b7b7a92703138c9b$export$fabf2dc03a41866e} from "./utils.js";
+import {DateFieldContext as $ebd46e18226db4de$export$7b3e670c86da5fe8} from "./DateField.js";
+import {DialogContext as $acf8e70c2f419f18$export$8b93a07348a7730c, OverlayTriggerStateContext as $acf8e70c2f419f18$export$d2f961adcb0afbe} from "./Dialog.js";
+import {FieldErrorContext as $6567560e1d9cc847$export$ff05c3ac10437e03} from "./FieldError.js";
+import {FormContext as $c7332d4a2d191cd2$export$c24727297075ec6a} from "./Form.js";
+import {GroupContext as $2e357e4f16c05be6$export$f9c6924e160136d1} from "./Group.js";
+import {HiddenDateInput as $7133f72f3bca7442$export$eefa3e19139f00f3} from "./HiddenDateInput.js";
+import {LabelContext as $3e4839e5b30e7b17$export$75b6ee27786ba447} from "./Label.js";
+import {PopoverContext as $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4} from "./Popover.js";
+import {TextContext as $20d769b1e2b13352$export$9afb8bc826b033ea} from "./Text.js";
+import {useDatePicker as $eiyUW$useDatePicker} from "react-aria/useDatePicker";
+import {useDateRangePicker as $eiyUW$useDateRangePicker} from "react-aria/useDateRangePicker";
+import {useDatePickerState as $eiyUW$useDatePickerState} from "react-stately/useDatePickerState";
+import {useDateRangePickerState as $eiyUW$useDateRangePickerState} from "react-stately/useDateRangePickerState";
+import {filterDOMProps as $eiyUW$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $eiyUW$mergeProps} from "react-aria/mergeProps";
+import $eiyUW$react, {createContext as $eiyUW$createContext, forwardRef as $eiyUW$forwardRef, useRef as $eiyUW$useRef} from "react";
+import {useFocusRing as $eiyUW$useFocusRing} from "react-aria/useFocusRing";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $97391356e321081b$export$cf316c7f3b44c11e = /*#__PURE__*/ (0, $eiyUW$createContext)(null);
+const $97391356e321081b$export$8282edba42ee28a = /*#__PURE__*/ (0, $eiyUW$createContext)(null);
+const $97391356e321081b$export$50a10c048fdcdee9 = /*#__PURE__*/ (0, $eiyUW$createContext)(null);
+const $97391356e321081b$export$80d7ae1f804790be = /*#__PURE__*/ (0, $eiyUW$createContext)(null);
+// Contexts to clear inside the popover.
+const $97391356e321081b$var$CLEAR_CONTEXTS = [
+    (0, $2e357e4f16c05be6$export$f9c6924e160136d1),
+    (0, $fc203795b9b363cd$export$24d547caef80ccd1),
+    (0, $3e4839e5b30e7b17$export$75b6ee27786ba447),
+    (0, $20d769b1e2b13352$export$9afb8bc826b033ea)
+];
+const $97391356e321081b$export$5109c6dd95d8fb00 = /*#__PURE__*/ (0, $eiyUW$forwardRef)(function DatePicker(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $97391356e321081b$export$cf316c7f3b44c11e);
+    let { validationBehavior: formValidationBehavior } = (0, $b7b7a92703138c9b$export$fabf2dc03a41866e)((0, $c7332d4a2d191cd2$export$c24727297075ec6a)) || {};
+    var _props_validationBehavior, _ref;
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
+    let state = (0, $eiyUW$useDatePickerState)({
+        ...props,
+        validationBehavior: validationBehavior
+    });
+    let groupRef = (0, $eiyUW$useRef)(null);
+    let [labelRef, label] = (0, $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let { groupProps: groupProps, labelProps: labelProps, fieldProps: fieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $eiyUW$useDatePicker)({
+        ...(0, $b7b7a92703138c9b$export$ef03459518577ad4)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, groupRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $eiyUW$useFocusRing)({
+        within: true
+    });
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            state: state,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isInvalid,
+            isOpen: state.isOpen,
+            isReadOnly: props.isReadOnly || false,
+            isRequired: props.isRequired || false
+        },
+        defaultClassName: 'react-aria-DatePicker'
+    });
+    let DOMProps = (0, $eiyUW$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $eiyUW$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $97391356e321081b$export$50a10c048fdcdee9,
+                state
+            ],
+            [
+                (0, $2e357e4f16c05be6$export$f9c6924e160136d1),
+                {
+                    ...groupProps,
+                    ref: groupRef,
+                    isInvalid: state.isInvalid
+                }
+            ],
+            [
+                (0, $ebd46e18226db4de$export$7b3e670c86da5fe8),
+                fieldProps
+            ],
+            [
+                (0, $fc203795b9b363cd$export$24d547caef80ccd1),
+                {
+                    ...buttonProps,
+                    isPressed: state.isOpen
+                }
+            ],
+            [
+                (0, $3e4839e5b30e7b17$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    ref: labelRef,
+                    elementType: 'span'
+                }
+            ],
+            [
+                (0, $62acebab8283d780$export$3b805cea1f178355),
+                calendarProps
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$d2f961adcb0afbe),
+                state
+            ],
+            [
+                (0, $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'DatePicker',
+                    triggerRef: groupRef,
+                    placement: 'bottom start',
+                    clearContexts: $97391356e321081b$var$CLEAR_CONTEXTS
+                }
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$8b93a07348a7730c),
+                dialogProps
+            ],
+            [
+                (0, $20d769b1e2b13352$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $6567560e1d9cc847$export$ff05c3ac10437e03),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $eiyUW$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $eiyUW$mergeProps)(DOMProps, renderProps, focusProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focus-within": isFocused || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-open": state.isOpen || undefined
+    }), /*#__PURE__*/ (0, $eiyUW$react).createElement((0, $7133f72f3bca7442$export$eefa3e19139f00f3), {
+        autoComplete: props.autoComplete,
+        name: props.name,
+        isDisabled: props.isDisabled,
+        state: state
+    }));
+});
+const $97391356e321081b$export$17334619f3ac2224 = /*#__PURE__*/ (0, $eiyUW$forwardRef)(function DateRangePicker(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $97391356e321081b$export$8282edba42ee28a);
+    let { validationBehavior: formValidationBehavior } = (0, $b7b7a92703138c9b$export$fabf2dc03a41866e)((0, $c7332d4a2d191cd2$export$c24727297075ec6a)) || {};
+    var _props_validationBehavior, _ref;
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
+    let state = (0, $eiyUW$useDateRangePickerState)({
+        ...props,
+        validationBehavior: validationBehavior
+    });
+    let groupRef = (0, $eiyUW$useRef)(null);
+    let [labelRef, label] = (0, $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let { groupProps: groupProps, labelProps: labelProps, startFieldProps: startFieldProps, endFieldProps: endFieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $eiyUW$useDateRangePicker)({
+        ...(0, $b7b7a92703138c9b$export$ef03459518577ad4)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, groupRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $eiyUW$useFocusRing)({
+        within: true
+    });
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            state: state,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isInvalid,
+            isOpen: state.isOpen,
+            isReadOnly: props.isReadOnly || false,
+            isRequired: props.isRequired || false
+        },
+        defaultClassName: 'react-aria-DateRangePicker'
+    });
+    let DOMProps = (0, $eiyUW$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $eiyUW$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $97391356e321081b$export$80d7ae1f804790be,
+                state
+            ],
+            [
+                (0, $2e357e4f16c05be6$export$f9c6924e160136d1),
+                {
+                    ...groupProps,
+                    ref: groupRef,
+                    isInvalid: state.isInvalid
+                }
+            ],
+            [
+                (0, $fc203795b9b363cd$export$24d547caef80ccd1),
+                {
+                    ...buttonProps,
+                    isPressed: state.isOpen
+                }
+            ],
+            [
+                (0, $3e4839e5b30e7b17$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    ref: labelRef,
+                    elementType: 'span'
+                }
+            ],
+            [
+                (0, $62acebab8283d780$export$233dd9682e1ad64b),
+                calendarProps
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$d2f961adcb0afbe),
+                state
+            ],
+            [
+                (0, $03df2f2d3cffb62f$export$9b9a0cd73afb7ca4),
+                {
+                    trigger: 'DateRangePicker',
+                    triggerRef: groupRef,
+                    placement: 'bottom start',
+                    clearContexts: $97391356e321081b$var$CLEAR_CONTEXTS
+                }
+            ],
+            [
+                (0, $acf8e70c2f419f18$export$8b93a07348a7730c),
+                dialogProps
+            ],
+            [
+                (0, $ebd46e18226db4de$export$7b3e670c86da5fe8),
+                {
+                    slots: {
+                        start: startFieldProps,
+                        end: endFieldProps
+                    }
+                }
+            ],
+            [
+                (0, $20d769b1e2b13352$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $6567560e1d9cc847$export$ff05c3ac10437e03),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $eiyUW$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $eiyUW$mergeProps)(DOMProps, renderProps, focusProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focus-within": isFocused || undefined,
+        "data-invalid": state.isInvalid || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-open": state.isOpen || undefined
+    }));
+});
+
+
+export {$97391356e321081b$export$cf316c7f3b44c11e as DatePickerContext, $97391356e321081b$export$8282edba42ee28a as DateRangePickerContext, $97391356e321081b$export$50a10c048fdcdee9 as DatePickerStateContext, $97391356e321081b$export$80d7ae1f804790be as DateRangePickerStateContext, $97391356e321081b$export$5109c6dd95d8fb00 as DatePicker, $97391356e321081b$export$17334619f3ac2224 as DateRangePicker};
+//# sourceMappingURL=DatePicker.js.map